MediaWiki:Citizen.css: различия между версиями

Материал из Румайн-вики
Нет описания правки
мНет описания правки
Строка 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%;
}