Jump to content

MediaWiki:Vector-dark.css: Difference between revisions

Line 1: Line 1:
/* 🟠 Dark Theme - Header */
#mw-header {
    background-color: #001A33; /* Deep Navy */
    color: #FFFFFF; /* White text */
    border-bottom: 3px solid #FF851B; /* Bright Orange underline */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    padding: 10px;
}
/* 🔗 Links */
#mw-header a {
    color: #FF851B; /* Bright Orange */
    text-decoration: none;
}
#mw-header a:hover {
    color: #FFB84D; /* Soft Peach */
    text-decoration: underline;
}
/* 🟡 Logo */
#mw-header .mw-logo-wordmark {
    font-family: 'Metamorphous', cursive;
    color: #FF851B;
    font-size: 1.8em;
}
/* 🔄 Responsive */
@media (max-width: 768px) {
    #mw-header {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* 🌑 Dark Theme */
/* 🌑 Dark Theme */
.mw-page-container {
.mw-page-container {
Line 192: Line 228:
:root, .skin-vector, .skin-invert, .notheme {
:root, .skin-vector, .skin-invert, .notheme {
    /* Base Colors */
    /* Base Colors */
    --color-base: #001F3F; /* White for primary text */
    --color-base: #FFFFFF; /* White for primary text */
    --color-base-fixed: #FFFFFF;
    --color-base-fixed: #FFFFFF;
    --color-base--hover: #FFB84D; /* Soft Peach for hover */
    --color-base--hover: #FFB84D; /* Soft Peach for hover */