HELP with themes!

In the Palette replace the button text color: ButtonText(14,44,72)

The QSS-file is a stylesheet referencing Palette colors.
But it’s possible to replace those with CSS-style RGBA colors. The A is for Alpha-channel or transparency and ranges in QSS from 0 to 255.
So, replace the next styles in the QSS and adapt the primary colors to your preference:

QMenuBar::item {
spacing: 2px;
padding: 3px 4px;
background: transparent;
color: rgba(0,255,0,255); /*Green*/
}

QMenuBar::item:selected {
background-color: rgba(255,0,0,255); /* Red, was palette(midlight); */
border-left: 1px solid palette(midlight);
border-right: 1px solid palette(midlight);
}

QMenuBar::item:pressed {
background-color: rgba(0,255,255,255); /*Cyan, was palette(midlight);*/
border-left: 1px solid palette(dark);
border-right: 1px solid palette(dark);
color: rgba(255,0,255,255); /*Magenta*/
}

Still, the menu text is illegible blue on blue. So, replace:

QMenu::item {
min-width: 120px !important;
/*horrid workaround qt bug where shortcuts overlap menu text*/
border: 1px solid transparent;
padding: 1px 20px 1px 26px !important;
margin: 1px !important;
color: rgba(255,0,255,255); /*Magenta*/

NavyGoldMenuColors

Don’t make it too late :wink:

2 Likes

thank you! I just tried it out and it works wonderfully for the buttons and the menu, but now the text of the top bar of the options and the font settings in the Editor are navy on navy.


Do I need to make a similar adjustment to the QDockWidget or QGroupBox-thingies?

I found out that these two elements use ButtonText as well.
Because that color is not in the CSS, the only solution I can think of is to make ButtonText a middle blue, not the same as Base or Window.

1 Like

That’s a bummer. I’ll see how I can best fix the ButtonText color choice then to make things more legible. In the meantime, I just noticed something else. In two cases, the shortcut text overlaps the menu text even though I didn’t (at least to my knowledge) change the code in the qss file.


Shortcut bug1
Shortcut bug2
Only happens with that theme, the others work fine.

It’s horrid indeed.
I see this overlap happen in the File menu of all official and custom Themes, except default.
But when you set the horrid workaround to 200px the problem is solved. :slight_smile:

Same problem here… Have you solved it?

You’ll have to access the QSS Stylesheet to accomplish this.