MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus GreenWay2 WIKI
Zur Navigation springen Zur Suche springen
(Dark Mode komplett)
(Full Dark Mode v2)
Zeile 1: Zeile 1:
/* =============================================
/* =============================================
   Metin2 Wiki - Vollstaendiger Dark Mode
   Metin2 Wiki - FULL Dark Mode fuer Vector Skin
   ============================================= */
   ============================================= */


/* Basis */
/* ALLES dunkel machen */
body, html {
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;
    color: #e0e0e0 !important;
}
}


/* Hauptcontainer */
/* Hauptcontent-Bereich - DAS WICHTIGSTE */
.mw-body,
.mw-body,
.mw-page-container,
.vector-body,
.vector-body-before-content,
#content,
#content,
#bodyContent,
#bodyContent,
.mw-body-content,
.mw-body-content,
.vector-body,
div#content,
.mw-parser-output {
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/Navigation */
/* Sidebar komplett */
#mw-panel,
.mw-panel,
.mw-panel,
#mw-panel,
#mw-navigation,
.vector-main-menu,
.vector-main-menu-container,
nav.vector-menu,
.vector-menu-portal,
.vector-menu-portal,
.vector-menu-content,
.vector-menu-content {
#p-logo,
    background: #1a1a1a !important;
#p-navigation,
#p-tb,
#p-search,
.mw-portlet,
.mw-portlet-body {
     background-color: #1a1a1a !important;
     background-color: #1a1a1a !important;
}
}


.mw-portlet-heading,
.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,
#mw-head,
.vector-header,
.mw-header-container {
.vector-header-container {
     background-color: #1a1a1a !important;
     background: #1a1a1a !important;
}
}


/* Tabs */
/* Tabs oben */
.mw-body .vector-tabs,
.vector-menu-tabs,
.vector-tabs,
.vector-menu-tabs li,
.mw-body-header {
#p-views, #p-namespaces,
     background-color: #242424 !important;
.mw-body .vector-page-toolbar {
     background: #242424 !important;
}
}


.vector-tabs li a,
.vector-menu-tabs a,
.mw-body-header a {
.vector-menu-tabs li a {
     color: #ffd700 !important;
     color: #ffd700 !important;
}
}


.vector-tabs li.selected a {
.vector-menu-tabs .selected a,
     background-color: #3d3d3d !important;
.vector-menu-tabs li.selected {
     background: #3d3d3d !important;
}
}


/* Footer */
/* Footer */
#footer,
#footer, footer, .mw-footer {
.mw-footer,
     background: #1a1a1a !important;
footer {
     background-color: #1a1a1a !important;
     color: #888 !important;
     color: #888 !important;
}
}


/* Suche */
/* Rechte Sidebar (Werkzeuge) */
#searchInput,
#mw-panel-toc,
.mw-searchInput,
.vector-column-end,
.cdx-text-input__input {
.vector-page-toolbar,
    background-color: #2d2d2d !important;
.vector-page-tools {
    border-color: #4a4a4a !important;
     background: #1a1a1a !important;
     color: #e0e0e0 !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;
    border-bottom-color: #4a4a4a !important;
}
}


.mw-body h1, .mw-body-content h1,
h1, h2 {
.mw-body h2, .mw-body-content h2 {
     border-bottom-color: #4a4a4a !important;
     border-bottom: 1px solid #4a4a4a !important;
}
}


/* Tabellen */
/* Tabellen */
.wikitable {
table, .wikitable {
     background-color: #2d2d2d !important;
     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-color: #3d3d3d !important;
     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;
}
}


/* Infoboxen */
/* Infobox */
.infobox {
.infobox, .infobox th, .infobox td {
     background-color: #2d2d2d !important;
     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-color: #3d3d3d !important;
     background: #3d3d3d !important;
     color: #c9a227 !important;
     color: #c9a227 !important;
}
}


/* Kategorien */
/* Kategorien */
.catlinks,
#catlinks, .catlinks, .mw-normal-catlinks {
#catlinks {
     background: #2d2d2d !important;
     background-color: #2d2d2d !important;
     border-color: #4a4a4a !important;
     border-color: #4a4a4a !important;
}
}
Zeile 136: Zeile 157:
/* Code */
/* Code */
pre, code, .mw-code {
pre, code, .mw-code {
     background-color: #1a1a1a !important;
     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-color: #2d2d2d !important;
     background: #2d2d2d !important;
     border-color: #4a4a4a !important;
     border-color: #4a4a4a !important;
}
}


/* Formulare und Buttons */
/* Suche */
input, textarea, select {
#simpleSearch, #searchInput,
     background-color: #2d2d2d !important;
.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-color: #3d3d3d !important;
button, input[type="submit"], .mw-ui-button {
     background: #3d3d3d !important;
     border-color: #c9a227 !important;
     border-color: #c9a227 !important;
     color: #e0e0e0 !important;
     color: #e0e0e0 !important;
}
}


/* Special Pages */
/* Bearbeiten */
.mw-special-Recentchanges,
#wpTextbox1, textarea {
.mw-special-Allpages,
    background: #1a1a1a !important;
.mw-special-Search {
    color: #e0e0e0 !important;
     background-color: #242424 !important;
    border-color: #4a4a4a !important;
}
 
.editOptions {
     background: #242424 !important;
}
}


/* Diff */
/* Meldungen */
.diff-context {
.mw-message-box, .warningbox, .errorbox {
     background-color: #2d2d2d !important;
     background: #3d3d3d !important;
     color: #e0e0e0 !important;
     border-color: #c9a227 !important;
}
}


/* Page history */
/* Spezialseiten-Listen */
#pagehistory li {
.mw-spcontent, .special {
     border-color: #4a4a4a !important;
     background: #242424 !important;
}
}


/* Bearbeiten-Seite */
/* Kategorie-Listen */
.editOptions, .mw-editform {
.mw-category, .mw-category-group {
     background-color: #242424 !important;
     background: #242424 !important;
}
}


#wpTextbox1 {
#mw-subcategories, #mw-pages {
     background-color: #1a1a1a !important;
     background: #242424 !important;
    color: #e0e0e0 !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;
}