mediawiki-skins-Citizen/skinStyles/extensions/UniversalLanguageSelector/ext.uls.displaysettings.less
alistair3149 2bf20397e1
feat(core): use filter-invert CSS variable to flip color
This decouple the filter style from the  class.
Instead, filter-invert can be redefined if needed (e.g. :root.skin-citizen-dark)
2023-07-10 16:56:56 -04:00

68 lines
1.4 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:UniversalLanguageSelector
* Module: ext.uls.displaysettings
* Version: MLEB 2021.12
*
* Date: 2022-05-17
*/
/* ext.uls.inputsettings.less */
.uls-ime-menu-settings-item {
border-radius: 0 0 var( --border-radius--medium ) var( --border-radius--medium );
border-top-color: var( --border-color-base );
background-color: var( --color-surface-2 );
color: var( --color-base );
}
.uls-ime-disable-link,
.uls-ime-more-settings-link,
.ime-checked .ime-perime-help {
filter: var( --filter-invert );
}
.uls-ime-menu-settings-item > a:hover {
background-color: var( --color-surface-2 );
color: var( --color-base--emphasized );
}
.uls-input-settings-disable-info,
.uls-input-settings-no-inputmethods {
color: var( --color-base--subtle );
}
.down + .uls-input-settings-caret {
border-bottom-color: var( --color-surface-2 );
}
.uls-input-settings .uls-input-settings-inputmethods-list {
background: var( --color-surface-2 );
}
.uls-ime-notification-bubble .link {
color: var( --color-primary );
}
/* ext.uls.displaysettings.less */
.ext-uls-sub-panel {
border-top-color: var( --border-color-base );
}
.uls-font-item {
border-bottom-color: var( --border-color-base );
background: var( --color-surface-2 );
&:first-child {
border-top-color: var( --border-color-base );
}
}
.uls-font-label {
color: var( --color-base--subtle );
}
.uls-font-label strong {
color: var( --color-base );
}