MediaWiki:Citizen.css

/* All CSS here will be loaded for users of the Citizen skin */ /* ############################################ */ /* ### Fix stylings for citizen dark mode  ### */ /* ### 	      User:Eckserah             ### */ /* ############################################ */
 * root.skin-citizen-dark {

--color-base-full: #FFFFFF; --color-surface-0: #000000; --color-surface-1: #032C05; --color-surface-2: #043204; --color-surface-3: #053D06; --color-surface-4: #053B05; --color-primary: #053E06; --color-destructive: #19FF1C; --color-success: #00FFF9; --color-warning: #FF0000; --color-base: #19FF1C; }


 * root.skin-citizen-light {

--color-base-full: #FFFFFF; --color-surface-0: #070702; --color-base: #D09636; }

background: var(--color-surface-1); color: var(--color-base); }
 * 1) ajax-se, .editOptions, #ace_settingsmenu, #kbshortcutmenu {

.ace_optionsMenuEntry button { background: var(--color-surface-4); }

.ace_optionsMenuEntry button:hover { background: var(--color-surface-3); }

.ace_optionsMenuEntry button[ace_selected_button=true] { background: var(--color-surface-2); }

background: var(--color-surface-1); }
 * 1) mw-allmessagestable .am_default {

background: var(--color-surface-2); }
 * 1) mw-allmessagestable .am_actual {

.codeEditor-status { background: var(--color-surface-2); border: 0; }

.codeEditor-status-worker .ace_gutter-cell, codeEditor-status-line { color: var(--color-base); }

border-color: var(--background-color-dp-24); }
 * 1) ajax-se, .editOptions {

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background-color: transparent !important; }