Please help me change default selection colors. Nothing works!

[JoelStransky]

Why in all of creation does this not work at all!?
https://qlik.dev/extend/create-custom-themes/custom-themes-basic-examples/#example---app-selections

It should not be this hard to set a global default for selected, alternative, excluded etc. The code samples from the above link do nothing. I know I'm testing updated files because I can see title text change. I refuse to edit every single filterpane. 
From a CSS angle, the selection appears to use the class .RowColumn-S which I can override by winning on specificity but it feels like a hack especially since the docs are clearly stating that I should be able to do this in theme.json.

Please clear this up for me.

[JandreKillianRIC]

Hi @JoelStransky 

Are you using Qlik on Prem or Saas? 

For Saas (Cloud) on the filter pane - Go to styling 

You can just copy the and paste the style on the other filter panes. 

Regards - Jandre

[JoelStransky]

Thanks for the reply @JandreKillianRIC 
We're building on Qlik Sense Desktop but will be hosting on Enterprise.
The copy/paste is definitely better than manually but I really want to understand why I can't just do this in a theme.

[JandreKillianRIC]

@JoelStransky 

I should have sometime over the weekend and will check this out for you.

[JoelStransky]

That's very kind. Here's the css I'm using for now that seems to be working but still feels like a hack.

--selected: 207, 23%, 25%;
--selected-foreground: 0, 0%, 100%;
.ListBoxInline-listboxWrapper {
  .RowColumn-S {
    background-color: hsl(var(--selected));
    color: hsl(var(--selected-foreground));
  }
  /**
   * The rest of the classes are:
   * .RowColumn-A (alternative)
   * .RowColumn-X (excluded)
   * .RowColumn-XS (selected excluded)
   * .RowColumn-Row (possible)
   */  
}

[JandreKillianRIC]

Hi @JoelStransky 

First thing - Make sure you are on Version Nov 2024 Patch 3. I tested this with other versions and its not working. 

Unzip this folder in 

C:\Users\{user}\Documents\Qlik\Sense\Extensions\

It should look like this. (One Zip and one normal folder) 

Content inside the normal folder

In Qliksense Desktop - Change the theme to the name specified in the Qext file. For this example it is:

You can change the colors in the json file. 

Regards - Jandre