MediaWiki:Common.css: Difference between revisions

From New Hope UO Wiki
(Black theme setup)
(Vector 2022 black theme setup)
Line 1: Line 1:
/* Complete Black Theme for MediaWiki (Outlands Style) */
/* Complete Black Theme for MediaWiki (Vector 2022 & Vector Legacy) */


html, body, #content, .mw-body, #mw-page-base, #mw-head-base, #mw-head, #mw-panel,  
/* General Backgrounds */
.vector-menu-portal .vector-menu-content, .vector-header {
html, body,  
.mw-page-container,
.mw-page-container-inner,
.vector-header-container,
.vector-header,
.vector-sidebar-container,
.vector-pinned-container,
.vector-main-menu-container,
.vector-sticky-header,
.vector-toc-container,
.mw-content-container,
#content,  
.mw-body,  
#mw-page-base,  
#mw-head-base,  
#mw-head,  
#mw-panel,  
.vector-menu-portal .vector-menu-content,  
footer,
.mw-footer {
     background-color: #000000 !important;
     background-color: #000000 !important;
     background: #000000 !important;
     background: #000000 !important;
     color: #e2e8f0 !important;
     color: #cbd5e1 !important; /* light gray text */
     border-color: #222222 !important;
     border-color: #1f2937 !important; /* dark borders */
}
}


/* Force content borders and backgrounds */
.mw-body {
.mw-body {
     border: 1px solid #222222 !important;
     border: 1px solid #1f2937 !important;
     background-color: #000000 !important;
     background-color: #000000 !important;
}
}


/* Headings */
/* Headings */
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6, .firstHeading {
     color: #eab308 !important; /* Gold */
     color: #eab308 !important; /* Gold */
     font-family: 'Cinzel', Georgia, serif !important;
     font-family: 'Cinzel', Georgia, serif !important;
     border-bottom: 1px solid #222222 !important;
     border-bottom: 1px solid #1f2937 !important;
}
 
/* Page titles */
.mw-page-title-main {
    color: #eab308 !important;
}
}


Line 25: Line 50:
     color: #f59e0b !important;
     color: #f59e0b !important;
     text-decoration: none;
     text-decoration: none;
    transition: color 0.2s ease;
}
}


Line 37: Line 61:
}
}


/* Left sidebar styles */
a.new:hover {
.vector-menu-heading {
    color: #f87171 !important;
}
 
/* Navigation Headers & Text */
.vector-menu-heading, .vector-menu-heading label {
     color: #eab308 !important;
     color: #eab308 !important;
     font-family: 'Cinzel', Georgia, serif !important;
     font-family: 'Cinzel', Georgia, serif !important;
    border-bottom: 1px solid #222222 !important;
     font-weight: bold;
     font-weight: bold;
    padding-top: 10px !important;
}
}


.vector-menu-portal .vector-menu-content-list a {
.vector-menu-portal .vector-menu-content-list a,
     color: #a0aec0 !important;
.vector-main-menu-action a,
.vector-toc-link,
.vector-main-menu-group a {
     color: #9ca3af !important;
}
}


.vector-menu-portal .vector-menu-content-list a:hover {
.vector-menu-portal .vector-menu-content-list a:hover,
.vector-toc-link:hover,
.vector-main-menu-group a:hover {
     color: #eab308 !important;
     color: #eab308 !important;
    background-color: transparent !important;
}
}


/* Tabs */
/* Selected Tabs & Navigation Elements */
.vector-menu-tabs li {
.vector-menu-tabs li {
     background-color: #111111 !important;
     background-color: #111827 !important;
     border: 1px solid #222222 !important;
     border: 1px solid #1f2937 !important;
     border-bottom: none !important;
     border-bottom: none !important;
}
}
Line 63: Line 95:
.vector-menu-tabs li.selected {
.vector-menu-tabs li.selected {
     background-color: #000000 !important;
     background-color: #000000 !important;
     border-color: #222222 !important;
     border-color: #1f2937 !important;
}
}


Line 71: Line 103:


.vector-menu-tabs li a {
.vector-menu-tabs li a {
     color: #a0aec0 !important;
     color: #9ca3af !important;
}
}


/* Tables */
/* Tables styling */
.wikitable {
.wikitable {
     background-color: #09090b !important;
     background-color: #09090b !important;
     color: #e2e8f0 !important;
     color: #cbd5e1 !important;
     border: 1px solid #222222 !important;
     border: 1px solid #1f2937 !important;
}
}


Line 84: Line 116:
     background-color: #18181b !important;
     background-color: #18181b !important;
     color: #eab308 !important;
     color: #eab308 !important;
     border: 1px solid #222222 !important;
     border: 1px solid #1f2937 !important;
     font-family: 'Cinzel', Georgia, serif !important;
     font-family: 'Cinzel', Georgia, serif !important;
}
}


.wikitable td {
.wikitable td {
     border: 1px solid #222222 !important;
     border: 1px solid #1f2937 !important;
}
}


/* Search input */
/* Inputs and Buttons */
#searchInput {
#searchInput {
     background-color: #09090b !important;
     background-color: #09090b !important;
     color: #e2e8f0 !important;
     color: #cbd5e1 !important;
     border: 1px solid #222222 !important;
     border: 1px solid #1f2937 !important;
}
}


Line 102: Line 134:
     background-color: #18181b !important;
     background-color: #18181b !important;
     color: #eab308 !important;
     color: #eab308 !important;
     border: 1px solid #222222 !important;
     border: 1px solid #1f2937 !important;
}
 
/* Hide Vector layout background base layers */
#mw-page-base, #mw-head-base {
    background-image: none !important;
}
 
/* Footer layout cleanup */
.mw-footer li {
    color: #6b7280 !important;
}
}

Revision as of 15:05, 27 June 2026

/* Complete Black Theme for MediaWiki (Vector 2022 & Vector Legacy) */

/* General Backgrounds */
html, body, 
.mw-page-container, 
.mw-page-container-inner, 
.vector-header-container, 
.vector-header, 
.vector-sidebar-container, 
.vector-pinned-container,
.vector-main-menu-container,
.vector-sticky-header,
.vector-toc-container,
.mw-content-container,
#content, 
.mw-body, 
#mw-page-base, 
#mw-head-base, 
#mw-head, 
#mw-panel, 
.vector-menu-portal .vector-menu-content, 
footer, 
.mw-footer {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #cbd5e1 !important; /* light gray text */
    border-color: #1f2937 !important; /* dark borders */
}

/* Force content borders and backgrounds */
.mw-body {
    border: 1px solid #1f2937 !important;
    background-color: #000000 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .firstHeading {
    color: #eab308 !important; /* Gold */
    font-family: 'Cinzel', Georgia, serif !important;
    border-bottom: 1px solid #1f2937 !important;
}

/* Page titles */
.mw-page-title-main {
    color: #eab308 !important;
}

/* Links */
a {
    color: #f59e0b !important;
    text-decoration: none;
}

a:hover {
    color: #fbbf24 !important;
    text-decoration: underline;
}

a.new {
    color: #ef4444 !important;
}

a.new:hover {
    color: #f87171 !important;
}

/* Navigation Headers & Text */
.vector-menu-heading, .vector-menu-heading label {
    color: #eab308 !important;
    font-family: 'Cinzel', Georgia, serif !important;
    font-weight: bold;
}

.vector-menu-portal .vector-menu-content-list a,
.vector-main-menu-action a,
.vector-toc-link,
.vector-main-menu-group a {
    color: #9ca3af !important;
}

.vector-menu-portal .vector-menu-content-list a:hover,
.vector-toc-link:hover,
.vector-main-menu-group a:hover {
    color: #eab308 !important;
    background-color: transparent !important;
}

/* Selected Tabs & Navigation Elements */
.vector-menu-tabs li {
    background-color: #111827 !important;
    border: 1px solid #1f2937 !important;
    border-bottom: none !important;
}

.vector-menu-tabs li.selected {
    background-color: #000000 !important;
    border-color: #1f2937 !important;
}

.vector-menu-tabs li.selected a {
    color: #eab308 !important;
}

.vector-menu-tabs li a {
    color: #9ca3af !important;
}

/* Tables styling */
.wikitable {
    background-color: #09090b !important;
    color: #cbd5e1 !important;
    border: 1px solid #1f2937 !important;
}

.wikitable th {
    background-color: #18181b !important;
    color: #eab308 !important;
    border: 1px solid #1f2937 !important;
    font-family: 'Cinzel', Georgia, serif !important;
}

.wikitable td {
    border: 1px solid #1f2937 !important;
}

/* Inputs and Buttons */
#searchInput {
    background-color: #09090b !important;
    color: #cbd5e1 !important;
    border: 1px solid #1f2937 !important;
}

#searchButton, #searchGoButton {
    background-color: #18181b !important;
    color: #eab308 !important;
    border: 1px solid #1f2937 !important;
}

/* Hide Vector layout background base layers */
#mw-page-base, #mw-head-base {
    background-image: none !important;
}

/* Footer layout cleanup */
.mw-footer li {
    color: #6b7280 !important;
}