mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-25 06:47:16 +00:00
96013bb126
--background-color-dp-XX is now fully deprecated in favor of a simpler 4 color surface system. It can be accessed through the --color-surface-X CSS var.
103 lines
2.2 KiB
Plaintext
103 lines
2.2 KiB
Plaintext
/*
|
|
* Citizen - Recent Changes Styles
|
|
* TODO Split into separate files
|
|
* https://starcitizen.tools
|
|
*/
|
|
|
|
.skin-citizen {
|
|
.mw-rcfilters-ui {
|
|
&-filter {
|
|
&TagMultiselectWidget {
|
|
&.oo-ui-widget-enabled {
|
|
.oo-ui-tagMultiselectWidget-handle {
|
|
border-color: var( --border-color-base );
|
|
background-color: var( --background-color-framed );
|
|
}
|
|
}
|
|
|
|
&-views-select-widget {
|
|
&.oo-ui-widget {
|
|
border-color: var( --border-color-base );
|
|
}
|
|
}
|
|
|
|
&-wrapper-content-title {
|
|
color: var( --color-base );
|
|
}
|
|
}
|
|
|
|
&Menu {
|
|
&HeaderWidget {
|
|
&-header {
|
|
border-color: var( --border-color-base--darker );
|
|
background-color: var( --color-surface-2 );
|
|
}
|
|
|
|
&-title {
|
|
color: var( --color-base );
|
|
}
|
|
}
|
|
|
|
&SectionOptionWidget {
|
|
background-color: var( --background-color-framed );
|
|
|
|
&-header-title.oo-ui-labelElement-label {
|
|
color: var( --color-base--subtle );
|
|
}
|
|
}
|
|
|
|
&OptionWidget.oo-ui-flaggedElement-muted:not( .oo-ui-optionWidget-selected ) {
|
|
background-color: var( --background-color-framed );
|
|
}
|
|
}
|
|
}
|
|
|
|
&-itemMenuOptionWidget {
|
|
&-label {
|
|
&-title {
|
|
color: var( --color-base--emphasized );
|
|
}
|
|
|
|
&-desc {
|
|
color: var( --color-base--subtle );
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
background-color: var( --background-color-quiet--hover );
|
|
}
|
|
|
|
&.oo-ui-optionWidget-selected {
|
|
background-color: var( --background-color-primary--hover );
|
|
}
|
|
|
|
&:not( :last-child ):not( .mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk ) {
|
|
border-color: var( --border-color-base );
|
|
}
|
|
}
|
|
|
|
&-viewSwitchWidget label.oo-ui-labelWidget {
|
|
color: var( --color-base--subtle );
|
|
}
|
|
|
|
&-changesListWrapperWidget .mw-changeslist-legend {
|
|
border-color: var( --border-color-base );
|
|
background-color: var( --background-color-framed );
|
|
}
|
|
|
|
&-datePopupWidget {
|
|
border-color: var( --border-color-base );
|
|
}
|
|
|
|
&-menuSelectWidget-footer {
|
|
border-top: 1px solid var( --border-color-base--darker );
|
|
background-color: var( --color-surface-2 );
|
|
}
|
|
}
|
|
|
|
// Override input field style because it feels out of place
|
|
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
|
|
border-color: var( --border-color-base );
|
|
}
|
|
}
|