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- | 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);
}