Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
More languages
m (Adding default white background for button as well)
m (Attempt to change color of success editing message)
Line 1: Line 1:
/***
****
**** CSS Variables
****
***/
@media screen {
@media screen {
:root {
:root {
Line 4: Line 9:
--color-surface-6:hsl(200,2%,60%);
--color-surface-6:hsl(200,2%,60%);
--color-surface-7:hsl(180,2%,40%);
--color-surface-7:hsl(180,2%,40%);
--color-success2:hsl(167,70%,31%);
}
}
:root.skin-citizen-dark {
:root.skin-citizen-dark {
Line 26: Line 32:
}
}
.oo-ui-checkboxInputWidget [type="checkbox"] + span {
.oo-ui-checkboxInputWidget [type="checkbox"] + span {
background-color: var(--color-surface-1);
background-color: var(--color-surface-0);
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
}
/***
****
**** Success message after publishing an edit
****
***/
.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {
color:var(--color-success2);
}
}

Revision as of 18:29, 7 March 2023

/***
****
****	CSS Variables
****
***/
@media screen {
	:root {
		--color-surface-5:hsl(220,17%,93%);
		--color-surface-6:hsl(200,2%,60%);
		--color-surface-7:hsl(180,2%,40%);
		--color-success2:hsl(167,70%,31%);
	}
	: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-0);
	border: 1px solid #a2a9b1;
}
/***
****
****	Success message after publishing an edit
****
***/
.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {
	color:var(--color-success2);
}