[BUG] Theme Color not correct #2140

patrickhener · 2025-05-27T12:34:40Z

patrickhener
May 27, 2025

On my installation of Qubes OS with fedora 41 templates the theming breaks.

This is my theme

*
{
    selected-normal-foreground:  rgba ( 249, 249, 249, 100 % );
    foreground:                  rgba ( 196, 203, 212, 100 % );
    normal-foreground:           @foreground;
    alternate-normal-background: rgba ( 64, 69, 82, 50 % );
    red:                         rgba ( 220, 50, 47, 100 % );
    selected-urgent-foreground:  rgba ( 249, 249, 249, 100 % );
    blue:                        rgba ( 38, 139, 210, 100 % );
    urgent-foreground:           rgba ( 204, 102, 102, 100 % );
    alternate-urgent-background: rgba ( 75, 81, 96, 90 % );
    active-foreground:           rgba ( 101, 172, 255, 100 % );
    lightbg:                     rgba ( 238, 232, 213, 100 % );
    selected-active-foreground:  rgba ( 249, 249, 249, 100 % );
    alternate-active-background: rgba ( 75, 81, 96, 89 % );
    background:                  rgba ( 45, 48, 59, 100 % );
    alternate-normal-foreground: @foreground;
    normal-background:           rgba ( 45, 48, 59, 50 % );
    lightfg:                     rgba ( 88, 104, 117, 100 % );
    selected-normal-background:  rgba ( 64, 132, 214, 100 % );
    border-color:                rgba ( 124, 131, 137, 100 % );
    spacing:                     2;
    separatorcolor:              rgba ( 29, 31, 33, 100 % );
    urgent-background:           rgba ( 29, 31, 33, 17 % );
    selected-urgent-background:  rgba ( 165, 66, 66, 100 % );
    alternate-urgent-foreground: @urgent-foreground;
    background-color:            rgba ( 0, 0, 0, 0 % );
    alternate-active-foreground: @active-foreground;
    active-background:           rgba ( 29, 31, 33, 17 % );
    selected-active-background:  rgba ( 68, 145, 237, 100 % );
}

window
{
    background-color: @background;
    background-image: none;
    border:           1;
    padding:          5;
}

mainbox
{
    border:  0;
    padding: 0;
}

message
{
    border:             4px 0px 0px;
    border-color:       @separatorcolor;
    background-color:   rgba ( 64, 69, 82, 50 % );
    padding:            1px;
}

textbox
{
    text-color: @foreground;
}

listview
{
    fixed-height: 0;
    border:       4px 0px 0px;
    border-color: @separatorcolor;
    spacing:      2px;
    scrollbar:    true;
    padding:      2px 0px 0px;
}

element
{
    border:  0;
    padding: 1px;
}

element-text
{
    background-color: inherit;
    text-color:       inherit;
}

element-icon
{
    background-color: inherit;
    text-color:       inherit;
}

element.normal.normal
{
    background-color: @normal-background;
    text-color:       @normal-foreground;
}

element.normal.urgent
{
    background-color: @urgent-background;
    text-color:       @urgent-foreground;
}

element.normal.active
{
    background-color: @active-background;
    text-color:       @active-foreground;
}

element.selected.normal
{
    background-color: @selected-normal-background;
    text-color:       @selected-normal-foreground;
}

element.selected.urgent
{
    background-color: @selected-urgent-background;
    text-color:       @selected-urgent-foreground;
}

element.selected.active
{
    background-color: @selected-active-background;
    text-color:       @selected-active-foreground;
}

element.alternate.normal
{
    background-color: @alternate-normal-background;
    text-color:       @alternate-normal-foreground;
}

element.alternate.urgent
{
    background-color: @alternate-urgent-background;
    text-color:       @alternate-urgent-foreground;
}

element.alternate.active
{
    background-color: @alternate-active-background;
    text-color:       @alternate-active-foreground;
}

scrollbar {
    width:        4px;
    border:       0;
    handle-color: @normal-foreground;
    handle-width: 8px;
    padding:      0;
}

mode-switcher
{
    border:       2px 0px 0px;
    border-color: @separatorcolor;
}

button
{
    spacing:    0;
    text-color: @normal-foreground;
}

button.selected
{
    background-color: @selected-normal-background;
    text-color:       @selected-normal-foreground;
}

inputbar
{
    spacing:    0;
    text-color: @normal-foreground;
    padding:    1px;
}

case-indicator
{
    spacing:    0;
    text-color: @normal-foreground;
}

entry
{
    spacing:    0;
    text-color: @normal-foreground;
}

prompt
{
    spacing:    0;
    text-color: @normal-foreground;
}

inputbar
{
    children:   [ prompt,textbox-prompt-colon,entry,case-indicator ];
}

textbox-prompt-colon
{
    expand:     false;
    str:        ":";
    margin:     0px 0.3em 0em 0em ;
    text-color: @normal-foreground;
}

This is what it is supposed to look like:

And this is what it actually looks like:

Rofi version is 1.7.8.

Is there anything I can do?

All the other themes are broken too. For example this is supposed to be gruvbox dark:

Answered by patrickhener

May 27, 2025

I just figured what happened. Fedora 41 in Qubes OS (or maybe in general) switched from RGB to BGR color processing. When switching the values of R and B in the theme config I can make the theme look like before. This is considered more as a workaround rather than a fix.

This is the working config for reference:

* {
    selected-normal-foreground:  rgba ( 249, 249, 249, 100 % );  // Bleibt gleich (Weiß)
    foreground:                  rgba ( 212, 203, 196, 100 % );  // 196↔212
    normal-foreground:           @foreground;
    alternate-normal-background: rgba ( 82, 69, 64, 50 % );      // 64↔82
    red:                         rgba ( 47, 50, 220, 100 % );    // 220↔47
    selected-urgent…

View full answer

DaveDavenport · 2025-05-27T12:52:16Z

DaveDavenport
May 27, 2025
Maintainer

Your theme works fine for me. Can you paste your config file?

0 replies

patrickhener · 2025-05-27T12:57:57Z

patrickhener
May 27, 2025
Author

I just figured what happened. Fedora 41 in Qubes OS (or maybe in general) switched from RGB to BGR color processing. When switching the values of R and B in the theme config I can make the theme look like before. This is considered more as a workaround rather than a fix.

This is the working config for reference:

* {
    selected-normal-foreground:  rgba ( 249, 249, 249, 100 % );  // Bleibt gleich (Weiß)
    foreground:                  rgba ( 212, 203, 196, 100 % );  // 196↔212
    normal-foreground:           @foreground;
    alternate-normal-background: rgba ( 82, 69, 64, 50 % );      // 64↔82
    red:                         rgba ( 47, 50, 220, 100 % );    // 220↔47
    selected-urgent-foreground:  rgba ( 249, 249, 249, 100 % );  // Bleibt gleich (Weiß)
    blue:                        rgba ( 210, 139, 38, 100 % );   // 38↔210
    urgent-foreground:           rgba ( 102, 102, 204, 100 % );  // 204↔102
    alternate-urgent-background: rgba ( 96, 81, 75, 90 % );      // 75↔96
    active-foreground:           rgba ( 255, 172, 101, 100 % );  // 101↔255
    lightbg:                     rgba ( 213, 232, 238, 100 % );  // 238↔213
    selected-active-foreground:  rgba ( 249, 249, 249, 100 % );  // Bleibt gleich (Weiß)
    alternate-active-background: rgba ( 96, 81, 75, 89 % );      // 75↔96
    background:                  rgba ( 59, 48, 45, 100 % );     // 59↔45 (schon korrigiert)
    alternate-normal-foreground: @foreground;
    normal-background:           rgba ( 59, 48, 45, 50 % );      // 45↔59
    lightfg:                     rgba ( 117, 104, 88, 100 % );   // 88↔117
    selected-normal-background:  rgba ( 214, 132, 64, 100 % );   // 64↔214
    border-color:                rgba ( 137, 131, 124, 100 % );  // 124↔137
    spacing:                     2;
    separatorcolor:              rgba ( 33, 31, 29, 100 % );     // 29↔33
    urgent-background:           rgba ( 33, 31, 29, 17 % );      // 29↔33
    selected-urgent-background:  rgba ( 66, 66, 165, 100 % );    // 165↔66
    alternate-urgent-foreground: @urgent-foreground;
    background-color:            rgba ( 0, 0, 0, 0 % );          // Bleibt gleich (Transparent)
    alternate-active-foreground: @active-foreground;
    active-background:           rgba ( 33, 31, 29, 17 % );      // 29↔33
    selected-active-background:  rgba ( 237, 145, 68, 100 % );   // 68↔237
}
...
message {
    border:             4px 0px 0px;
    border-color:       @separatorcolor;
    background-color:   rgba ( 82, 69, 64, 50 % );
    padding:            1px;
}
...

10 replies

DaveDavenport May 27, 2025
Maintainer

rofi/source/xcb.c

Line 1822 in 57edcb4

static void x11_create_visual_and_colormap(void) {

patrickhener May 27, 2025
Author

I don't know if that can be tested in a VM. I am on QubesOS and this looks like it could be related to that base OS: QubesOS/qubes-issues#9457

DaveDavenport May 27, 2025
Maintainer

another odd thing is, the images are displayed fine, they are also loaded into a cairo surface..

Its an odd one 😄

patrickhener May 27, 2025
Author

No in fact they are also color swapped. I needed to swap them using image magick to look fine again. So at least that is consistent.

DaveDavenport May 27, 2025
Maintainer

aah .. good to know

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[BUG] Theme Color not correct #2140

Uh oh!

{{title}}

Uh oh!

Replies: 2 comments 10 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

[BUG] Theme Color not correct #2140

Uh oh!

patrickhener May 27, 2025

Replies: 2 comments · 10 replies

Uh oh!

DaveDavenport May 27, 2025 Maintainer

Uh oh!

Uh oh!

patrickhener May 27, 2025 Author

Uh oh!

DaveDavenport May 27, 2025 Maintainer

Uh oh!

patrickhener May 27, 2025 Author

Uh oh!

DaveDavenport May 27, 2025 Maintainer

Uh oh!

patrickhener May 27, 2025 Author

Uh oh!

DaveDavenport May 27, 2025 Maintainer

patrickhener
May 27, 2025

Replies: 2 comments 10 replies

DaveDavenport
May 27, 2025
Maintainer

patrickhener
May 27, 2025
Author

DaveDavenport May 27, 2025
Maintainer

patrickhener May 27, 2025
Author

DaveDavenport May 27, 2025
Maintainer

patrickhener May 27, 2025
Author

DaveDavenport May 27, 2025
Maintainer