No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
/* Dark Mode Only*/ | /* Dark Mode Only*/ | ||
:root.skin-citizen-dark { | :root.skin-citizen-dark { | ||
/* Edited Colors to match Resonite Branding */ | |||
/* Based on Resonite Neutrals*/ | /* Based on Resonite Neutrals*/ | ||
/* Dark */ | /* Dark */ | ||
| Line 29: | Line 29: | ||
} | } | ||
/* Invert the icons for the translate screen(they're black by default) */ | |||
.skin-citizen-dark .ext-translate-language-icon { | .skin-citizen-dark .ext-translate-language-icon { | ||
filter: var(--filter-invert); | filter: var(--filter-invert); | ||
| Line 36: | Line 37: | ||
} | } | ||
/* Slightly tweak the coloring of the edit buttons */ | |||
#ca-ve-edit > a { | #ca-ve-edit > a { | ||
background-color: hsl(var(--color-primary__h),var(--color-primary__s),calc(var(--color-primary__l) * 1.2)) | background-color: hsl(var(--color-primary__h),var(--color-primary__s),calc(var(--color-primary__l) * 1.2)) | ||
Revision as of 03:33, 19 January 2024
/* All CSS here will be loaded for users of the Citizen skin */
/* Dark Mode Only*/
:root.skin-citizen-dark {
/* Edited Colors to match Resonite Branding */
/* Based on Resonite Neutrals*/
/* Dark */
--color-surface-0: #11151d;
/* Neutrals: Mid */
--color-surface-1: #2b2f35;
/* Neutrals: Light (disabled for now Prime needs to talk to Chroma) */
/*--color-surface-2: #e1e1e0;*/
/* Based on resonite Mid Colors */
/* Cyan Hero*/
--color-primary: #61d1fa;
/* Red Mid*/
--color-destructive: #ae5458;
/* Green Mid */
--color-success: #3f9e44;
/* Orange Mid */
--color-warning: #a0a14e;
}
/* Invert the icons for the translate screen(they're black by default) */
.skin-citizen-dark .ext-translate-language-icon {
filter: var(--filter-invert);
}
.skin-citizen-dark .ext-translate-language-selector-expand {
filter: var(--filter-invert);
}
/* Slightly tweak the coloring of the edit buttons */
#ca-ve-edit > a {
background-color: hsl(var(--color-primary__h),var(--color-primary__s),calc(var(--color-primary__l) * 1.2))
}
#ca-edit > a {
background-color: hsl(var(--color-primary__h),var(--color-primary__s),calc(var(--color-primary__l) * 1.2))
}