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

Info about new implemented features, classes, modules or APIs. Might get technical!
pablogil
Posts: 505
Joined: Wed Nov 26, 2014 3:19 pm
Location: Badajoz (Spain)
Contact:

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

Postby pablogil » Thu Mar 03, 2016 12:30 pm

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
stylesheets_blue.png (459.1 KiB) Viewed 1231 times

stylesheets_green.png
stylesheets_green.png (459.31 KiB) Viewed 1231 times

stylesheets_orange.png
stylesheets_orange.png (459.27 KiB) Viewed 1231 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 :D
If you feel like this should be on master, please, let me know and I will try a pull request.
Cheers
Last edited by pablogil on Thu Mar 10, 2016 9:18 am, edited 3 times in total.
Dark and Light stylesheets v2.0 to theme your FreeCAD UI, more information here
triplus
Posts: 4868
Joined: Mon Dec 12, 2011 4:45 pm

Re: Dark and Light FreeCAD stylesheets (v2.0)

Postby triplus » Thu Mar 03, 2016 5:57 pm

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

Example.png
Example.png (4.78 KiB) Viewed 1209 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
Posts: 505
Joined: Wed Nov 26, 2014 3:19 pm
Location: Badajoz (Spain)
Contact:

Re: Dark and Light FreeCAD stylesheets (v2.0)

Postby pablogil » Thu Mar 03, 2016 7:17 pm

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.
Dark and Light stylesheets v2.0 to theme your FreeCAD UI, more information here
triplus
Posts: 4868
Joined: Mon Dec 12, 2011 4:45 pm

Re: Dark and Light FreeCAD stylesheets (v2.0)

Postby triplus » Fri Mar 04, 2016 8:18 am

pablogil wrote: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
Posts: 505
Joined: Wed Nov 26, 2014 3:19 pm
Location: Badajoz (Spain)
Contact:

Re: Dark and Light FreeCAD stylesheets (v2.0)

Postby pablogil » Fri Mar 04, 2016 9:11 am

triplus wrote:
pablogil wrote: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!
Dark and Light stylesheets v2.0 to theme your FreeCAD UI, more information here
User avatar
bill
Posts: 156
Joined: Fri Jan 09, 2015 9:25 pm

Re: Dark and Light FreeCAD stylesheets (v2.0)

Postby bill » Fri Mar 04, 2016 1:39 pm

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

Muchas gracias por la contribución a FreeCAD!
pablogil
Posts: 505
Joined: Wed Nov 26, 2014 3:19 pm
Location: Badajoz (Spain)
Contact:

Re: Dark and Light FreeCAD stylesheets (v2.0)

Postby pablogil » Fri Mar 04, 2016 4:39 pm

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

Great!

bill wrote:Muchas gracias por la contribución a FreeCAD!

De nada! :D
Dark and Light stylesheets v2.0 to theme your FreeCAD UI, more information here
pablogil
Posts: 505
Joined: Wed Nov 26, 2014 3:19 pm
Location: Badajoz (Spain)
Contact:

Re: Dark and Light FreeCAD stylesheets (v2.01)

Postby pablogil » Fri Mar 04, 2016 4:39 pm

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
Dark and Light stylesheets v2.0 to theme your FreeCAD UI, more information here
User avatar
PrzemoF
Posts: 1708
Joined: Fri Jul 25, 2014 4:52 pm
Contact:

Re: Dark and Light FreeCAD stylesheets (v2.01)

Postby PrzemoF » Fri Mar 04, 2016 5:12 pm

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
Posts: 505
Joined: Wed Nov 26, 2014 3:19 pm
Location: Badajoz (Spain)
Contact:

Re: Dark and Light FreeCAD stylesheets (v2.01)

Postby pablogil » Fri Mar 04, 2016 5:35 pm

PrzemoF wrote: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:

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.
Dark and Light stylesheets v2.0 to theme your FreeCAD UI, more information here