|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| /* Set background color to dark */
| | #contentSub { display: none !important; } /* Disable subpage navigation */ |
| body {
| |
| background-color: #1e1e1e;
| |
| color: #d4d4d4; /* Set text color to light */
| |
| }
| |
| | |
| /* Header */
| |
| #mw-head {
| |
| background-color: #2c2c2c; /* Dark header background color */
| |
| color: #d4d4d4; /* Set text color to light */
| |
| }
| |
| | |
| /* Footer */
| |
| #footer {
| |
| background-color: #2c2c2c; /* Dark footer background color */
| |
| color: #d4d4d4; /* Set text color to light */
| |
| }
| |
| | |
| /* Links */
| |
| a {
| |
| color: #90caf9; /* Set link color to a light blue */
| |
| }
| |
| | |
| /* Visited links */
| |
| a:visited {
| |
| color: #b39ddb; /* Set visited link color to a light purple */
| |
| }
| |
| | |
| /* Hovered links */
| |
| a:hover {
| |
| color: #ffeb3b; /* Set hover link color to yellow */
| |
| }
| |
| | |
| /* Sidebar */
| |
| #mw-panel { | |
| background-color: #333; /* Dark sidebar background color */
| |
| color: #d4d4d4; /* Set text color to light */
| |
| }
| |
| | |
| /* Vector specific changes */
| |
| .vectorTabs .selected {
| |
| background-color: #333; /* Darken the selected tab color */
| |
| color: #ffeb3b; /* Set text color to yellow */
| |
| } | |
| | |
| .vectorMenu .menu {
| |
| background-color: #333; /* Darken the menu background color */
| |
| color: #d4d4d4; /* Set text color to light */
| |
| }
| |
| | |
| .vectorMenu .menu a {
| |
| color: #90caf9; /* Set menu link color to a light blue */
| |
| }
| |
| | |
| /* Enhance readability of table elements */
| |
| table {
| |
| background-color: #333; /* Darken the table background color */
| |
| }
| |
| | |
| table th, table td {
| |
| border-color: #666; /* Darken the table border color */
| |
| }
| |
| | |
| /* Code blocks */
| |
| pre, code {
| |
| background-color: #333; /* Darken the code block background color */
| |
| color: #d4d4d4; /* Set code text color to light */
| |
| }
| |
