MediaWiki:Vector.css: Różnice pomiędzy wersjami
Wygląd
Nie podano opisu zmian |
Nie podano opisu zmian |
||
| Linia 1: | Linia 1: | ||
/* Wymuszenie ciemnego stylu niezależnie od systemu */ | |||
@media (prefers-color-scheme: dark), (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { | |||
/* Wymuszenie | |||
@media (prefers-color-scheme: | body, .mw-body, .mw-head, .mw-footer, #mw-panel, #content, .vector-body { | ||
body, .mw-body, .mw-head, .mw-footer, #mw-panel { | |||
background-color: #2b2b2b !important; | background-color: #2b2b2b !important; | ||
color: #cccccc !important; | color: #cccccc !important; | ||
} | } | ||
/* Linki */ | |||
a { | a { | ||
color: #ffcc66 !important; | color: #ffcc66 !important; | ||
text-decoration: none !important; | |||
transition: color 0.3s; | |||
} | |||
a:hover { | |||
color: #ffd580 !important; | |||
} | } | ||
a:visited { | a:visited { | ||
color: #999999 !important; | color: #999999 !important; | ||
} | } | ||
a.new, a.new:visited { | a.new, a.new:visited { | ||
color: #ff6666 !important; | color: #ff6666 !important; | ||
} | } | ||
/* | /* Formularze, inputy */ | ||
input, textarea, select, button | input, textarea, select, button { | ||
background-color: #1a1a1a !important; | background-color: #1a1a1a !important; | ||
border: 1px solid #555 !important; | |||
color: #cccccc !important; | color: #cccccc !important; | ||
border: | border-radius: 6px !important; | ||
padding: 6px; | |||
} | |||
input:focus, textarea:focus, select:focus { | |||
border-color: #ffcc66 !important; | |||
outline: none !important; | |||
} | } | ||
/* | /* Tabele */ | ||
table, th, td { | |||
background-color: #1a1a1a !important; | background-color: #1a1a1a !important; | ||
border: 1px solid #555 !important; | border: 1px solid #555 !important; | ||
color: #cccccc !important; | |||
border-radius: 4px; | |||
} | } | ||
/* Bloki kodu, pre */ | |||
pre, code { | |||
background-color: #111 !important; | |||
border: 1px solid #333 !important; | |||
padding: 8px; | |||
border-radius: 4px; | |||
color: #ffcc66 !important; | |||
} | |||
/* | /* Komunikaty, boczne menu */ | ||
.mw-message-box, .toc, .vector-menu-content, .vector-menu-portal { | |||
background-color: #1a1a1a !important; | |||
border: 1px solid #555 !important; | |||
color: #cccccc !important; | |||
border-radius: 8px; | |||
padding: 10px; | |||
} | |||
/* Nawigacja osobista */ | |||
#p-personal ul, #p-navigation ul, #p-tb ul { | |||
background-color: #292929 !important; | |||
border-radius: 5px; | |||
} | padding: 5px; | ||
} | |||
# | #p-personal ul li a, #p-navigation ul li a, #p-tb ul li a { | ||
color: #ffcc66 !important; | |||
} | |||
} | |||
a { | #p-personal ul li a:hover, #p-navigation ul li a:hover, #p-tb ul li a:hover { | ||
color: #ffd580 !important; | |||
} | |||
} | |||
/* Dodatkowe panele i detale */ | |||
div.thumb { | |||
} | background-color: #1a1a1a !important; | ||
border: 1px solid #555 !important; | |||
border-radius: 4px; | |||
overflow: hidden; | |||
} | |||
/* Ukrycie zbędnych rzeczy */ | |||
#siteSub, .mw-authority-controls, .printfooter { | |||
} | display: none !important; | ||
} | |||
/* Nagłówki */ | |||
h1, h2, h3, h4, h5, h6 { | |||
} | color: #ffcc66 !important; | ||
text-shadow: 1px 1px 2px #000; | |||
} | |||
/* Stopka */ | |||
#footer li { | |||
color: #cccccc !important; | |||
} | |||
#footer li { | |||
} | |||
} | } | ||
Wersja z 19:11, 22 kwi 2025
/* Wymuszenie ciemnego stylu niezależnie od systemu */
@media (prefers-color-scheme: dark), (prefers-color-scheme: light), (prefers-color-scheme: no-preference) {
body, .mw-body, .mw-head, .mw-footer, #mw-panel, #content, .vector-body {
background-color: #2b2b2b !important;
color: #cccccc !important;
}
/* Linki */
a {
color: #ffcc66 !important;
text-decoration: none !important;
transition: color 0.3s;
}
a:hover {
color: #ffd580 !important;
}
a:visited {
color: #999999 !important;
}
a.new, a.new:visited {
color: #ff6666 !important;
}
/* Formularze, inputy */
input, textarea, select, button {
background-color: #1a1a1a !important;
border: 1px solid #555 !important;
color: #cccccc !important;
border-radius: 6px !important;
padding: 6px;
}
input:focus, textarea:focus, select:focus {
border-color: #ffcc66 !important;
outline: none !important;
}
/* Tabele */
table, th, td {
background-color: #1a1a1a !important;
border: 1px solid #555 !important;
color: #cccccc !important;
border-radius: 4px;
}
/* Bloki kodu, pre */
pre, code {
background-color: #111 !important;
border: 1px solid #333 !important;
padding: 8px;
border-radius: 4px;
color: #ffcc66 !important;
}
/* Komunikaty, boczne menu */
.mw-message-box, .toc, .vector-menu-content, .vector-menu-portal {
background-color: #1a1a1a !important;
border: 1px solid #555 !important;
color: #cccccc !important;
border-radius: 8px;
padding: 10px;
}
/* Nawigacja osobista */
#p-personal ul, #p-navigation ul, #p-tb ul {
background-color: #292929 !important;
border-radius: 5px;
padding: 5px;
}
#p-personal ul li a, #p-navigation ul li a, #p-tb ul li a {
color: #ffcc66 !important;
}
#p-personal ul li a:hover, #p-navigation ul li a:hover, #p-tb ul li a:hover {
color: #ffd580 !important;
}
/* Dodatkowe panele i detale */
div.thumb {
background-color: #1a1a1a !important;
border: 1px solid #555 !important;
border-radius: 4px;
overflow: hidden;
}
/* Ukrycie zbędnych rzeczy */
#siteSub, .mw-authority-controls, .printfooter {
display: none !important;
}
/* Nagłówki */
h1, h2, h3, h4, h5, h6 {
color: #ffcc66 !important;
text-shadow: 1px 1px 2px #000;
}
/* Stopka */
#footer li {
color: #cccccc !important;
}
}