Page 1 of 15

New ProDark Theme with 4k small text Mod

Posted: Wed Feb 03, 2021 7:59 pm
by turn211
Now on GitHub. Download at https://github.com/turn211/ProDark-FreeCAD-theme

I created a proffessional Dark theme that fixes most annoyances i have with existing FreeCAD themes. I use Dark Themes for aid in visual impairments and Design asthetics. I am by no means a coder and reversed engineered everthing by searching the forums and DuckDuckGo. I modified the Stylesheet to fix as many design elements asthetically as possible. Some elements must not be stylable or have bugs in the code (e.g. The nudge qButton in the lower right bottom) Theme plays nice with other "Pro" software such as Blender, AutooCAD, Affinity Photo, Divinci Resolve, QCAD Pro, Visual Studio Code etc. Set the colours of Start Page to represent the theme as with the Background and Working Plane Grid. Fixed small Font problem on 4K screens by a user Mod python script posted by a Forum Member (should be coded into FreeCAD considering 4k monitor popularity). For viewing, Right Click-View Image-Zoom
Startpage and Preferences.png
Startpage and Preferences.png (414.62 KiB) Viewed 8990 times
Working plane and color setup.png
Working plane and color setup.png (323.51 KiB) Viewed 8990 times
Playing Nice with Others.png
Playing Nice with Others.png (404.3 KiB) Viewed 8990 times
2k to 4k Text size MOD.png
2k to 4k Text size MOD.png (209.55 KiB) Viewed 8990 times

OS: Windows 10 (10.0)
Word size of OS: 64-bit
Word size of FreeCAD: 64-bit
Version: 0.19.23756 (Git)
Build type: Release
Branch: master
Hash: 9c6e9184930a52b165a0b7274e3a45d1006bfe67
Python version: 3.8.6
Qt version: 5.12.5
Coin version: 4.0.0
OCC version: 7.4.0
Locale: English/Canada (en_CA)
Edited-Spelling/Grammar/Updated_attatchment

Re: New ProDark Theme with 4k small text Mod

Posted: Wed Feb 03, 2021 8:03 pm
by Kunda1
Very cool! Any screenshot of the Python console and Report View?
ref: Interface

Edit: moved to UI/UX Design subforum

Re: New ProDark Theme with 4k small text Mod

Posted: Wed Feb 03, 2021 8:17 pm
by turn211
Here you go
Report View and Python.png
Report View and Python.png (312.05 KiB) Viewed 8975 times
Still can't change hard to see Dark Blue Links scattered here and there (which are horrendous on 4k)
Hard to see Dark Blue on Black.png
Hard to see Dark Blue on Black.png (152.35 KiB) Viewed 8975 times

Re: New ProDark Theme with 4k small text Mod

Posted: Wed Feb 03, 2021 8:27 pm
by Kunda1
Thanks!
Looks good!
turn211 wrote: Wed Feb 03, 2021 8:17 pm Still can't change hard to see Dark Blue Links scattered here and there.(which are horrendous on 4k
Hmm...maybe someone know how ? If not we should open a ticket for it on the tracker

Re: New ProDark Theme with 4k small text Mod

Posted: Wed Feb 03, 2021 9:27 pm
by turn211
Thanks! I'll still search more for the Dark Blue Link problem before opening a Ticket. The Nudge QToolButton still seems to be a bug as it still has this problem discovered in 2015 (see image)
pablogil wrote: Wed Sep 09, 2015 5:30 pm 11. Style QToolButton separately when with/without menu (partially solved, thanks to triplus, undo and redo buttons aren't affected by this fix)
It's weird that the drop-down button goes inside the button because you loose area to push them so it would be great to style them separately so that I'm able to increase the width of the menu ones
where_11.png

By now that's it... step by step we'll surely be able to fully style FreeCAD
Thank you very much!!
Also there doesn't seem to be any light icons for use in Dark themes on the Navigator picker flyout (see image)
Nudge Bug.png
Nudge Bug.png (37.11 KiB) Viewed 8917 times

Re: New ProDark Theme with 4k small text Mod

Posted: Wed Feb 03, 2021 9:40 pm
by turn211
I've corrected the lack of light Navigation Icons by choosing a complimenting colour. Quite acceptable til someone figures it out :)
Navigation Flyout Ok.png
Navigation Flyout Ok.png (16.16 KiB) Viewed 8906 times

Re: New ProDark Theme with 4k small text Mod

Posted: Thu Feb 04, 2021 4:06 pm
by pablogil
Hi turn211,

It is not possible to switch to white colored icons with the stylesheets. I should be hardcoded in FC and then added an option in Preferences to select the "dark" or "Light" theme.
And I don't know how to do it, I'm just the stylesheet designer...

Sorry

Re: New ProDark Theme with 4k small text Mod

Posted: Thu Feb 04, 2021 4:25 pm
by turn211
Yes I thought this was the case. Any way i can fix the overlapping text on the nudge button bug with stylesheets or is this a hard coded error? Great job on the Stylesheets. A few more comments would have been helpful but i'm not complaining as I build houses for a living, not a coder :lol: Thanks.

Re: New ProDark Theme with 4k small text Mod

Posted: Thu Feb 04, 2021 6:47 pm
by HakanSeven12
Nice work ;)

Re: New ProDark Theme with 4k small text Mod

Posted: Fri Feb 05, 2021 9:22 am
by tomster
Hello turn211, thank you for uploading your efforts. it has instantly replaced my personally hacked-together-qss! i, too have struggled (to no avail) to style the blue-underline links. I hope somebody figures this out!
I was wondering, though, if by any chance you could create a github repo of your style sheet? downloading and inflating zip files is a bit cumbersome and by putting it up on github we could a) follow your efforts and b) use pull requests or issues to collaborate on it (although, if that is precisely what you want to avoid, that is fine, of course, too :)