MediaWiki:Common.css: Difference between revisions

From Twisted
No edit summary
No edit summary
Line 1: Line 1:
/* Make navbar and footer dark like the rest */
body,
.navbar, .footer, #mw-head, #mw-panel, .chameleon-navbar, .chameleon-footer, .chameleon-header {
.skin-chameleon,
     background: #11191f !important;
.skin-chameleon .container,
     color: #c4f000 !important;
.skin-chameleon .row,
     border: none !important;
.skin-chameleon .col {
     background: #181d22 !important;
     color: #f0f2f5 !important;
     font-family: 'Inter', 'Roboto', 'Segoe UI', Arial, sans-serif !important;
}
}


/* Fix the Tools dropdown if it’s still light */
a, a:visited, .navbar a, .footer a {
.chameleon-navbar .dropdown-menu, .navbar .dropdown-menu {
     color: #49c8fa !important;
     background: #11191f !important;
     text-decoration: none !important;
     color: #c4f000 !important;
}
}


/* Make sure links in nav/footer still pop */
a:hover, .navbar a:hover, .footer a:hover {
.navbar a, .footer a, .chameleon-navbar a, .chameleon-footer a {
     color: #00aaff !important;
     color: #00ffe7 !important;
    text-decoration: underline !important;
}
}


.navbar a:hover, .footer a:hover, .chameleon-navbar a:hover, .chameleon-footer a:hover {
h1, h2, h3, h4, h5, h6 {
     color: #fff !important;
     color: #fff !important;
    font-family: 'Inter', 'Roboto', 'Segoe UI', Arial, sans-serif !important;
}
}


/* Tweak the search box if needed */
pre, code, .mw-code, .mw-highlight pre {
input[type="search"], .chameleon-search input, .form-control {
     background: #21272e !important;
     background: #171f26 !important;
     color: #6ee7ff !important;
     color: #c4f000 !important;
     font-family: 'JetBrains Mono', 'Consolas', 'monospace' !important;
     border: 1px solid #00ffe7 !important;
    border-radius: 4px;
}
}


body {
table, th, td {
     background: #11191f !important; /* Deep stormy blue */
     background: #22262c !important;
     color: #c4f000 !important; /* Radar green for text */
     color: #f0f2f5 !important;
     font-family: 'Share Tech Mono', 'Consolas', 'monospace', Arial, sans-serif;
     border-color: #32363c !important;
}
}


a, a:visited {
input[type="search"], input[type="text"], .form-control, textarea {
     color: #00ffe7 !important; /* Cyan link like radar UI */
    background: #232a32 !important;
     color: #f0f2f5 !important;
    border: 1px solid #49c8fa !important;
}
}


.navbar, .sidebar, #mw-panel, .mw-portlet, .footer {
.navbar, .footer, .chameleon-navbar, .chameleon-footer, .chameleon-header {
     background: #18232a !important;
     background: #181d22 !important;
    color: #f0f2f5 !important;
     border: none !important;
     border: none !important;
    color: #c4f000 !important;
}
h1, h2, h3, h4, h5, h6 {
    color: #c4f000 !important;
    font-family: 'Share Tech Mono', 'Consolas', 'monospace', Arial, sans-serif;
}
pre, code {
    background: #252e37 !important;
    color: #00ffe7 !important;
    font-family: 'Share Tech Mono', 'Consolas', 'monospace';
}
table, th, td {
    border-color: #00ffe7 !important;
    background: #171f26 !important;
    color: #c4f000 !important;
}
::-webkit-scrollbar {
    background: #1a242c;
    width: 12px;
}
::-webkit-scrollbar-thumb {
    background: #00ffe7;
}
}

Revision as of 23:31, 13 August 2025

body,
.skin-chameleon,
.skin-chameleon .container,
.skin-chameleon .row,
.skin-chameleon .col {
    background: #181d22 !important;
    color: #f0f2f5 !important;
    font-family: 'Inter', 'Roboto', 'Segoe UI', Arial, sans-serif !important;
}

a, a:visited, .navbar a, .footer a {
    color: #49c8fa !important;
    text-decoration: none !important;
}

a:hover, .navbar a:hover, .footer a:hover {
    color: #00aaff !important;
    text-decoration: underline !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #fff !important;
    font-family: 'Inter', 'Roboto', 'Segoe UI', Arial, sans-serif !important;
}

pre, code, .mw-code, .mw-highlight pre {
    background: #21272e !important;
    color: #6ee7ff !important;
    font-family: 'JetBrains Mono', 'Consolas', 'monospace' !important;
    border-radius: 4px;
}

table, th, td {
    background: #22262c !important;
    color: #f0f2f5 !important;
    border-color: #32363c !important;
}

input[type="search"], input[type="text"], .form-control, textarea {
    background: #232a32 !important;
    color: #f0f2f5 !important;
    border: 1px solid #49c8fa !important;
}

.navbar, .footer, .chameleon-navbar, .chameleon-footer, .chameleon-header {
    background: #181d22 !important;
    color: #f0f2f5 !important;
    border: none !important;
}