No edit summary |
No edit summary |
||
| Line 34: | Line 34: | ||
.skin-citizen-dark .ext-translate-language-selector-expand { | .skin-citizen-dark .ext-translate-language-selector-expand { | ||
filter: var(--filter-invert); | filter: var(--filter-invert); | ||
} | |||
#ca-ve-edit { | |||
background-color: hsl(var(--color-primary__h),var(--color-primary__s),calc(var(--color-primary__l) * 1.2)) | |||
} | |||
#ca-edit { | |||
background-color: hsl(var(--color-primary__h),var(--color-primary__s),calc(var(--color-primary__l) * 1.2)) | |||
} | } | ||
Revision as of 08:41, 18 January 2024
/* All CSS here will be loaded for users of the Citizen skin */
/* Dark Mode Only*/
:root.skin-citizen-dark {
/* 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;
}
.skin-citizen-dark .ext-translate-language-icon {
filter: var(--filter-invert);
}
.skin-citizen-dark .ext-translate-language-selector-expand {
filter: var(--filter-invert);
}
#ca-ve-edit {
background-color: hsl(var(--color-primary__h),var(--color-primary__s),calc(var(--color-primary__l) * 1.2))
}
#ca-edit {
background-color: hsl(var(--color-primary__h),var(--color-primary__s),calc(var(--color-primary__l) * 1.2))
}