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%;

  --srw-gray-tr: #F0F7FAAA;
  --srw-gray-tr--rgb: 240, 247, 250, 0.667;
  --srw-gray-tr--hsl: 198°, 50%, 96%, 0.667;

  --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-gray-tr: #2C2B38AA;
  --srw-gray-tr--rgb: 44, 43, 56, 0.667;
  --srw-gray-tr--hsl: 245°, 13%, 19%, 0.667;
}