Content added Content deleted
No edit summary |
No edit summary |
||
Line 30: | Line 30: | ||
.skin-citizen-dark #ca-edit .citizen-ui-icon::before { |
.skin-citizen-dark #ca-edit .citizen-ui-icon::before { |
||
filter: invert(0); |
|||
} |
|||
.skin-citizen-dark #pt-login a { |
|||
color: var(--color-surface-0) !important; |
|||
} |
|||
.skin-citizen-dark #pt-login .citizen-ui-icon::before { |
|||
filter: invert(0); |
filter: invert(0); |
||
} |
} |
Revision as of 04:03, 14 March 2024
/* All CSS here will be loaded for users of the Citizen skin */
:root.skin-citizen-dark {
--color-primary__h: 41;
--color-primary__s: 100%;
--color-primary__l: 50%;
--background-color__h: 0;
--color-surface-0: hsl(var(--background-color__h), 0%, 5%);
--color-surface-1: hsl(var(--background-color__h), 0%, 7%);
--color-surface-2: hsl(var(--background-color__h), 0%, 10%);
--color-surface-3: hsl(var(--background-color__h), 0%, 12%);
--color-surface-4: hsl(var(--background-color__h), 0%, 15%);
--background-color-primary--hover: hsl(var(--background-color__h), 0%, 15%);
--background-color-primary--active: hsl(var(--background-color__h), 0%, 20%);
--background-color-overlay: hsla(var(--background-color__h), 0%, 10%, 0.95);
--background-color-overlay--lighter: hsla(var(--background-color__h), 0%, 10%, 0.6);
}
.skin-citizen-dark #siteSub {
display: none;
}
.skin-citizen-dark #ca-ve-edit a, .skin-citizen-dark #ca-edit a, .skin-citizen-dark input[type=submit].oo-ui-buttonElement-button {
color: var(--color-surface-0);
}
.skin-citizen-dark #ca-ve-edit a::before {
filter: invert(0);
}
.skin-citizen-dark #ca-edit .citizen-ui-icon::before {
filter: invert(0);
}
.skin-citizen-dark #pt-login a {
color: var(--color-surface-0) !important;
}
.skin-citizen-dark #pt-login .citizen-ui-icon::before {
filter: invert(0);
}