More actions
| No edit summary Tag: Reverted | No edit summary Tag: Reverted | ||
| Line 3: | Line 3: | ||
| /* Global Overrides */ | /* Global Overrides */ | ||
| :root.skin-citizen-dark { | :root.skin-citizen-dark { | ||
|     --width-layout: 1440px; | |||
|      --color-surface-0: #121212 !important; |      --color-surface-0: #121212 !important; | ||
|      --color-surface-1: #2C2C2C !important; |      --color-surface-1: #2C2C2C !important; | ||
| Line 11: | Line 12: | ||
|      --color-primary__s: 99% !important; |      --color-primary__s: 99% !important; | ||
|      --color-primary__l: 45% !important; |      --color-primary__l: 45% !important; | ||
|     --background-color-framed: var(--color-surface-1) !important; | |||
|     --background-color-framed--hover: var(--color-surface-2) !important; | |||
|     --background-color-framed--active: var(--color-surface-0) !important; | |||
|     --background-color-overlay: var(--color-surface-1) !important; | |||
|     --background-color-overlay--lighter: var(--color-surface-2) !important; | |||
|     --box-shadow-card: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, rgba(27, 31, 35, 0.5) 0px 0px 0px 1px !important; | |||
|     --box-shadow-dialog: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, rgba(27, 31, 35, 0.5) 0px 0px 0px 1px !important; | |||
|     --color-base: #D1D5DB !important; | |||
|     --color-base--subtle: #D1D5DB !important; | |||
|     --color-base--emphasized: #D1D5DB !important; | |||
| } | } | ||
Revision as of 06:24, 17 April 2025
/* All CSS here will be loaded for users of the Citizen skin */
/* Global Overrides */
:root.skin-citizen-dark {
    --width-layout: 1440px;
    --color-surface-0: #121212 !important;
    --color-surface-1: #2C2C2C !important;
    --color-surface-2: #363636 !important;
    --color-surface-3: #474747 !important;
    --color-surface-4: #595959 !important;
    --color-primary__h: 200 !important;
    --color-primary__s: 99% !important;
    --color-primary__l: 45% !important;
    --background-color-framed: var(--color-surface-1) !important;
    --background-color-framed--hover: var(--color-surface-2) !important;
    --background-color-framed--active: var(--color-surface-0) !important;
    --background-color-overlay: var(--color-surface-1) !important;
    --background-color-overlay--lighter: var(--color-surface-2) !important;
    --box-shadow-card: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, rgba(27, 31, 35, 0.5) 0px 0px 0px 1px !important;
    --box-shadow-dialog: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, rgba(27, 31, 35, 0.5) 0px 0px 0px 1px !important;
    --color-base: #D1D5DB !important;
    --color-base--subtle: #D1D5DB !important;
    --color-base--emphasized: #D1D5DB !important;
}
