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

Версия 13:53, 11 августа 2026

Внимание: Вы редактируете страницу, содержащую текст интерфейса программного обеспечения. Её изменение повлияет на внешний вид интерфейса для других пользователей этой вики.
html.dark-mode,
html.dark-mode body {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

html.dark-mode #mw-page-base,
html.dark-mode #mw-head-base {
    background-color: #121212 !important;
    background-image: none !important;
}

html.dark-mode #content,
html.dark-mode .mw-body,
html.dark-mode #bodyContent,
html.dark-mode .mw-body-content,
html.dark-mode #mw-content-text {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6,
html.dark-mode #firstHeading {
    color: #ffffff !important;
    border-bottom-color: #444 !important;
}

html.dark-mode a,
html.dark-mode a:link {
    color: #6cb6ff !important;
}
html.dark-mode a:visited {
    color: #b794f4 !important;
}
html.dark-mode a:hover {
    color: #90cdf4 !important;
}

html.dark-mode #mw-panel,
html.dark-mode #mw-panel *,
html.dark-mode .mw-sidebar,
html.dark-mode .mw-sidebar * {
    background-color: #161616 !important;
    background-image: none !important;
    color: #d1d5db !important;
}

html.dark-mode #mw-panel a,
html.dark-mode #mw-panel .mw-list-item a,
html.dark-mode #mw-panel .vector-menu-content a {
    color: #a0aec0 !important;
    background-color: transparent !important;
}

html.dark-mode #mw-panel a:hover {
    color: #ffffff !important;
    background-color: #2a2a2a !important;
}

html.dark-mode #p-logo,
html.dark-mode #p-logo a {
    background-color: #161616 !important;
    background-image: none !important;
}

html.dark-mode #mw-panel .portal h3,
html.dark-mode #mw-panel .vector-menu-heading,
html.dark-mode #mw-panel .vector-menu-heading-label {
    color: #e2e8f0 !important;
    background-color: #1f1f1f !important;
    border-color: #333 !important;
}

html.dark-mode #mw-head,
html.dark-mode .mw-header,
html.dark-mode #p-personal,
html.dark-mode #p-namespaces,
html.dark-mode #p-views,
html.dark-mode #p-cactions,
html.dark-mode #p-search {
    background-color: #1a1a1a !important;
    background-image: none !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

html.dark-mode #mw-head a,
html.dark-mode #p-personal a,
html.dark-mode #p-namespaces a,
html.dark-mode #p-views a {
    color: #cbd5e0 !important;
}

html.dark-mode #footer,
html.dark-mode .mw-footer {
    background-color: #121212 !important;
    color: #a0aec0 !important;
    border-top-color: #333 !important;
}

html.dark-mode #footer a {
    color: #6cb6ff !important;
}

html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select,
html.dark-mode #searchInput,
html.dark-mode .mw-ui-input {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

html.dark-mode table,
html.dark-mode .wikitable,
html.dark-mode .mw-datatable,
html.dark-mode .jquery-tablesorter {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

html.dark-mode th {
    background-color: #333 !important;
    color: #ffffff !important;
    border-color: #555 !important;
}

html.dark-mode td {
    background-color: #252525 !important;
    border-color: #444 !important;
}

html.dark-mode .mw-message-box,
html.dark-mode .warningbox,
html.dark-mode .errorbox,
html.dark-mode .successbox,
html.dark-mode .catlinks {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

html.dark-mode pre,
html.dark-mode code,
html.dark-mode .mw-code {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

html.dark-mode img {
    opacity: 0.92;
}

html.dark-mode .toc,
html.dark-mode #toc {
    background-color: #252525 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

/* ===== DARK THEME: ОСНОВНЫЕ ФОНЫ ===== */

html.dark-mode {
    background: #121212 !important;
}

html.dark-mode body {
    background: #121212 !important;
    color: #e6e6e6 !important;
}

html.dark-mode #mw-page-base,
html.dark-mode #mw-head-base {
    background: #121212 !important;
    background-image: none !important;
}

html.dark-mode #content,
html.dark-mode .mw-body,
html.dark-mode #bodyContent,
html.dark-mode .mw-body-content,
html.dark-mode #mw-content-text {
    background: #1b1b1b !important;
}

/* ===== DARK THEME: ТЕКСТ ===== */

html.dark-mode #content,
html.dark-mode .mw-body,
html.dark-mode .mw-body-content,
html.dark-mode #bodyContent {
    color: #e6e6e6 !important;
}

html.dark-mode p,
html.dark-mode li,
html.dark-mode dd,
html.dark-mode dt {
    color: #e6e6e6 !important;
}

html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6,
html.dark-mode #firstHeading {
    color: #f2f2f2 !important;
}

/* ===== DARK THEME: ССЫЛКИ ===== */

html.dark-mode a {
    color: #79aef7 !important;
}

html.dark-mode a:visited {
    color: #a78bfa !important;
}

html.dark-mode a:hover {
    color: #a8c7fa !important;
}

html.dark-mode a:active {
    color: #ffffff !important;
}

/* ===== DARK THEME: ЛЕВОЕ МЕНЮ ===== */

html.dark-mode #mw-panel,
html.dark-mode .vector-sidebar,
html.dark-mode .mw-panel {
    background: #161616 !important;
    color: #d0d0d0 !important;
}

html.dark-mode #mw-panel a,
html.dark-mode .vector-sidebar a,
html.dark-mode .mw-panel a {
    color: #79aef7 !important;
}

html.dark-mode #mw-panel .portal,
html.dark-mode .vector-sidebar .portal {
    border-color: #2e2e2e !important;
}

html.dark-mode #mw-panel .portal .portal-first,
html.dark-mode .vector-sidebar .portal .portal-first {
    color: #eeeeee !important;
}

/* ===== DARK THEME: ВЕРХНЕЕ МЕНЮ ===== */

html.dark-mode .vector-menu-tabs,
html.dark-mode .vector-menu-tabs ul,
html.dark-mode .vector-menu-tabs li {
    background: transparent !important;
    border-color: #3a3a3a !important;
}

html.dark-mode .vector-menu-tabs a,
html.dark-mode .vector-menu-tabs li a {
    color: #bdbdbd !important;
}

html.dark-mode .vector-menu-tabs a:hover,
html.dark-mode .vector-menu-tabs li a:hover {
    background: #242424 !important;
    color: #ffffff !important;
}

/* ===== DARK THEME: ПОИСК ===== */

html.dark-mode #searchInput,
html.dark-mode input[type="search"] {
    background: #181818 !important;
    color: #eeeeee !important;
    border: 1px solid #3d3d3d !important;
}

html.dark-mode #searchInput::placeholder,
html.dark-mode input[type="search"]::placeholder {
    color: #888888 !important;
}

html.dark-mode #searchInput:focus,
html.dark-mode input[type="search"]:focus {
    background: #1c1c1c !important;
    border-color: #6f9fe8 !important;
    outline: none !important;
}

/* ===== DARK THEME: ТАБЛИЦЫ ===== */

html.dark-mode table {
    background: #1b1b1b !important;
    color: #e6e6e6 !important;
    border-color: #3a3a3a !important;
}

html.dark-mode th {
    background: #242424 !important;
    color: #f0f0f0 !important;
    border-color: #3a3a3a !important;
}

html.dark-mode td {
    background: #1b1b1b !important;
    color: #dddddd !important;
    border-color: #3a3a3a !important;
}

html.dark-mode tr:nth-child(even) td {
    background: #202020 !important;
}

/* ===== DARK THEME: ИНФОРМАЦИОННЫЕ БЛОКИ ===== */

html.dark-mode .infobox,
html.dark-mode .wikitable,
html.dark-mode .toc,
html.dark-mode .notice,
html.dark-mode .metadata,
html.dark-mode .mw-warning,
html.dark-mode .mw-message-box {
    background: #222222 !important;
    color: #dddddd !important;
    border-color: #3a3a3a !important;
}

/* ===== DARK THEME: ИЗОБРАЖЕНИЯ ===== */

html.dark-mode .thumb,
html.dark-mode .thumbinner,
html.dark-mode .gallerybox {
    background: #222222 !important;
    color: #b0b0b0 !important;
    border-color: #3a3a3a !important;
}

/* ===== DARK THEME: КОД ===== */

html.dark-mode pre,
html.dark-mode code,
html.dark-mode .mw-code {
    background: #151515 !important;
    color: #dddddd !important;
    border-color: #353535 !important;
}

/* ===== DARK THEME: КНОПКИ ===== */

html.dark-mode button,
html.dark-mode input[type="submit"],
html.dark-mode input[type="button"],
html.dark-mode .mw-ui-button {
    background: #252525 !important;
    color: #eeeeee !important;
    border: 1px solid #414141 !important;
}

html.dark-mode button:hover,
html.dark-mode input[type="submit"]:hover,
html.dark-mode input[type="button"]:hover,
html.dark-mode .mw-ui-button:hover {
    background: #303030 !important;
    color: #ffffff !important;
}

/* ===== DARK THEME: ВЫПАДАЮЩИЕ МЕНЮ ===== */

html.dark-mode .menu,
html.dark-mode .vector-menu-content,
html.dark-mode .suggestions {
    background: #1d1d1d !important;
    color: #eeeeee !important;
    border-color: #3a3a3a !important;
}

html.dark-mode .menu-item:hover,
html.dark-mode .vector-menu-content li:hover {
    background: #292929 !important;
}

/* ===== DARK THEME: РАЗДЕЛИТЕЛИ ===== */

html.dark-mode hr {
    border: 0 !important;
    border-top: 1px solid #363636 !important;
}

html.dark-mode h1,
html.dark-mode h2 {
    border-bottom-color: #3a3a3a !important;
}

/* ===== DARK THEME: ВЫДЕЛЕНИЕ ===== */

html.dark-mode ::selection {
    background: #3d5f8f !important;
    color: #ffffff !important;
}


html.dark-mode #p-logo a.mw-wiki-logo {
    background-image: url("/resources/assets/wiki.png?a790a") !important;
    background-color: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    filter: brightness(1.2) contrast(1.1) saturate(1.1) !important;
}