MediaWiki:Common.css

Aus Hytalebase
Zur Navigation springen Zur Suche springen

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
/* =====================================================
   MediaWiki Dark Mode
   Auto-enabled via prefers-color-scheme
   ===================================================== */

@media (prefers-color-scheme: dark) {

    /* ---------- Base ---------- */
    body {
        background-color: #0b1220;
        color: #e5e7eb;
    }

    /* ---------- Headings ---------- */
    h1, h2, h3, h4, h5, h6 {
        color: #f9fafb;
    }

    h1, h2 {
        border-bottom-color: #1f2937;
    }

    /* ---------- Links ---------- */
    a {
        color: #60a5fa;
    }

    a:hover {
        color: #93c5fd;
    }

    /* ---------- Content ---------- */
    .mw-parser-output {
        background: transparent;
    }

    /* ---------- Tables ---------- */
    table.wikitable {
        background: #0f172a;
        color: #e5e7eb;
    }

    table.wikitable th,
    table.wikitable td {
        border-color: #1f2937;
    }

    table.wikitable th {
        background: #111827;
    }

    /* ---------- Code ---------- */
    code {
        background: #111827;
        color: #e5e7eb;
    }

    pre {
        background: #020617;
        color: #e5e7eb;
    }

    /* ---------- Blockquotes ---------- */
    blockquote {
        background: #020617;
        border-left-color: #1f2937;
        color: #cbd5f5;
    }

    /* ---------- Infobox ---------- */
    .infobox {
        background: #0f172a;
        border-color: #1f2937;
        color: #e5e7eb;
    }

    .infobox th {
        background: #111827;
        color: #f9fafb;
    }

    /* ---------- Navigation ---------- */
    #mw-panel {
        background: #020617;
        color: #cbd5f5;
    }

    .vector-menu-heading {
        color: #f9fafb;
    }

    /* ---------- Buttons ---------- */
    .mw-ui-button {
        background: #2563eb;
        color: #ffffff;
    }

    .mw-ui-button:hover {
        background: #3b82f6;
    }

    /* ---------- Footer ---------- */
    #footer {
        background: #020617;
        color: #9ca3af;
    }

    /* ---------- Inputs ---------- */
    input,
    textarea,
    select {
        background: #020617;
        color: #e5e7eb;
        border: 1px solid #1f2937;
    }

    /* ---------- Images ---------- */
    img {
        background: #020617;
    }
}