MediaWiki:Common.css

Uwaga: aby zobaczyć zmiany po opublikowaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.

• Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5, lub Ctrl+R (⌘-R na komputerze Mac)
• Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
• Internet Explorer / Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
• Opera: Naciśnij klawisze Ctrl+F5.

/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */

/* ===================== */
/* Tollens Dark Theme     */
/* ===================== */

/* Nadajemy body klasę dark-theme od razu */
body {
    class: dark-theme;
}

/* ===================== */
/* Zmienne CSS dla dark-theme */
body.dark-theme {
    --main-color: 24, 24, 24;
    --text-color: 240, 240, 240;
    --accent-color: 38, 38, 38;
    --header-background-color: 74, 74, 74;
    --redlink-color: 255, 51, 51;
    --important-button-color: 51, 102, 204;
    --unvisited-link-color: 107, 162, 250;
    --visited-link-color: 115, 102, 255;
    --timestamp-link-color: 200, 200, 200;
    --negative-color: 255, 37, 37;
    --positive-color: 41, 202, 44;
    --diff-added-color: 128, 193, 255;
    --diff-deleted-color: 251, 200, 80;
    --accented-border-color: 170, 170, 170;
}

/* ===================== */
/* Globalne poprawki */
/* Poprawiona reguła transparent */
:not(
    .legend-color,
    .legend-content,
    .vjs-control,
    .vjs-control *,
    .mw-tmh-player *,
    .minerva-icon
) {
    box-shadow: none !important;
    /* Usunięto background-color: transparent !important */
}

/* ===================== */
/* Body i artykuł */
body.dark-theme .mw-body {
    background-color: rgb(var(--main-color)) !important;
    color: rgb(var(--text-color)) !important;
}

/* Nagłówki */
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6 {
    color: rgb(var(--text-color)) !important;
}

/* Linki */
body.dark-theme a,
body.dark-theme a:visited {
    color: rgb(var(--unvisited-link-color)) !important;
}
body.dark-theme a:hover {
    color: rgb(var(--visited-link-color)) !important;
}

/* Miniatury */
body.dark-theme .thumb,
body.dark-theme .thumbinner {
    background-color: rgb(var(--accent-color)) !important;
    border: 1px solid rgb(var(--accented-border-color)) !important;
}

/* Nagłówek strony i footer */
body.dark-theme #mw-head,
body.dark-theme #footer {
    background-color: rgb(var(--header-background-color)) !important;
    color: rgb(var(--text-color)) !important;
}

/* ===================== */
/* Tabele i infoboxy – zachowują własne kolory tła */
body.dark-theme table:not([style]),
body.dark-theme .infobox:not([style]),
body.dark-theme .wikitable:not([style]),
body.dark-theme .navbox-list:not([style]),
body.dark-theme .navbox:not([style]) {
    background-color: rgb(var(--accent-color)) !important;
    border-color: rgb(var(--accented-border-color)) !important;
}

/* Tabele z customowym tłem pozostają nienaruszone */

/* ===================== */
/* Przyciski i UI */
body.dark-theme .oo-ui-toolbar-bar,
body.dark-theme .ve-ui-toolbar-saveButton,
body.dark-theme .oo-ui-windowManager-modal .oo-ui-dialog {
    background-color: rgb(var(--accent-color)) !important;
    color: rgb(var(--text-color)) !important;
}

/* Linki w panelu użytkownika */
body.dark-theme #p-personal a,
body.dark-theme #p-personal a:visited {
    color: rgb(var(--text-color)) !important;
}