Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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 {
/* Базовые переменные */
--theme-sticky-nav-text-color: #D3D3D3; /* Цвет текста в навигации и тулбаре */
--theme-sticky-nav-text-color--hover: #F1F1F1;
--theme-accent-label-color: #D3D3D3;
/* Вторичные переменные */
--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: #0001; /* Фон и обводка сообщений */
--srw-comment-bg-hover: #0002; /* Поле для записи сообщения при наведении */
--srw-pre-bg: #0001; /* Фон блока для кода в сообщениях */
--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: #FFF1; /* Фон и обводка сообщений */
--srw-comment-bg-hover: #80808011; /* Поле для записи сообщения при наведении */
--srw-pre-bg: #FFF1; /* Фон блока для кода в сообщениях */
}