Jump to content

How to get this color??? What is the full list of style variables?


Recommended Posts

HawkXP71
Posted

Feeling really dumb :)

Im trying to figure out what CSS variable, or how to appropriately get the "default Emby Green"

The background to "switch buttons" or when a tab is selected from the menu on the left.

I even wrote a simple JS to use any/all variables I could find from the styles shown in the chrome debugger.

But this does bring up a real documentation issue.  I cant find anywhere a definitive guide to what defining css variables (and what node they are stored on) exist.

Ie a list/table similar to --theme-accent-text-color with an image showing where it is used. 

 

TIA

Screenshot 2026-10-14 15.42.18.png

Screenshot 2026-10-14 15.44.46.png

GrimReaper
Posted

image.thumb.png.fb39e8d747590d89e8723f49975696f9.png

HawkXP71
Posted
17 minutes ago, GrimReaper said:

image.thumb.png.fb39e8d747590d89e8723f49975696f9.png

Should have been clearer, sorry.

I can get the RBV value, what I need is what "css variable(s)" are used to create that RBG/HSL etc

what I found is there doesnt appear to be a single one, in this case its a combination of 3 variables with the root --theme-primary-color

What I found interesting is in the general theme.css that I was able to get from the debugger, there many examples of using the triplet individually as in
 

.formDialogFooter:not(.formDialogFooter-clear) {
    background: hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))
}

but there is no
 

--background:hsl(var(--background-hue), var(--background-saturation), var(--background-lightness));

However there is for other variables (--header-background)

GrimReaper
Posted

Ah., ok then. Yeah, don't know either, besides the variables in Styles. 

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...