MediaWiki:Citizen.css

Материал из Румайн-вики

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* Размещённый здесь 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%;
}