MediaWiki:Common.css

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
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* ── Happylab Berlin – Dark Theme ── */

:root {
    --hl-bg: #0a0a0a;
    --hl-bg2: #111111;
    --hl-border: #2a2a2a;
    --hl-accent: #39ff14;
    --hl-text: #e0e0e0;
    --hl-muted: #888;
}

/* Hintergrund */
body,
.skin-vector,
.mw-body,
.vector-body,
#content {
    background: var(--hl-bg) !important;
    color: var(--hl-text) !important;
}

/* Header */
.vector-header,
#mw-header,
.mw-header {
    background: #111 !important;
    border-bottom: 1px solid var(--hl-border) !important;
}

/* Sidebar / Navigation */
.vector-column-start,
.vector-main-menu,
#mw-panel,
.vector-toc-available #mw-sidebar-button {
    background: var(--hl-bg2) !important;
    border-right: 1px solid var(--hl-border) !important;
}

/* Inhaltsfläche */
.mw-body-content,
.vector-body-content-container {
    background: var(--hl-bg) !important;
}

/* Links */
a,
a:visited {
    color: var(--hl-accent) !important;
}
a:hover {
    color: #fff !important;
    text-decoration: underline;
}

/* Überschriften */
h1, h2, h3, h4, h5 {
    font-family: monospace !important;
    color: #fff !important;
    border-bottom-color: var(--hl-border) !important;
}

/* Tabs (Lesen / Bearbeiten) */
.vector-menu-tabs .selected a,
.vector-menu-tabs a {
    color: var(--hl-accent) !important;
    background: transparent !important;
    border-color: var(--hl-border) !important;
}

/* Suchfeld */
#searchInput,
.cdx-text-input__input {
    background: #1a1a1a !important;
    color: var(--hl-text) !important;
    border-color: var(--hl-border) !important;
}

/* Suchbutton */
.cdx-button,
#searchButton {
    background: var(--hl-accent) !important;
    color: #000 !important;
    font-family: monospace !important;
    border: none !important;
}

/* Tabellen */
table.wikitable {
    background: var(--hl-bg2) !important;
    border-color: var(--hl-border) !important;
    color: var(--hl-text) !important;
}
table.wikitable th {
    background: #1a1a1a !important;
    border-color: var(--hl-border) !important;
}
table.wikitable td {
    border-color: var(--hl-border) !important;
}

/* Infoboxen / Hinweise */
.mw-message-box,
.successbox, .warningbox, .errorbox {
    border-radius: 2px !important;
}

/* Footer */
#footer,
.mw-footer {
    background: #111 !important;
    border-top: 1px solid var(--hl-border) !important;
    color: var(--hl-muted) !important;
}
#footer a { color: var(--hl-muted) !important; }
#footer a:hover { color: var(--hl-accent) !important; }

/* Seitenleisten-Menü-Titel */
.vector-menu-heading,
.mw-portlet-label {
    color: var(--hl-muted) !important;
    font-family: monospace !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.05em;
}

/* Toolbar */
.vector-page-toolbar {
    background: #111 !important;
    border-bottom: 1px solid var(--hl-border) !important;
}