Dark and Light FreeCAD stylesheets (v2.x merged to master)

[pablogil]

Hi,

I would like to share with you the 2.x version of my themes for FreeCAD.
The styles have been totally rewritten from scratch from all the experience I took on version 1 series, that's the main reason I have created a new thread instead of using the previous one.

Basically, the themes are 2: Dark and Light, with 3 variations each (green, blue and orange). It's really easy to switch/tweak colors if you know a little bit of CSS:

stylesheets_blue.png (459.1 KiB) Viewed 7195 times

stylesheets_green.png (459.31 KiB) Viewed 7195 times

stylesheets_orange.png (459.27 KiB) Viewed 7195 times

I have tested them on OSX, Windows and Ubuntu so they should work on any other OS, anyway, let me know if you find bugs or glitches.
Some comments about FreeCAD and theming:

• They are designed for FreeCAD 0.16 but they will work on current stable 0.15 but you will need to read the installation notes in order to fix some things

From commit 4672066 (v0.16) the stylesheets are merged into master so you don't need to download anything, just select them from Preferences menu.
If you are using a previous v0.16 development version, v0.15 or older you will need you download them manually:

Download (install instructions)
FreeCAD Dark and Light stylesheets v2.03

• simplified toolbar button separators
• added hover and pressed states for toolbar buttons to improve user experience
• partial fix for button with icons inside Task panel
• fixed styles for fields inside a table cell

Previous versions
FreeCAD Dark and Light stylesheets v2.02

• fixed background logo for Win and Linux
• improved QToolBar handle for different icon sizes (selectable by user inside Preferences)
• tweaked editable fields inside QToolBar in order to work for all icon sizes (selectable by user inside Preferences)
• fixed Ubuntu problem that caused a blank line inside up/down buttons of QSpinBox and similar
• tweaked Python Editor color for Light theme
• fixed buttons margin/padding inside Task tab
• tweaked color for checked QPushButtons inside Draft WB for better user experience

FreeCAD Dark and Light stylesheets v2.01

• solved Ubuntu outline on some selected items
• inverted Progress bar colors (now dark is at bottom)
• lightened scrollbar default and hover colors
• restyled Preferences Icon List default and hover states
• reseted QListView hover on Windows
• fixed and styled Text/Python editor

FreeCAD Dark and Light stylesheets v2.0

• totally redone from scratch
• code simplified
• code ordered by element
• almost everything commented
• improved the overall look of the GUI in order to match any OS
• tweaked colors for a better experience
• solved lots of bugs and minor issues

For v1.x check the following thread

Source
GitHub

I hope you like them
If you feel like this should be on master, please, let me know and I will try a pull request.
Cheers

[triplus]

I took a quick look for now as i have little free time ATM and one "issue" i found:

Example.png (4.78 KiB) Viewed 7173 times

Beyond that I like the work done. I usually don't use "dark" color schemes therefore as for my personal preference i will give feedback on the light ones. Stylesheets look and feel very clean and i could say professional.

If you feel like this should be on master, please, let me know and I will try a pull request.

Yes. When stylesheet support was implemented i hoped for somebody to make some good quality stylesheets for FreeCAD. You did just that and you put a lot of effort in it. To me it therefore makes sense to merge this stylesheets in master (FreeCAD 0.16).

[pablogil]

Thank you triplus, I'm happy you like them.
Don't worry, you can test light or dark themes, they are almost identical so the bugs found on any of them will be surely be present in the rest.

I'm already working on this issue and other two that I`m finishing fixing so when I solve them all I will upload the patch.

[triplus]

Thank you triplus, I'm happy you like them.

You're welcome.

I'm already working on this issue and other two that I`m finishing fixing so when I solve them all I will upload the patch.

Good to hear that but i would go for pull request as soon as possible and after add additional smaller pull requests when the work is done. As if you wait too long there is a chance you will miss FreeCAD 0.16 and i don't see any big reason why that should happen.

[pablogil]

Thank you triplus, I'm happy you like them.

You're welcome.

I'm already working on this issue and other two that I`m finishing fixing so when I solve them all I will upload the patch.

Good to hear that but i would go for pull request as soon as possible and after add additional smaller pull requests when the work is done. As if you wait too long there is a chance you will miss FreeCAD 0.16 and i don't see any big reason why that should happen.

OK, you are right.
I have just finished closing the bugs so I will publish it and create the pull request.
Thanks!

[bill]

Looks good pablogil, the glitches I saw have all been corrected in latest version.

Muchas gracias por la contribución a FreeCAD!

[pablogil]

Looks good pablogil, the glitches I saw have all been corrected in latest version.

Great!

Muchas gracias por la contribución a FreeCAD!

De nada!

[pablogil]

Updated to v2.01:

• solved Ubuntu outline on some selected items
• inverted Progress bar colors (now dark is at bottom)
• lightened scrollbar default and hover colors
• restyled Preferences Icon List default and hover states
• reseted QListView hover on Windows
• fixed and styled Text/Python editor

[PrzemoF]

Great work pablogil! I think it should go into the master as soon as possible if it works without any problems with 0.16.

[pablogil]

Great work pablogil! I think it should go into the master as soon as possible if it works without any problems with 0.16.

Thanks!

I have just done the pull request:

• forum thread
• GitHub pull request

The styles are pretty revised but if more eyes on them more probabilities to find bugs and glitches.
I really think it's important to have some stylesheets into master because it's the best showcase to encourage other designers to improve or create new ones. The code is pretty tidy and almost everything is commented so it wouldn't be difficult for newbies to start with QT styling.