Add Dark Mode Support for FileCentipede

[nosime]

It would be great if FileCentipede could support a Dark Mode. This feature is particularly beneficial for users who prefer working in low-light environments or simply enjoy a darker interface.

[filecxx]

Sure, others have mentioned dark mode many times. Maybe you can help me collect some white icons for it.

[ravencrowonyt]

Sure, others have mentioned dark mode many times. Maybe you can help me collect some white icons for it.

Has there been any progress on this? I don't know how to code but I could help with icons. Would love to see a dark mod for this program if possible.

[filecxx]

Sure, others have mentioned dark mode many times. Maybe you can help me collect some white icons for it.

Has there been any progress on this? I don't know how to code but I could help with icons. Would love to see a dark mod for this program if possible.

soon.

[ravencrowonyt]

Sure, others have mentioned dark mode many times. Maybe you can help me collect some white icons for it.

Has there been any progress on this? I don't know how to code but I could help with icons. Would love to see a dark mod for this program if possible.

soon.

Here are some icons i've worked on. Can make more if needed.

Icons.zip

[filecxx]

Sure, others have mentioned dark mode many times. Maybe you can help me collect some white icons for it.

Has there been any progress on this? I don't know how to code but I could help with icons. Would love to see a dark mod for this program if possible.

soon.

Here are some icons i've worked on. Can make more if needed.

Icons.zip

Thank you very much for providing these icons, they look great! It would be even better if the icons were in SVG or another vector format.

[xamionex]

I recently switched to linux and noticed this doesn't have dark mode, so I took it upon myself to make it

Feel free to mention if you have issues
Note: the collapse and expand pngs just have a changed name, I did not make them white, sorry

<Updated 27/3/2025@6:11:24PM>
drop in filecentipede folder.zip

[xamionex]

Also note for author, thank you for making this, I just have a few suggestions
You should have a theme option or a style option in the settings, basically all it'd do is switch the css you're using and the icons you're using, which could make having both dark mode and light mode very easy
Additionally, the main css file should be changed so that it sets colors based on a variable, usually like this:

:root {
  --color-for-this-element: #000;
  --color-for-other-element: #fff;
}

Then we could make dark.css and light.css and just set colors, that way everything is dynamic,
One problem is, I tried getting importing to work, but I didn't get it to work no matter what I tried, I'm not sure how sml+css works nor how qt works, you might know more than me here

[filecxx]

Also note for author, thank you for making this, I just have a few suggestions You should have a theme option or a style option in the settings, basically all it'd do is switch the css you're using and the icons you're using, which could make having both dark mode and light mode very easy Additionally, the main css file should be changed so that it sets colors based on a variable, usually like this:

:root {
--color-for-this-element: #000;
--color-for-other-element: #fff;
}
Then we could make dark.css and light.css and just set colors, that way everything is dynamic, One problem is, I tried getting importing to work, but I didn't get it to work no matter what I tried, I'm not sure how sml+css works nor how qt works, you might know more than me here

This is fantastic, thank you very much.

[xamionex]

I looked around for solutions for theming, it seems you will need to do some magic to get variables or importing to work in QSS as it doesn't support either, I haven't looked into SML, but it could support these, but I don't know if it's worth to transfer the QSS into SML directly

QSS doesn't support variables nor importing, but you could make the program make the QSS on startup with SASS
Here's some interesting stuff I found that might help:
https://stackoverflow.com/questions/10898399/using-variables-in-qt-stylesheets
https://stackoverflow.com/questions/4810729/setstylesheet-from-a-resource-qss-file?rq=3
https://github.com/spyder-ide/qtsass

But the huge issue is: No variable support in QSS, no @import in QSS and I won't trouble you to make it, after all we just want dark mode
You could probably make it using sass but that requires tinkering, so I guess themes are static which is a bummer but you could still make it work, take it with my previous suggestion, you could have the dropdown have (light, dark, custom)
where custom is just a copy of the light theme where the user will be free to edit, same with icons which would make them have their own folders in icons, instead of filecentipede/icons/16... it'd be filecentipede/icons/dark/16

Of course this also poses some problems as to how to load the stylesheet and icons and I have one idea, not sure how you can do it in qt so you could try or just let us know if it can be made or not
Dropdown defaults to light theme/dark icons
On startup it loads light.css and icons/light/
Switch to dark theme/light icons and it loads dark.css with icons/dark/
Of course this is just an idea, but it'd be awesome if filecentipede had this
Thank you again for reading ^^

[filecxx]

I looked around for solutions for theming, it seems you will need to do some magic to get variables or importing to work in QSS as it doesn't support either, I haven't looked into SML, but it could support these, but I don't know if it's worth to transfer the QSS into SML directly

QSS doesn't support variables nor importing, but you could make the program make the QSS on startup with SASS Here's some interesting stuff I found that might help: https://stackoverflow.com/questions/10898399/using-variables-in-qt-stylesheets https://stackoverflow.com/questions/4810729/setstylesheet-from-a-resource-qss-file?rq=3 https://github.com/spyder-ide/qtsass

But the huge issue is: No variable support in QSS, no @import in QSS and I won't trouble you to make it, after all we just want dark mode You could probably make it using sass but that requires tinkering, so I guess themes are static which is a bummer but you could still make it work, take it with my previous suggestion, you could have the dropdown have (light, dark, custom) where custom is just a copy of the light theme where the user will be free to edit, same with icons which would make them have their own folders in icons, instead of filecentipede/icons/16... it'd be filecentipede/icons/dark/16

Of course this also poses some problems as to how to load the stylesheet and icons and I have one idea, not sure how you can do it in qt so you could try or just let us know if it can be made or not Dropdown defaults to light theme/dark icons On startup it loads light.css and icons/light/ Switch to dark theme/light icons and it loads dark.css with icons/dark/ Of course this is just an idea, but it'd be awesome if filecentipede had this Thank you again for reading ^^

I will surprise you.

[Draguljche]

Also note for author, thank you for making this, I just have a few suggestions You should have a theme option or a style option in the settings, basically all it'd do is switch the css you're using and the icons you're using, which could make having both dark mode and light mode very easy Additionally, the main css file should be changed so that it sets colors based on a variable, usually like this:
:root {
--color-for-this-element: #000;
--color-for-other-element: #fff;
}
Then we could make dark.css and light.css and just set colors, that way everything is dynamic, One problem is, I tried getting importing to work, but I didn't get it to work no matter what I tried, I'm not sure how sml+css works nor how qt works, you might know more than me here

This is fantastic, thank you very much.

Please implement this, please! And thanks for this amaizing program, who is Linux version of IDM literaly.

[Draguljche]

This one on the picture does not have good visibility. Could you please edit that? And thank you for your work for Dark Mode!

[xamionex]

This one on the picture does not have good visibility. Could you please edit that? And thank you for your work for Dark Mode!

Fixed it, download from the original comment again :)

[Draguljche]

This one on the picture does not have good visibility. Could you please edit that? And thank you for your work for Dark Mode!

Fixed it, download from the original comment again :)

Thx!!! Now its perfect. I dont go blind like before, when I run File Centipede. :D