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     */
/* ===================== */

body {
  /* Nadajemy od razu klasę dark-theme */
  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;
}

/* Tło i kolor głównej treści artykułu */
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, infoboxy, navboxy */
body.dark-theme table,
body.dark-theme .infobox,
body.dark-theme .navbox {
    background-color: rgb(var(--accent-color)) !important;
    color: rgb(var(--text-color)) !important;
    border-color: rgb(var(--accented-border-color)) !important;
}

/* Przyciski, 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;
}