MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(Dark Mode komplett) |
(Full Dark Mode v2) |
||
| Zeile 1: | Zeile 1: | ||
/* ============================================= | /* ============================================= | ||
Metin2 Wiki - | Metin2 Wiki - FULL Dark Mode fuer Vector Skin | ||
============================================= */ | ============================================= */ | ||
/* | /* ALLES dunkel machen */ | ||
body, | html, body, | ||
.skin-vector, | |||
.skin-vector-legacy, | |||
.mw-page-container, | |||
.mw-page-container-inner { | |||
background: #1a1a1a !important; | |||
background-color: #1a1a1a !important; | background-color: #1a1a1a !important; | ||
} | } | ||
/* | /* Hauptcontent-Bereich - DAS WICHTIGSTE */ | ||
.mw-body, | .mw-body, | ||
. | .vector-body, | ||
.vector-body-before-content, | |||
#content, | #content, | ||
#bodyContent, | #bodyContent, | ||
.mw-body-content, | .mw-body-content, | ||
div#content, | |||
.mw- | div.mw-body { | ||
background: #242424 !important; | |||
background-color: #242424 !important; | background-color: #242424 !important; | ||
color: #e0e0e0 !important; | color: #e0e0e0 !important; | ||
border-color: #4a4a4a !important; | |||
} | |||
/* Vector 2022 spezifisch */ | |||
.vector-feature-page-tools-enabled .vector-page-toolbar-container, | |||
.vector-column-start, | |||
.vector-column-end, | |||
.vector-sitenotice-container, | |||
.vector-body-before-content { | |||
background: #242424 !important; | |||
} | } | ||
/* Sidebar | /* Sidebar komplett */ | ||
#mw-panel, | |||
.mw-panel, | .mw-panel, | ||
#mw- | #mw-navigation, | ||
.vector-main-menu, | |||
.vector-main-menu-container, | |||
nav.vector-menu, | |||
.vector-menu-portal, | .vector-menu-portal, | ||
.vector-menu-content | .vector-menu-content { | ||
background: #1a1a1a !important; | |||
# | |||
background-color: #1a1a1a !important; | background-color: #1a1a1a !important; | ||
} | } | ||
. | .vector-menu-portal .vector-menu-heading, | ||
.vector-menu-heading { | .vector-menu-heading { | ||
color: #c9a227 !important; | color: #c9a227 !important; | ||
} | |||
.vector-menu-content-list a { | |||
color: #ffd700 !important; | |||
} | } | ||
/* Header */ | /* Header */ | ||
.mw-header, | #mw-head, .mw-header, | ||
.vector-header, | |||
. | .vector-header-container { | ||
background | background: #1a1a1a !important; | ||
} | } | ||
/* Tabs */ | /* Tabs oben */ | ||
. | .vector-menu-tabs, | ||
.vector-tabs, | .vector-menu-tabs li, | ||
.mw-body- | #p-views, #p-namespaces, | ||
background | .mw-body .vector-page-toolbar { | ||
background: #242424 !important; | |||
} | } | ||
.vector-tabs | .vector-menu-tabs a, | ||
. | .vector-menu-tabs li a { | ||
color: #ffd700 !important; | color: #ffd700 !important; | ||
} | } | ||
.vector-tabs li.selected | .vector-menu-tabs .selected a, | ||
background | .vector-menu-tabs li.selected { | ||
background: #3d3d3d !important; | |||
} | } | ||
/* Footer */ | /* Footer */ | ||
#footer, | #footer, footer, .mw-footer { | ||
.mw- | background: #1a1a1a !important; | ||
footer { | |||
background | |||
color: #888 !important; | color: #888 !important; | ||
} | } | ||
/* | /* Rechte Sidebar (Werkzeuge) */ | ||
# | #mw-panel-toc, | ||
. | .vector-column-end, | ||
. | .vector-page-toolbar, | ||
.vector-page-tools { | |||
background: #1a1a1a !important; | |||
} | } | ||
/* ===== FARBEN ===== */ | |||
/* Links */ | /* Links */ | ||
a { color: #ffd700 !important; } | a { color: #ffd700 !important; } | ||
a:visited { color: #daa520 !important; } | a:visited { color: #daa520 !important; } | ||
a:hover { color: #ffec8b !important; } | a:hover { color: #ffec8b !important; text-decoration: underline !important; } | ||
a.new, a.new:visited { color: #ff6b6b !important; } | a.new, a.new:visited { color: #ff6b6b !important; } | ||
a.external { color: #87ceeb !important; } | |||
/* Ueberschriften */ | /* Ueberschriften */ | ||
h1, h2, h3, h4, h5, h6, | h1, h2, h3, h4, h5, h6, | ||
.mw-headline { | .mw-headline, | ||
#firstHeading, | |||
.mw-first-heading { | |||
color: #c9a227 !important; | color: #c9a227 !important; | ||
} | } | ||
h1, h2 { | |||
border-bottom-color: #4a4a4a !important; | |||
border-bottom: | |||
} | } | ||
/* Tabellen */ | /* Tabellen */ | ||
.wikitable { | table, .wikitable { | ||
background | background: #2d2d2d !important; | ||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
color: #e0e0e0 !important; | color: #e0e0e0 !important; | ||
} | } | ||
.wikitable th { | .wikitable th, table.wikitable th { | ||
background | background: #3d3d3d !important; | ||
color: #c9a227 !important; | color: #c9a227 !important; | ||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
} | } | ||
.wikitable td { | .wikitable td, table.wikitable td { | ||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
background: #2d2d2d !important; | |||
} | } | ||
/* | /* Infobox */ | ||
.infobox { | .infobox, .infobox th, .infobox td { | ||
background | background: #2d2d2d !important; | ||
border-color: #c9a227 !important; | border-color: #c9a227 !important; | ||
color: #e0e0e0 !important; | color: #e0e0e0 !important; | ||
| Zeile 123: | Zeile 145: | ||
.infobox th { | .infobox th { | ||
background | background: #3d3d3d !important; | ||
color: #c9a227 !important; | color: #c9a227 !important; | ||
} | } | ||
/* Kategorien */ | /* Kategorien */ | ||
.catlinks, | #catlinks, .catlinks, .mw-normal-catlinks { | ||
background: #2d2d2d !important; | |||
background | |||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
} | } | ||
| Zeile 136: | Zeile 157: | ||
/* Code */ | /* Code */ | ||
pre, code, .mw-code { | pre, code, .mw-code { | ||
background | background: #1a1a1a !important; | ||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
color: #98fb98 !important; | color: #98fb98 !important; | ||
| Zeile 142: | Zeile 163: | ||
/* TOC */ | /* TOC */ | ||
.toc, #toc { | .toc, #toc, .toctogglecheckbox { | ||
background | background: #2d2d2d !important; | ||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
} | } | ||
/* | /* Suche */ | ||
#simpleSearch, #searchInput, | |||
background | .cdx-text-input__input, | ||
.vector-search-box-input { | |||
background: #2d2d2d !important; | |||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
color: #e0e0e0 !important; | color: #e0e0e0 !important; | ||
} | } | ||
button, .mw-ui-button { | /* Buttons */ | ||
background | button, input[type="submit"], .mw-ui-button { | ||
background: #3d3d3d !important; | |||
border-color: #c9a227 !important; | border-color: #c9a227 !important; | ||
color: #e0e0e0 !important; | color: #e0e0e0 !important; | ||
} | } | ||
/* | /* Bearbeiten */ | ||
#wpTextbox1, textarea { | |||
background: #1a1a1a !important; | |||
. | color: #e0e0e0 !important; | ||
background | border-color: #4a4a4a !important; | ||
} | |||
.editOptions { | |||
background: #242424 !important; | |||
} | } | ||
/* | /* Meldungen */ | ||
. | .mw-message-box, .warningbox, .errorbox { | ||
background | background: #3d3d3d !important; | ||
color: # | border-color: #c9a227 !important; | ||
} | } | ||
/* | /* Spezialseiten-Listen */ | ||
.mw-spcontent, .special { | |||
background: #242424 !important; | |||
} | } | ||
/* | /* Kategorie-Listen */ | ||
. | .mw-category, .mw-category-group { | ||
background | background: #242424 !important; | ||
} | } | ||
# | #mw-subcategories, #mw-pages { | ||
background | background: #242424 !important; | ||
} | } | ||
Version vom 19. Februar 2026, 21:30 Uhr
/* =============================================
Metin2 Wiki - FULL Dark Mode fuer Vector Skin
============================================= */
/* ALLES dunkel machen */
html, body,
.skin-vector,
.skin-vector-legacy,
.mw-page-container,
.mw-page-container-inner {
background: #1a1a1a !important;
background-color: #1a1a1a !important;
}
/* Hauptcontent-Bereich - DAS WICHTIGSTE */
.mw-body,
.vector-body,
.vector-body-before-content,
#content,
#bodyContent,
.mw-body-content,
div#content,
div.mw-body {
background: #242424 !important;
background-color: #242424 !important;
color: #e0e0e0 !important;
border-color: #4a4a4a !important;
}
/* Vector 2022 spezifisch */
.vector-feature-page-tools-enabled .vector-page-toolbar-container,
.vector-column-start,
.vector-column-end,
.vector-sitenotice-container,
.vector-body-before-content {
background: #242424 !important;
}
/* Sidebar komplett */
#mw-panel,
.mw-panel,
#mw-navigation,
.vector-main-menu,
.vector-main-menu-container,
nav.vector-menu,
.vector-menu-portal,
.vector-menu-content {
background: #1a1a1a !important;
background-color: #1a1a1a !important;
}
.vector-menu-portal .vector-menu-heading,
.vector-menu-heading {
color: #c9a227 !important;
}
.vector-menu-content-list a {
color: #ffd700 !important;
}
/* Header */
#mw-head, .mw-header,
.vector-header,
.vector-header-container {
background: #1a1a1a !important;
}
/* Tabs oben */
.vector-menu-tabs,
.vector-menu-tabs li,
#p-views, #p-namespaces,
.mw-body .vector-page-toolbar {
background: #242424 !important;
}
.vector-menu-tabs a,
.vector-menu-tabs li a {
color: #ffd700 !important;
}
.vector-menu-tabs .selected a,
.vector-menu-tabs li.selected {
background: #3d3d3d !important;
}
/* Footer */
#footer, footer, .mw-footer {
background: #1a1a1a !important;
color: #888 !important;
}
/* Rechte Sidebar (Werkzeuge) */
#mw-panel-toc,
.vector-column-end,
.vector-page-toolbar,
.vector-page-tools {
background: #1a1a1a !important;
}
/* ===== FARBEN ===== */
/* Links */
a { color: #ffd700 !important; }
a:visited { color: #daa520 !important; }
a:hover { color: #ffec8b !important; text-decoration: underline !important; }
a.new, a.new:visited { color: #ff6b6b !important; }
a.external { color: #87ceeb !important; }
/* Ueberschriften */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-first-heading {
color: #c9a227 !important;
}
h1, h2 {
border-bottom-color: #4a4a4a !important;
}
/* Tabellen */
table, .wikitable {
background: #2d2d2d !important;
border-color: #4a4a4a !important;
color: #e0e0e0 !important;
}
.wikitable th, table.wikitable th {
background: #3d3d3d !important;
color: #c9a227 !important;
border-color: #4a4a4a !important;
}
.wikitable td, table.wikitable td {
border-color: #4a4a4a !important;
background: #2d2d2d !important;
}
/* Infobox */
.infobox, .infobox th, .infobox td {
background: #2d2d2d !important;
border-color: #c9a227 !important;
color: #e0e0e0 !important;
}
.infobox th {
background: #3d3d3d !important;
color: #c9a227 !important;
}
/* Kategorien */
#catlinks, .catlinks, .mw-normal-catlinks {
background: #2d2d2d !important;
border-color: #4a4a4a !important;
}
/* Code */
pre, code, .mw-code {
background: #1a1a1a !important;
border-color: #4a4a4a !important;
color: #98fb98 !important;
}
/* TOC */
.toc, #toc, .toctogglecheckbox {
background: #2d2d2d !important;
border-color: #4a4a4a !important;
}
/* Suche */
#simpleSearch, #searchInput,
.cdx-text-input__input,
.vector-search-box-input {
background: #2d2d2d !important;
border-color: #4a4a4a !important;
color: #e0e0e0 !important;
}
/* Buttons */
button, input[type="submit"], .mw-ui-button {
background: #3d3d3d !important;
border-color: #c9a227 !important;
color: #e0e0e0 !important;
}
/* Bearbeiten */
#wpTextbox1, textarea {
background: #1a1a1a !important;
color: #e0e0e0 !important;
border-color: #4a4a4a !important;
}
.editOptions {
background: #242424 !important;
}
/* Meldungen */
.mw-message-box, .warningbox, .errorbox {
background: #3d3d3d !important;
border-color: #c9a227 !important;
}
/* Spezialseiten-Listen */
.mw-spcontent, .special {
background: #242424 !important;
}
/* Kategorie-Listen */
.mw-category, .mw-category-group {
background: #242424 !important;
}
#mw-subcategories, #mw-pages {
background: #242424 !important;
}