Implement system theme (dark mode) and fix background image on windows.

[ctrleo]

This pr implements feature request #741

Changes

• Removed background (color) property from list_background, which allows the app to use the system default colour instead
• Added two options for background-color in list_background, which alternate depending on theme
• Removed the white filter over list_background.png and replicated the effect by lowering the image opacity to 70% 10%
• Moved original list_background.png and it's GIMP editor file to list_background_old.png and list_background_old.xcf
• Recompiled UI files with new image
• Created a subroutine in shared.py to detect if system is in dark mode or not
• Determines whether system is in dark mode or not using QApplication.styleHints().colorScheme()
• Added KCC_7.0.0.spec, a file generated through setup.py build_binary on windows, to .gitignore

This fixes...

• Aesthetic cluttering while in dark mode
• List Background photo hidden in WIndows
• My eyes while converting all my manga to kindle format

Screenshots

Windows

Before

After

After (in light mode)

Linux (on Debian XFCE with Dracula theme)

Before

After

Ty for considering my contribution! ^-^

[axu2]

I may be wrong, but there's probably a qt property you can read that tells you if it's dark mode? @ctrleo

https://www.qt.io/blog/dark-mode-on-windows-11-with-qt-6.5

[ctrleo]

I may be wrong, but there's probably a qt property you can read that tells you if it's dark mode? @ctrleo

https://www.qt.io/blog/dark-mode-on-windows-11-with-qt-6.5

@axu2 omg thanks sm that would be way more efficient, I'll look into implementing it so that I can cut out the darkMode function

[ctrleo]

I feel like the image blends too well with the text, so I'm gonna lower the opacity a little more

[axu2]

I think it might be better to just remove the background image entirely in dark mode. Let me know your opinion.

[ctrleo]

@axu2 its kinda cute tho :( I'm trying to think of a way we might be able to pop a grey tint over it during dark mode which would make the letters stand out more

[axu2]

Maybe make the image grayscale or black and white, maybe invert the colors on top, etc

[ctrleo]

Maybe make the image grayscale or black and white, maybe invert the colors on top, etc

thats an intuitive solution but it would be a challenge since it's difficult to change the image itself since it's compiled in with the ui files. I thought about putting a low opacity grey border around the text to help it stand out, which looks like this:

@axu2 lmk what you think and i'll push the commit

[axu2]

Just ran your code. Here's what it looks like on macOS. I'm personally against making the logo so prominent at least on light mode, I like it's subtlety.

I prefer (original no changes):

over (your changes):

Also, looks like the surrounding box and background changed colors.

For reference:

[ctrleo]

a little more progress
I lowered the opacity down to 30%, and I think its as close as im gonna get for subtle, heres the results:

the reason the current logo looks the way it does is because of a white cast filter over the image which essentially blends it with the background, however, when system dark mode is activated, gives us this:

(For reference, the text does display the correct colours, but there's a bug which causes it to default to one of the two colours in a sceenshot)

[ctrleo]

I do think that helped, here's my changes to the UI essentially finished:

[axu2]

This is getting there, but I want it to look like the example in the QT link earlier:

e.g. the text box has a white background in light mode, etc. currently the text box has the same background color as the window. And you could probably make the logo even more transparent.

I can look into this later, this command may help (or just search for string "fusion"):

git grep -In fusion

Also, thanks for pointing out I broke the cropping power slider orientation at some point. I'll look into that, it should be horizontal. like in 7.00 and earlier.

[ctrleo]

@axu2 gm! I looked into fusion and found that, with WIndows, it really takes that odd little accent colour feature and runs with it, see below:

Imo I feel like it just makes it look unnecessarily tacky, however, I'm gonna change the opacity of the logo again then I'll figure out how to brighten/darken the job list box compared to background.

[ctrleo]

I brought it down to 10%, which I think gets us quite close to what it looked like in the original UI.

[ctrleo]

e.g. the text box has a white background in light mode, etc. currently the text box has the same background color as the window. And you could probably make the logo even more transparent.

I added back the background color property in KCC_ui.py and changed it depending on light or dark mode, heres my results:

on light mode it doesnt make much difference on a low brightness, I also added opacity to the background-color attribute, because the background-image tends to get stuck behind it on windows