MediaWiki:Citizen.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* 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 .oo-ui-inputWidget-input.oo-ui-buttonElement-button .oo-ui-labelElement-label{
	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);
}