Участник:torgovec/citizen.css

Вернуться

Строка 9: Строка 9:
@import url('https://fonts.googleapis.com/css2?family=Kelly+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kelly+Slab&display=swap');


:root {
/* Если на html есть класс отключения, сбрасываем переменные к дефолтным значениям Википедии */
html.disable-custom-styles {
    --color-primary__h: initial;
    --color-primary__s: initial;
    --color-primary__l: initial;
    --font-family-base: initial;
    --font-family-serif: initial;
    --font-family-monospace: initial;
}
 
:root:not(.disable-custom-styles) {
/* Меняем основной оттенок с синего (~215) на зелёный (140) */
/* Меняем основной оттенок с синего (~215) на зелёный (140) */
--color-primary__h: 140;
--color-primary__h: 140;
Строка 31: Строка 41:


/* Отдельная настройка яркости для тёмной темы, чтобы зелёный хорошо читался */
/* Отдельная настройка яркости для тёмной темы, чтобы зелёный хорошо читался */
html.skin-citizen-dark,
html.skin-citizen-dark:not(.disable-custom-styles),
html.skin-theme-clientpref-night {
html.skin-theme-clientpref-night:not(.disable-custom-styles) {
--color-primary__h: 140;
--color-primary__h: 140;
--color-primary__s: 60%;
--color-primary__s: 60%;
Строка 47: Строка 57:
}
}


.options, .mwe-popups, .ui-dialog.ui-widget-content{
html:not(.disable-custom-styles) .options,
html:not(.disable-custom-styles) .mwe-popups,
html:not(.disable-custom-styles) .ui-dialog.ui-widget-content{
backdrop-filter: var(--backdrop-filter-frosted-glass-menu);
backdrop-filter: var(--backdrop-filter-frosted-glass-menu);
}
}