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.

@media screen {
	:root {
		--color-surface-5:hsl(220,17%,93%);
		--color-surface-6:hsl(200,2%,60%);
		--color-surface-7:hsl(180,2%,40%);
	}
	:root.skin-citizen-dark {
		--color-surface-5:hsl(220,15%,30%);
		--color-surface-6:hsl(220,12%,35%);
		--color-surface-7:hsl(220,12%,40%);
	}
}
/***
****
****	Source editor interface
****
***/

.skin-citizen .mw-editform .editOptions {
	background-color: var(--color-surface-5);
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	background-color: var(--color-surface-0);
	border: 1px solid #a2a9b1;
}
.oo-ui-checkboxInputWidget [type="checkbox"] + span {
	background-color: var(--color-surface-1);
	border: 1px solid #a2a9b1;
}