MediaWiki:Variables.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.
/* ~ Переменные сайта ~ */
body {
/* Базовые переменные */
--srw-gray: #F0F7FA;
--srw-gray--rgb: 240, 247, 250;
--srw-gray--hsl: 198°, 50%, 96%;
--srw-dgray: #3F3F3F;
--srw-dgray--rgb: 63, 63, 63;
--srw-dgray--hsl: 0, 0%, 25%;
--srw-gray-tr: #F0F7FAAA;
--srw-gray-tr--rgb: 240, 247, 250, 0.667;
--srw-gray-tr--hsl: 198°, 50%, 96%, 0.667;
--srw-bg--1: #D1EEE9;
--srw-bg--2: #B2E1E7;
--srw-border-pi--1: #2EA7CB;
--srw-border-pi--2: #B0D1E4;
--srw-border-nv: #31B2D9;
--srw-border-bb: #57C0DD;
--srw-border-spt: #B2E1E7;
--srw-border-nt: #01A077B3;
--srw-border-smt: #30B0D7;
--srw-pp-bg: #E4EEF2; /* фон таблицы для шаблонов "Plort price" и "Price table" */
--srw-pp-bg2: #DAE7ED; /* второй фон */
--srw-pp-border: #BCC2C4; /* обводка */
--srw-pp-text: #A0A0A0; /* цвет текста для нижней ячейки */
--srw-comment-bg: #EAF1F5; /* Фон сообщений */
--srw-comment-bg2: #E0E7EA; /* Фон поля для записи сообщения */
--srw-achieve-border: #B2E1E7; /* Обводка блока Шаблон:Achievement */
--srw-achieve-bg: #D2EFEA; /* Фон блока */
--srw-achieve-text: #333132; /* Цвет текста */
--srw-block-border-blue: 1px solid var(--srw-blue-50);
--srw-block-border-pink: 1px solid var(--srw-pink-50);
--srw-block-border-radius: 8px;
--srw-block-border-radius--inner: 5px;
--srw-block-box-shadow: rgba(var(--theme-accent-color--rgb), .06);
--srw-block-padding: 7px;
/* Синий цвет */
--srw-blue: rgba(var(--theme-link-color--rgb), 1);
--srw-blue-90: rgba(var(--theme-link-color--rgb), .9);
--srw-blue-80: rgba(var(--theme-link-color--rgb), .8);
--srw-blue-70: rgba(var(--theme-link-color--rgb), .7);
--srw-blue-60: rgba(var(--theme-link-color--rgb), .6);
--srw-blue-50: rgba(var(--theme-link-color--rgb), .5);
--srw-blue-40: rgba(var(--theme-link-color--rgb), .4);
--srw-blue-30: rgba(var(--theme-link-color--rgb), .3);
--srw-blue-20: rgba(var(--theme-link-color--rgb), .2);
--srw-blue-10: rgba(var(--theme-link-color--rgb), .1);
/* Розовый цвет */
--srw-pink: rgba(var(--theme-accent-color--rgb), 1);
--srw-pink-90: rgba(var(--theme-accent-color--rgb), .9);
--srw-pink-80: rgba(var(--theme-accent-color--rgb), .8);
--srw-pink-70: rgba(var(--theme-accent-color--rgb), .7);
--srw-pink-60: rgba(var(--theme-accent-color--rgb), .6);
--srw-pink-50: rgba(var(--theme-accent-color--rgb), .5);
--srw-pink-40: rgba(var(--theme-accent-color--rgb), .4);
--srw-pink-30: rgba(var(--theme-accent-color--rgb), .3);
--srw-pink-20: rgba(var(--theme-accent-color--rgb), .2);
--srw-pink-10: rgba(var(--theme-accent-color--rgb), .1);
}
/* Перенастройка локальных переменных под тёмную тему */
body.theme-fandomdesktop-dark {
/* Базовые переменные */
--srw-gray: #2C2B38;
--srw-gray--rgb: 44, 43, 56;
--srw-gray--hsl: 245°, 13%, 19%;
--srw-dgray: #F3F3F3;
--srw-dgray--rgb: 243, 243, 243;
--srw-dgray--hsl: 0, 0%, 95%;
--srw-gray-tr: #2C2B38AA;
--srw-gray-tr--rgb: 44, 43, 56, 0.667;
--srw-gray-tr--hsl: 245°, 13%, 19%, 0.667;
--srw-bg--1: #1D1A30;
--srw-bg--2: #2E2B41;
--srw-border-pi--1: #3F3C52;
--srw-border-pi--2: #3F3C52;
--srw-border-nv: #3F3C52;
--srw-border-bb: #3F3C52;
--srw-border-spt: #3F3C52;
--srw-border-nt: #3F3C52;
--srw-border-smt: #3F3C52;
--srw-pp-bg: #1D1A30; /* фон таблицы для шаблонов "Plort price" и "Price table" */
--srw-pp-bg2: #2E2B41; /* второй фон */
--srw-pp-border: #433D3B; /* обводка */
--srw-pp-text: #A0A0A0; /* цвет текста для нижней ячейки */
--srw-comment-bg: #141320; /* Фон сообщений */
--srw-comment-bg2: #262532; /* Фон поля для записи сообщения */
--srw-achieve-border: #3F3C52; /* Обводка блока Шаблон:Achievement */
--srw-achieve-bg: #2E2B41; /* Фон блока */
--srw-achieve-text: #D3D3D3; /* Цвет текста */