Jump to content

MediaWiki:Vector.css: Difference between revisions

From Chuckipedia
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 4: Line 4:
body {
body {
     background-color: #2b2b2b; /* Medium-dark gray */
     background-color: #2b2b2b; /* Medium-dark gray */
     color: #e0e0e0; /* Light gray text */
     color: #ffffff; /* White text for contrast */
}
}


/* Links */
/* Links */
a {
a {
     color: #58a6ff; /* Bright blue for normal links */
     color: #7eb6ff; /* Lighter blue for unclicked links */
}
}
a:visited {
a:visited {
     color: #c9a3ff; /* Softer purple to contrast both dark and light backgrounds */
     color: #d3aaff; /* Softer lavender to contrast dark backgrounds */
}
}
a:hover {
a:hover {
     color: #9bcaff; /* Lighter blue on hover */
     color: #b5d9ff; /* Lightest blue on hover */
}
}
a:active {
a:active {
     color: #ffcc66; /* Orange for active/clicked links */
     color: #ffd48a; /* Softer orange for clicked links */
}
}


Line 24: Line 24:
.mw-body {
.mw-body {
     background-color: #333; /* Slightly lighter than body */
     background-color: #333; /* Slightly lighter than body */
    color: #ffffff; /* Inverted text color */
}
}


/* Header - Adjusted to Match Darker Theme */
/* Header - Adjusted to Fix White Banner */
.mw-head {
.mw-head {
     background-color: #2b2b2b; /* Same as body */
     background-color: #2b2b2b; /* Same as body */
     color: #e0e0e0; /* Ensures readability */
     color: #ffffff; /* White text for better contrast */
    border-bottom: 1px solid #444; /* Subtle separation */
}
}


Line 35: Line 37:
#mw-panel {
#mw-panel {
     background-color: #3a3a3a; /* Slightly lighter */
     background-color: #3a3a3a; /* Slightly lighter */
    color: #ffffff; /* Ensure sidebar text is readable */
}
}


Line 40: Line 43:
#p-search input {
#p-search input {
     background-color: #444; /* Darker input field */
     background-color: #444; /* Darker input field */
     color: #e0e0e0;
     color: #ffffff;
     border: 1px solid #555;
     border: 1px solid #555;
}
/* Fix Remaining White Areas */
#mw-page-base, #mw-head-base {
    background-color: #2b2b2b; /* Darken the page base and top bar */
}
}

Revision as of 20:10, 26 February 2025

/* All CSS here will be loaded for users of the Vector skin */

/* Softer Dark Mode for Vector Skin */
body {
    background-color: #2b2b2b; /* Medium-dark gray */
    color: #ffffff; /* White text for contrast */
}

/* Links */
a {
    color: #7eb6ff; /* Lighter blue for unclicked links */
}
a:visited {
    color: #d3aaff; /* Softer lavender to contrast dark backgrounds */
}
a:hover {
    color: #b5d9ff; /* Lightest blue on hover */
}
a:active {
    color: #ffd48a; /* Softer orange for clicked links */
}

/* Main Wiki Content Area */
.mw-body {
    background-color: #333; /* Slightly lighter than body */
    color: #ffffff; /* Inverted text color */
}

/* Header - Adjusted to Fix White Banner */
.mw-head {
    background-color: #2b2b2b; /* Same as body */
    color: #ffffff; /* White text for better contrast */
    border-bottom: 1px solid #444; /* Subtle separation */
}

/* Sidebar Navigation */
#mw-panel {
    background-color: #3a3a3a; /* Slightly lighter */
    color: #ffffff; /* Ensure sidebar text is readable */
}

/* Search Box Background Fix */
#p-search input {
    background-color: #444; /* Darker input field */
    color: #ffffff;
    border: 1px solid #555;
}

/* Fix Remaining White Areas */
#mw-page-base, #mw-head-base {
    background-color: #2b2b2b; /* Darken the page base and top bar */
}