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

Версия 13:26, 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 {
    background-color: #161616 !important;
}

html.dark-mode #mw-panel .portal,
html.dark-mode #mw-panel .body,
html.dark-mode #mw-panel .vector-menu-content {
    background-color: #161616 !important;
}

html.dark-mode #mw-panel a,
html.dark-mode #mw-panel .vector-menu-content a {
    color: #a0aec0 !important;
}
html.dark-mode #mw-panel a:hover {
    color: #ffffff !important;
}

html.dark-mode #p-logo {
    background-color: transparent !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;
}

html.dark-mode #mw-panel,
html.dark-mode #mw-panel .portal,
html.dark-mode #mw-panel .body,
html.dark-mode #mw-panel .vector-menu,
html.dark-mode #mw-panel .vector-menu-content,
html.dark-mode #mw-panel .vector-menu-content-list,
html.dark-mode .mw-sidebar,
html.dark-mode .vector-sitenotice-container {
    background-color: #161616 !important;
    background-image: none !important;
    color: #d1d5db !important;
    border-color: #333 !important;
}

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

html.dark-mode #mw-panel a:hover,
html.dark-mode #mw-panel .vector-menu-content a:hover,
html.dark-mode .mw-sidebar a:hover {
    color: #ffffff !important;
    background-color: #2d2d2d !important;
}

html.dark-mode #p-logo,
html.dark-mode #p-logo a,
html.dark-mode #p-logo img {
    background-color: transparent !important;
}

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