How to set the selection list color in layout editor

Hello.

I was wondering how to set the selection list color in layout editor.

I found the documentation about this but it doesn’t work whit the Interactive Value Filter Widget.

https://docs.knime.com/2020-07/webportal_admin_guide/index.html#theming

I’d appreciate it if someone could help me :slight_smile:

Best regards,
Hhkim

Hi @hhkim,

What exactly do you mean by “it’s not working”?

Just to clarify — the Selection List variables actually style the features/buttons (the arrow controls) in the list, but not the list items themselves.

For example, I used this in the Advanced Composite View Layout tab:

"type": "row",
"additionalStyles": [
  "--theme-select-control-background-color: #FF6600",
  "--theme-select-control-background-color-hover: #556600",
  "--theme-select-control-background-color-focus: #7eee70",
  "--theme-select-control-foreground-color: pink",
  "--theme-select-control-foreground-color-hover: black",
  "--theme-select-control-foreground-color-focus: white"
],
"columns": [ {

and below is the result:

2025-07-22_13h47_11

2 Likes