MediaWiki:Citizen.css: различия между версиями
Материал из Румайн-вики
Alleaxx (обсуждение | вклад) Нет описания правки |
Alleaxx (обсуждение | вклад) мНет описания правки |
||
Строка 2: | Строка 2: | ||
/* Стандартный оранжевый оттенок */ | /* Стандартный оранжевый оттенок */ | ||
:root{ | :root{ | ||
--color-primary__h: 40; | --color-primary__h: 40; /*220*/ | ||
} | } | ||
:root.skin-citizen-light { | :root.skin-citizen-light { | ||
--color-primary__h: 40; | --color-primary__h: 40; /*220*/ | ||
--color-surface-0__l: 97%; | |||
--color-primary__s: 60%; | |||
--color-primary__l: 50%; | |||
--color-surface-0__s: 30%; | |||
--color-surface-0__l: 97%; /*96*/ | |||
--color-surface-1__s: 40%; | |||
--color-surface-1__l: 94%; | |||
--color-surface-2__s: 30%; | |||
--color-surface-2__l: 92%; | |||
--color-surface-3__s: 20%; | |||
--color-surface-3__l: 90%; | |||
--color-surface-4__s: 10%; | |||
--color-surface-4__l: 88%; | |||
--delta-hover-state: 2%; | |||
} | } | ||
/* Стандартная темная тема */ | /* Стандартная темная тема */ | ||
:root.skin-citizen-dark { | :root.skin-citizen-dark { | ||
--color-primary__h: 40; | --color-primary__h: 40; /*220*/ | ||
--color-primary__l: 60%; | |||
--color-surface-0__s: 20%; | |||
--color-surface-0__l: 8%; | |||
--color-surface-1__s: 25%; | |||
--color-surface-1__l: 10%; | |||
--color-surface-2__s: 25%; | |||
--color-surface-2__l: 13%; | |||
--color-surface-3__s: 15%; | |||
--color-surface-3__l: 18%; | |||
--color-surface-4__s: 15%; | |||
--color-surface-4__l: 23%; | |||
--delta-hover-state: 4%; | |||
} | } |
Версия от 23:40, 8 июня 2024
/* Размещённый здесь CSS-код будет загружаться для пользователей, использующих тему оформления Citizen */
/* Стандартный оранжевый оттенок */
:root{
--color-primary__h: 40; /*220*/
}
:root.skin-citizen-light {
--color-primary__h: 40; /*220*/
--color-primary__s: 60%;
--color-primary__l: 50%;
--color-surface-0__s: 30%;
--color-surface-0__l: 97%; /*96*/
--color-surface-1__s: 40%;
--color-surface-1__l: 94%;
--color-surface-2__s: 30%;
--color-surface-2__l: 92%;
--color-surface-3__s: 20%;
--color-surface-3__l: 90%;
--color-surface-4__s: 10%;
--color-surface-4__l: 88%;
--delta-hover-state: 2%;
}
/* Стандартная темная тема */
:root.skin-citizen-dark {
--color-primary__h: 40; /*220*/
--color-primary__l: 60%;
--color-surface-0__s: 20%;
--color-surface-0__l: 8%;
--color-surface-1__s: 25%;
--color-surface-1__l: 10%;
--color-surface-2__s: 25%;
--color-surface-2__l: 13%;
--color-surface-3__s: 15%;
--color-surface-3__l: 18%;
--color-surface-4__s: 15%;
--color-surface-4__l: 23%;
--delta-hover-state: 4%;
}