MediaWiki:Common.css: различия между версиями

/* === MediaWiki Dark Theme with Yellow Accent === */

:root {
  /* Основные цвета темы */
  --bg-dark: #1e1e25;       /* Очень темный фон */
  --bg-medium: #2a2a35;     /* Средний фон (панели, блоки) */
  --bg-light: #3a3a45;      /* Светлый фон (поля ввода, код) */
  --text-primary: #e0e0e0;  /* Основной текст */
  --text-secondary: #b0b0b0; /* Вторичный текст */
  --border-color: #4a4a55;  /* Цвет границ */
  --accent-color: #ebcb8b;  /* ЖЕЛТЫЙ АКЦЕНТ */
  --accent-hover: #f0d9a0;  /* Более светлый желтый при наведении */
  --link-color: #77c1d9;    /* Голубой для ссылок */
  --link-visited: #a38fc2;  /* Фиолетовый для посещённых ссылок */
  --success: #a3be8c;       /* Зеленый для успеха */
  --warning: #ebcb8b;       /* Желтый для предупреждений */
  --error: #bf616a;         /* Красный для ошибок */
}

/* --- Основная структура --- */
body {
  background-color: var(--bg-dark);
  color: var(--text-primary);
  font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Контейнеры */
.mw-page-container,
#mw-content-container,
#mw-header-container,
#mw-content-wrapper,
footer,
#footer-info,
#mw-content,
#mw-panel {
  background-color: var(--bg-dark);
  color: var(--text-primary);
}

/* Основное содержимое */
.mw-body {
  background-color: var(--bg-medium);
  color: var(--text-primary);
  padding: 1em;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* --- Ссылки --- */
a,
.mw-parser-output a,
.vector-menu-content-list .mw-list-item a,
.vector-menu-tabs .mw-list-item a,
.vector-menu-dropdown .mw-list-item a {
  color: var(--link-color);
  text-decoration: none;
}

a:visited,
.mw-parser-output a:visited {
  color: var(--link-visited);
}

a:hover,
.mw-parser-output a:hover {
  color: var(--accent-color);
  text-decoration: underline;
}

/* --- Заголовки --- */
h1, h2, h3, h4, h5, h6 {
  color: var(--accent-color);
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 0.3em;
}

/* --- Навигация --- */
/* Вкладки */
.vector-menu-tabs .mw-list-item a {
  background-color: var(--bg-medium);
  border: 1px solid var(--border-color);
  border-bottom: none;
  color: var(--text-secondary);
}
.vector-menu-tabs .mw-list-item.selected a {
  background-color: var(--bg-light);
  color: var(--accent-color);
  border-bottom: 2px solid var(--accent-color);
  font-weight: bold;
}

/* Боковая панель */
#mw-panel {
  background-color: var(--bg-medium);
  color: var(--text-primary);
}
#mw-panel .mw-portlet h3 {
  color: var(--accent-color);
  border-bottom: 1px solid var(--border-color);
}
#mw-panel .mw-portlet ul li a {
  color: var(--text-primary);
}
#mw-panel .mw-portlet ul li a:hover {
  background-color: var(--bg-light);
  color: var(--accent-color);
}

/* --- Поиск --- */
#simpleSearch {
  background-color: var(--bg-light);
  border: 1px solid var(--border-color);
}
#searchInput {
  background-color: transparent;
  color: var(--text-primary);
  border: none;
}
#searchButton {
  background-color: var(--accent-color);
  color: #1e1e25;
  border: 1px solid var(--border-color);
}
#searchButton:hover {
  background-color: var(--accent-hover);
}

/* --- Таблицы --- */
.wikitable {
  background-color: var(--bg-medium);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}
.wikitable > * > tr > th {
  background-color: var(--bg-light);
  color: var(--accent-color);
  border: 1px solid var(--border-color);
}
.wikitable > * > tr > td {
  border: 1px solid var(--border-color);
}

/* --- Код и блоки --- */
.mw-code,
pre,
code {
  background-color: var(--bg-light);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}
blockquote {
  background-color: var(--bg-medium);
  border-left: 4px solid var(--accent-color);
  color: var(--text-primary);
  padding: 0.5em 1em;
  margin: 1em 0;
}

/* --- Сообщения MediaWiki --- */
.mw-message-box {
  background-color: var(--bg-medium);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}
.mw-message-box-warning {
  border-left: 4px solid var(--warning);
  background-color: rgba(235, 203, 139, 0.1);
}
.mw-message-box-error {
  border-left: 4px solid var(--error);
  background-color: rgba(191, 97, 106, 0.1);
}

/* --- Навбоксы --- */
.navbox {
  background-color: var(--bg-medium);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}
.navbox-title,
.navbox th {
  background-color: var(--bg-light);
  color: var(--accent-color);
}
.navbox-even {
  background-color: var(--bg-light);
}

/* --- Изображения --- */
.thumbinner {
  background-color: var(--bg-medium);
  border: 1px solid var(--border-color);
}
.thumbimage,
.thumbborder {
  border: 1px solid var(--border-color);
}
.thumbcaption {
  color: var(--text-secondary);
}

/* --- Формы --- */
textarea,
input[type="text"],
input[type="password"],
select {
  background-color: var(--bg-light);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
select:focus {
  border-color: var(--accent-color);
  outline: none;
  box-shadow: 0 0 0 2px rgba(235, 203, 139, 0.3);
}

/* --- Diff (различия) --- */
.diff-addedline {
  background-color: rgba(163, 190, 140, 0.2); /* Зеленый */
  border-color: var(--success);
}
.diff-deletedline {
  background-color: rgba(191, 97, 106, 0.2); /* Красный */
  border-color: var(--error);
}
.diff-context {
  background-color: var(--bg-medium);
  border-color: var(--border-color);
}
.diffchange {
  background-color: rgba(235, 203, 139, 0.3); /* Желтый */
}

/* --- Кнопки --- */
.mw-ui-button {
  background-color: var(--accent-color);
  color: #1e1e25;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: 0.4em 0.8em;
  cursor: pointer;
}
.mw-ui-button:hover {
  background-color: var(--accent-hover);
  color: #000;
}

/* --- Скроллбар (для Webkit) --- */
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background: var(--bg-dark);
}
::-webkit-scrollbar-thumb {
  background-color: var(--bg-light);
  border: 2px solid var(--bg-dark);
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--accent-color);
}