New ProDark Theme with 4k small text Mod

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

Moderator: agryson

User avatar
turn211
Posts: 148
Joined: Mon Feb 01, 2021 11:37 pm

New ProDark Theme with 4k small text Mod

Postby turn211 » Wed Feb 03, 2021 7:59 pm

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 2090 times
Working plane and color setup.png
Working plane and color setup.png (323.51 KiB) Viewed 2090 times
Playing Nice with Others.png
Playing Nice with Others.png (404.3 KiB) Viewed 2090 times
2k to 4k Text size MOD.png
2k to 4k Text size MOD.png (209.55 KiB) Viewed 2090 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
Posts: 10528
Joined: Thu Jan 05, 2017 9:03 pm

Re: New ProDark Theme with 4k small text Mod

Postby Kunda1 » Wed Feb 03, 2021 8:03 pm

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: 148
Joined: Mon Feb 01, 2021 11:37 pm

Re: New ProDark Theme with 4k small text Mod

Postby turn211 » Wed Feb 03, 2021 8:17 pm

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

Re: New ProDark Theme with 4k small text Mod

Postby Kunda1 » Wed Feb 03, 2021 8:27 pm

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: 148
Joined: Mon Feb 01, 2021 11:37 pm

Re: New ProDark Theme with 4k small text Mod

Postby turn211 » Wed Feb 03, 2021 9:27 pm

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

Re: New ProDark Theme with 4k small text Mod

Postby turn211 » Wed Feb 03, 2021 9:40 pm

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

Re: New ProDark Theme with 4k small text Mod

Postby pablogil » Thu Feb 04, 2021 4:06 pm

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: 148
Joined: Mon Feb 01, 2021 11:37 pm

Re: New ProDark Theme with 4k small text Mod

Postby turn211 » Thu Feb 04, 2021 4:25 pm

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
Posts: 1277
Joined: Wed Feb 06, 2019 10:30 pm

Re: New ProDark Theme with 4k small text Mod

Postby HakanSeven12 » Thu Feb 04, 2021 6:47 pm

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

Postby tomster » Fri Feb 05, 2021 9:22 am

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