New ProDark Preference Pack

A forum for research and development of the user interface of FreeCAD
Forum rules
Be nice to others! Respect the FreeCAD code of conduct!
Post Reply
User avatar
turn211
Posts: 162
Joined: Mon Feb 01, 2021 11:37 pm

New ProDark Preference Pack

Post by turn211 »

ProDark_200x200.png
ProDark_200x200.png (10.85 KiB) Viewed 2390 times
New ProDark Preference Pack with theme correct colours. Available soon in Addons. https://github.com/turn211/ProDarkThemePreferencePack
ProDark_sketcher.png
ProDark_sketcher.png (337.46 KiB) Viewed 2390 times
ProDark_grid.png
ProDark_grid.png (334.93 KiB) Viewed 2390 times
User avatar
chennes
Veteran
Posts: 3878
Joined: Fri Dec 23, 2016 3:38 pm
Location: Norman, OK, USA
Contact:

Re: New ProDark Preference Pack

Post by chennes »

turn211 wrote: Thu May 19, 2022 10:30 pm Available soon in Addons.
Available now 8-) -- people will just need to tell the Addon Manager to refresh its local cache (via the button in the lower left hand corner of the AM) and it will appear in their lists. This looks great, thanks for creating it.
Chris Hennes
Pioneer Library System
GitHub profile, LinkedIn profile, chrishennes.com
User avatar
MisterMaker
Posts: 739
Joined: Mon Sep 21, 2020 7:41 am

Re: New ProDark Preference Pack

Post by MisterMaker »

I don't see a lot of difference with the vertUI but I love that you have managed to put it in the addon list. is this difficult?
Edit, wait you renamed it.... Cool!
User avatar
Meetlat
Posts: 72
Joined: Tue Oct 13, 2020 7:00 am

Re: New ProDark Preference Pack

Post by Meetlat »

Nice thanks!
User avatar
adrianinsaval
Veteran
Posts: 5541
Joined: Thu Apr 05, 2018 5:15 pm

Re: New ProDark Preference Pack

Post by adrianinsaval »

great to see preference packs gaining traction :)
chennes wrote: Thu May 19, 2022 11:24 pm Available now 8-) -- people will just need to tell the Addon Manager to refresh its local cache (via the button in the lower left hand corner of the AM) and it will appear in their lists. This looks great, thanks for creating it.
will that be necessary every time something new is added?
User avatar
chennes
Veteran
Posts: 3878
Joined: Fri Dec 23, 2016 3:38 pm
Location: Norman, OK, USA
Contact:

Re: New ProDark Preference Pack

Post by chennes »

adrianinsaval wrote: Sat May 21, 2022 11:51 pm will that be necessary every time something new is added?
That depends on your preferences setting for automatic recaching -- if you have it turned off, or want to see what's new immediately upon its addition, then yes.
Chris Hennes
Pioneer Library System
GitHub profile, LinkedIn profile, chrishennes.com
User avatar
MisterMaker
Posts: 739
Joined: Mon Sep 21, 2020 7:41 am

Re: New ProDark Preference Pack

Post by MisterMaker »

I am trying to get into this stylesheets and been going true it.
And found this a bit weird:

Code: Select all

QMenu::item {
    padding: 2px 16px 2px 26px; /* make room for icon at left */
    border: 1px solid transparent; /* reserve space for selection border */
}
results in this:
Image
While removing the padding results in this:

Code: Select all

QMenu::item {
    padding: 2px 2px 2px 2px; /* make room for icon at left */
    border: 1px solid transparent; /* reserve space for selection border */
}
Image
I ended up with:

Code: Select all

QMenu::item {
    padding: 2px 2px 2px 2px; /* make room for icon at left */
    border: 1px solid transparent; /* reserve space for selection border */
}

QMenu::icon {
    margin-left: 1px;
	margin-right: 1px;
}
The scroller for the tabs is set at 10 width, which makes them hardly usable in my opnion:
Image

Code: Select all

/* Buttons to scroll tabs if there is not space to show all of them: */
QTabBar::scroller {
    width: 40px; /* the width of the scroll buttons */
}
Also the arrow icons of that scroller are set to dark.
Should be in my opinion:

Code: Select all

QTabBar QToolButton::right-arrow:enabled {
     image: url(qss:images_dark-light/right_arrow_light.svg);
}

QTabBar QToolButton::right-arrow:disabled,
QTabBar QToolButton::right-arrow:off {
     image: url(qss:images_dark-light/right_arrow_disabled_dark.svg);
}

QTabBar QToolButton::right-arrow:hover {
     image: url(qss:images_dark-light/right_arrow_light.svg);
}

 QTabBar QToolButton::left-arrow:enabled {
     image: url(qss:images_dark-light/left_arrow_light.svg);
}

 QTabBar QToolButton::left-arrow:disabled,
 QTabBar QToolButton::left-arrow:off {
     image: url(qss:images_dark-light/left_arrow_disabled_dark.svg);
}
The navigation style has the select color by default and the navigation icons are not in the stylesheet folder. Giving it the select color makes the icon visible, personally I don't care about the icons, I just don't want a blue square in the bottom.

Code: Select all

/* CAD Navigation Style */
QMenu::item#NavigationIndicator {
    image: url(qss:images_dark-light/NavigationBlender_light.svg);
}
QPushButton#NavigationIndicator {
    background-color: #2B2B2B;
    padding: 0px;
    margin: 0px;
    border: 1px solid #333333;
    border-radius: 1px;
    min-width: 90px;
    min-height: 24px;
}
I'll edit this post if I find anything else.
Storen3
Posts: 11
Joined: Thu May 26, 2022 6:32 pm

Re: New ProDark Preference Pack

Post by Storen3 »

First I would like to say to I appreciate the time and effort turn211 invested in this. The interface of FreeCAD definitely needs some love.

Now the comments:

1. In general when you deal with interfaces and colors it is always a good practice to attempt to evaluate the intensity and value of the colors independently. Substituting value with intensity seldom works well.

2. Human brains do not respond to colors in dark environments the same way they do in bright. The color-value characteristics become more important. It is in our DNA and we can't do much about it. With that in mind, if you want to further organize a dark interface such as this you will have to establish a comprehensive, streamlined color system and abide by it.

These are usually things you learn in the first year in the design schools, which makes me think you don't have a formal qualification in this area and will need some guidance if your goal is to achieve a "pro" result.

Additionally for the theme to have the necessary effect you will have to rework the colors of the default icons. I know that would be a lot of work but I don't see a way around it.

Of course, a decent theme would be only a small step toward a well-designed interface. The current state of the interface provides a lot of space for improvements :)
Last edited by Storen3 on Thu May 26, 2022 7:47 pm, edited 2 times in total.
Post Reply