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

[HawkXP71 139]

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

[GrimReaper 5222]

[HawkXP71 139]

17 minutes ago, GrimReaper said:

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 5222]

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

[TMCsw 317]

I don't know if this helps, but here is how Gimp sees it :

[speechles 2130]

.accent-emby:root {--theme-primary-color-hue: 116;--theme-primary-color-saturation: 41.7%;--theme-primary-color-lightness: 50.2%;--theme-accent-text-color-darkbg: #6CCF65;--theme-accent-text-color-lightbg: green;--theme-accent-text-color-darkbg-alt: hsl(209, 100%, 50.2%);--theme-accent-text-color-lightbg-alt: hsl(211, 100%, 50%);} 

.accent-green:root {--theme-primary-color-hue: 116;--theme-primary-color-saturation: 41.7%;--theme-primary-color-lightness: 50.2%;--theme-accent-text-color-darkbg: #6CCF65;--theme-accent-text-color-lightbg: green;--theme-accent-text-color-darkbg-alt: #6CCF65;--theme-accent-text-color-lightbg-alt: green;}

 

There are two of them for that color.

[HawkXP71 139]

1 hour ago, speechles said:

.accent-emby:root {--theme-primary-color-hue: 116;--theme-primary-color-saturation: 41.7%;--theme-primary-color-lightness: 50.2%;--theme-accent-text-color-darkbg: #6CCF65;--theme-accent-text-color-lightbg: green;--theme-accent-text-color-darkbg-alt: hsl(209, 100%, 50.2%);--theme-accent-text-color-lightbg-alt: hsl(211, 100%, 50%);} 

.accent-green:root {--theme-primary-color-hue: 116;--theme-primary-color-saturation: 41.7%;--theme-primary-color-lightness: 50.2%;--theme-accent-text-color-darkbg: #6CCF65;--theme-accent-text-color-lightbg: green;--theme-accent-text-color-darkbg-alt: #6CCF65;--theme-accent-text-color-lightbg-alt: green;}

 

There are two of them for that color.

@speechlesCan you tell me how you got that info?

Edited October 15 by HawkXP71

[speechles 2130]

32 minutes ago, HawkXP71 said:

@speechlesCan you tell me how you got that info?

I gleaned it from the RGB information that @GrimReaperposted in his image. You can use that. Then convert it.

Then you get the Hue.

 

I searched for "116" in the elements tab of the Chrome debugger. Then found the CSS line you were seeking.

[HawkXP71 139]

2 hours ago, speechles said:

I gleaned it from the RGB information that @GrimReaperposted in his image. You can use that. Then convert it.

Then you get the Hue.

 

I searched for "116" in the elements tab of the Chrome debugger. Then found the CSS line you were seeking.

Makes sense.. thanks