New ProDark Theme with 4k small text Mod

A forum for research and development of the user interface of FreeCAD

Moderator: agryson

Post Reply
User avatar
turn211
Posts: 162
Joined: Mon Feb 01, 2021 11:37 pm

New ProDark Theme with 4k small text Mod

Post 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 5870 times
Working plane and color setup.png
Working plane and color setup.png (323.51 KiB) Viewed 5870 times
Playing Nice with Others.png
Playing Nice with Others.png (404.3 KiB) Viewed 5870 times
2k to 4k Text size MOD.png
2k to 4k Text size MOD.png (209.55 KiB) Viewed 5870 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
Last edited by turn211 on Wed Feb 10, 2021 9:39 pm, edited 5 times in total.
User avatar
Kunda1
Veteran
Posts: 12710
Joined: Thu Jan 05, 2017 9:03 pm

Re: New ProDark Theme with 4k small text Mod

Post by Kunda1 »

Very cool! Any screenshot of the Python console and Report View?
ref: Interface

Edit: moved to UI/UX Design subforum
Alone you go faster. Together we go farther
Please mark thread [Solved]
Want to contribute back to FC? Checkout:
#lowhangingfruit | Use the Source, Luke. | How to Help FreeCAD | How to report FC bugs and features
User avatar
turn211
Posts: 162
Joined: Mon Feb 01, 2021 11:37 pm

Re: New ProDark Theme with 4k small text Mod

Post by turn211 »

Here you go
Report View and Python.png
Report View and Python.png (312.05 KiB) Viewed 5855 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 5855 times
Last edited by turn211 on Wed Feb 03, 2021 9:30 pm, edited 1 time in total.
User avatar
Kunda1
Veteran
Posts: 12710
Joined: Thu Jan 05, 2017 9:03 pm

Re: New ProDark Theme with 4k small text Mod

Post 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
Alone you go faster. Together we go farther
Please mark thread [Solved]
Want to contribute back to FC? Checkout:
#lowhangingfruit | Use the Source, Luke. | How to Help FreeCAD | How to report FC bugs and features
User avatar
turn211
Posts: 162
Joined: Mon Feb 01, 2021 11:37 pm

Re: New ProDark Theme with 4k small text Mod

Post 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 5797 times
User avatar
turn211
Posts: 162
Joined: Mon Feb 01, 2021 11:37 pm

Re: New ProDark Theme with 4k small text Mod

Post 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 5786 times
User avatar
pablogil
Posts: 864
Joined: Wed Nov 26, 2014 3:19 pm
Location: Badajoz (Spain)
Contact:

Re: New ProDark Theme with 4k small text Mod

Post 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
Dark and Light stylesheets v2.0 to theme your FreeCAD UI, more information here
User avatar
turn211
Posts: 162
Joined: Mon Feb 01, 2021 11:37 pm

Re: New ProDark Theme with 4k small text Mod

Post 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.
User avatar
HakanSeven12
Veteran
Posts: 1464
Joined: Wed Feb 06, 2019 10:30 pm

Re: New ProDark Theme with 4k small text Mod

Post by HakanSeven12 »

Nice work ;)
User avatar
tomster
Posts: 10
Joined: Sun Oct 04, 2020 7:54 pm
Location: Germany
Contact:

Re: New ProDark Theme with 4k small text Mod

Post 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 :)
Post Reply