MediaWiki:Variables.css

/* ~ Переменные сайта ~ */
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%;

  --rbrbw-dgray: #3F3F3F;
  --rbrbw-dgray--rgb: 63, 63, 63;
  --rbrbw-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: #B2E1E7;
  --srw-bg--2: #D1EEE9;

  --srw-border-pi--1: #2EA7CB;
  --srw-border-pi--2: #B0D1E4;
  --srw-border-bb: #57C0DD;
  --srw-border-spt: #D1EEE9;
  --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%;

  --rbrbw-dgray: #F3F3F3;
  --rbrbw-dgray--rgb: 243, 243, 243;
  --rbrbw-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-bb: #2E2B41;
  --srw-border-spt: #2E2B41;
  --srw-border-nt: #2E2B41;
  --srw-border-smt: #2E2B41;

  --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; /* Фон блока для кода в сообщениях */
}