MediaWiki:Common.css: Difference between revisions

Revision as of 06:03, 11 April 2024

/* CSS placed here will be applied to all skins */
/* Set background color to dark */
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 */
}