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

Текущая версия на 17:49, 12 августа 2026

html.dark-mode,
html.dark-mode body {
    background-color: #202231 !important;
    color: #e3e5f0 !important;
}

html.dark-mode #mw-page-base,
html.dark-mode #mw-head-base {
    background-color: #202231 !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: #292c3d !important;
    color: #e3e5f0 !important;
    border-color: #50546b !important;
}

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

html.dark-mode #p-personal,
html.dark-mode #p-personal a {
    color: #dfe1ed !important;
}

html.dark-mode #p-navigation,
html.dark-mode #p-search,
html.dark-mode #left-navigation,
html.dark-mode #right-navigation {
    background-color: transparent !important;
}

html.dark-mode table {
    background-color: #292c3d !important;
    color: #e3e5f0 !important;
    border-color: #50546b !important;
}

html.dark-mode th {
    background-color: #363a50 !important;
    color: #f0f1f7 !important;
    border-color: #50546b !important;
}

html.dark-mode td {
    background-color: #292c3d !important;
    color: #e3e5f0 !important;
    border-color: #50546b !important;
}

html.dark-mode tr:nth-child(even) td {
    background-color: #303449 !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 {
    color: #f0f1f7 !important;
    border-color: #50546b !important;
}

html.dark-mode a {
    color: #8da8ff !important;
}

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

html.dark-mode a:hover {
    color: #c5d2ff !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;
}

html.dark-mode #wpTextbox1 {
    background-color: #202231 !important;
    color: #e3e5f0 !important;
    border: 1px solid #50546b !important;
    caret-color: #ffffff !important;
}

html.dark-mode #wpTextbox1:focus {
    background-color: #25283a !important;
    color: #f0f1f7 !important;
    border-color: #7180a8 !important;
    outline: none !important;
}

html.dark-mode .editOptions {
    background-color: #232638 !important;
    color: #dfe1ed !important;
    border-color: #50546b !important;
}

html.dark-mode #wpSummary {
    background-color: #202231 !important;
    color: #e3e5f0 !important;
    border-color: #50546b !important;
}

html.dark-mode #wpSummary:focus {
    background-color: #25283a !important;
    color: #f0f1f7 !important;
    border-color: #7180a8 !important;
}

html.dark-mode .mw-editform {
    color: #e3e5f0 !important;
}

html.dark-mode a,
html.dark-mode a:visited {
    color: #8da8ff !important;
}

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

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

1
html.dark-mode .previewnote {
    background-color: #303449 !important;
    color: #e8e9f2 !important;
    border-color: #626780 !important;
}

html.dark-mode .previewnote h2 {
    background-color: #454a66 !important;
    color: #f0f1f7 !important;
    border-color: #626780 !important;
}

html.dark-mode .previewnote .warningbox {
    background-color: #3a3e55 !important;
    color: #e8e9f2 !important;
    border-color: #626780 !important;
}

html.dark-mode .previewnote .warningbox b {
    color: #f0f1f7 !important;
}

html.dark-mode .previewnote .warningbox a {
    color: #9db5ff !important;
}

html.dark-mode .mw-syntaxpreview {
    background-color: #292c3d !important;
    color: #e8e9f2 !important;
    border-color: #626780 !important;
}