MediaWiki:Vector.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)
• 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 załadowany przez użytkowników korzystających ze skórki Wektor */

/* Wymuszenie stałego trybu ciemnego */
@media (prefers-color-scheme: light), (prefers-color-scheme: dark), (prefers-color-scheme: no-preference) {
    body, .mw-body, .mw-head, .mw-footer, #mw-panel {
        background-color: #2b2b2b !important;
        color: #cccccc !important;
    }
    
    a {
        color: #ffcc66 !important;
    }
    
    a:visited {
        color: #999999 !important;
    }
    
    a.new, a.new:visited {
        color: #ff6666 !important;
    }

    /* Dodatkowe ciemne tła */
    input, textarea, select, button, table, th, td, div.thumb {
        background-color: #1a1a1a !important;
        color: #cccccc !important;
        border: 1px solid #555 !important;
    }
    
    /* Ciemne ramki na komunikaty */
    .mw-message-box, .toc {
        background-color: #1a1a1a !important;
        border: 1px solid #555 !important;
    }
}


/* DarkVector recreated for Vector 2010 by Mateusz */

body {
    background: linear-gradient(to bottom, #2b2b2b, #1a1a1a);
    color: #cccccc;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#mw-head, #mw-panel, #footer, .mw-body, #content {
    background: #292929;
    color: #cccccc;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    padding: 10px;
}

a {
    color: #ffcc66;
    text-decoration: none;
    transition: color 0.3s;
}

a:hover {
    color: #ffd580;
}

a:visited {
    color: #999999;
}

a.new, a.new:visited {
    color: #ff6666;
}

input, textarea, select, button {
    background-color: #1a1a1a;
    border: 1px solid #555;
    color: #cccccc;
    border-radius: 6px;
    padding: 6px;
}

input:focus, textarea:focus, select:focus {
    border-color: #ffcc66;
    outline: none;
}

div.thumb {
    background-color: #1a1a1a;
    border: 1px solid #555;
    border-radius: 4px;
    overflow: hidden;
}

table, th, td {
    background-color: #1a1a1a;
    border: 1px solid #555;
    color: #cccccc;
}

pre, code {
    background-color: #111;
    border: 1px solid #333;
    padding: 8px;
    border-radius: 4px;
    color: #ffcc66;
}

.toc, .mw-warning, .mw-message-box {
    background: #1a1a1a;
    border: 1px solid #555;
    color: #cccccc;
    border-radius: 8px;
    padding: 10px;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffcc66;
    text-shadow: 1px 1px 2px #000;
}

#p-personal ul, #p-navigation ul, #p-tb ul {
    background-color: #292929;
    border-radius: 5px;
    padding: 5px;
}

#p-personal ul li a, #p-navigation ul li a, #p-tb ul li a {
    color: #ffcc66;
}

#p-personal ul li a:hover, #p-navigation ul li a:hover, #p-tb ul li a:hover {
    color: #ffd580;
}

#footer li {
    color: #cccccc;
}

#siteSub, .mw-authority-controls, .printfooter {
    display: none;
}