Jump to content

MediaWiki:Vector-dark.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 162: Line 162:
}
}


:root, .skin-continuum, .skin-invert, .notheme {
:root, .skin-vector, .skin-invert, .notheme {
    /* Base Colors */
    /* Base Colors */
    --color-base: #FFFFFF; /* White for primary text */
    --color-base: #FFFFFF; /* White for primary text */
Line 609: Line 609:
     }
     }
      
      
     /* ===== continuum Specific Tweaks ===== */
     /* ===== vector Specific Tweaks ===== */
     /* Sidebar collapsed state */
     /* Sidebar collapsed state */
     .continuum-menu-tabs li a {
     .vector-menu-tabs li a {
         color: #FF851B;
         color: #FF851B;
     }
     }
      
      
     .continuum-menu-tabs li a:hover {
     .vector-menu-tabs li a:hover {
         color: #FFB84D;
         color: #FFB84D;
     }
     }
      
      
     /* Sticky header in continuum */
     /* Sticky header in vector */
     .continuum-sticky-header {
     .vector-sticky-header {
         background-color: #001A33;
         background-color: #001A33;
         border-bottom: 2px solid #FF851B;
         border-bottom: 2px solid #FF851B;
Line 626: Line 626:
     }
     }
      
      
     .continuum-sticky-header a {
     .vector-sticky-header a {
         color: #FF851B;
         color: #FF851B;
     }
     }
      
      
     .continuum-sticky-header a:hover {
     .vector-sticky-header a:hover {
         color: #FFB84D;
         color: #FFB84D;
     }
     }
     /* Default: No Gradient */
     /* Default: No Gradient */
     a, #mw-head .continuum-menu-dropdown .continuum-menu-heading {
     a, #mw-head .vector-menu-dropdown .vector-menu-heading {
         background-image: none;
         background-image: none;
         background-repeat: no-repeat;
         background-repeat: no-repeat;
Line 642: Line 642:
      
      
     /* Hover: Full Background Gradient */
     /* Hover: Full Background Gradient */
     a:hover, #mw-head .continuum-menu-dropdown .continuum-menu-heading:hover {
     a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover {
         background-image: linear-gradient(to bottom, rgba(255, 133, 27, 0) 0, #FF851B 100%);
         background-image: linear-gradient(to bottom, rgba(255, 133, 27, 0) 0, #FF851B 100%);
         background-repeat: no-repeat;
         background-repeat: no-repeat;
Line 650: Line 650:
      
      
     /* ===== Updated Legacy Tab Selection ===== */
     /* ===== Updated Legacy Tab Selection ===== */
     .continuum-menu-tabs-legacy .selected {
     .vector-menu-tabs-legacy .selected {
         background: #FFB84D; /* Soft Peach for selected tab */
         background: #FFB84D; /* Soft Peach for selected tab */
         color: #001F3F; /* Navy text for contrast */
         color: #001F3F; /* Navy text for contrast */
Line 658: Line 658:
      
      
     /* ===== Hover State for Non-Selected Tabs ===== */
     /* ===== Hover State for Non-Selected Tabs ===== */
     .continuum-menu-tabs-legacy li a:hover {
     .vector-menu-tabs-legacy li a:hover {
         background-color: #FF851B;
         background-color: #FF851B;
         color: #FFFFFF;
         color: #FFFFFF;
Line 664: Line 664:
      
      
     /* ===== Optional: Stronger Highlight for Current Page ===== */
     /* ===== Optional: Stronger Highlight for Current Page ===== */
     .continuum-menu-tabs-legacy .selected a {
     .vector-menu-tabs-legacy .selected a {
         font-weight: bold;
         font-weight: bold;
         color: #001F3F;
         color: #001F3F;
Line 747: Line 747:
     }
     }
      
      
     /* ===== continuum Header Image Fix ===== */
     /* ===== vector Header Image Fix ===== */
     .continuum-header img {
     .vector-header img {
         width: auto;
         width: auto;
         height: auto;
         height: auto;
Line 1,021: Line 1,021:
         border-right: 1px solid #FF851B;
         border-right: 1px solid #FF851B;
     }
     }
     /* ===== continuum Skin Override for Ace Editor ===== */
     /* ===== vector Skin Override for Ace Editor ===== */
     .continuum-body .ace_editor {
     .vector-body .ace_editor {
         background-color: #001933 !important; /* Dark Navy */
         background-color: #001933 !important; /* Dark Navy */
         color: #FFFFFF !important;
         color: #FFFFFF !important;
Line 1,029: Line 1,029:
     }
     }
      
      
     .continuum-body .ace_keyword { color: #FF851B !important; font-weight: bold; } /* Orange */
     .vector-body .ace_keyword { color: #FF851B !important; font-weight: bold; } /* Orange */
     .continuum-body .ace_string { color: #7FDBFF !important; }                    /* Azure */
     .vector-body .ace_string { color: #7FDBFF !important; }                    /* Azure */
     .continuum-body .ace_comment { color: #AAAAAA !important; font-style: italic; } /* Soft Gray */
     .vector-body .ace_comment { color: #AAAAAA !important; font-style: italic; } /* Soft Gray */
     .continuum-body .ace_constant { color: #FF4500 !important; }                  /* Burnt Orange */
     .vector-body .ace_constant { color: #FF4500 !important; }                  /* Burnt Orange */
     .continuum-body .ace_variable { color: #FFD700 !important; }                  /* Gold */
     .vector-body .ace_variable { color: #FFD700 !important; }                  /* Gold */
     .continuum-body .ace_cursor { color: #FF851B !important; }                    /* Bright Orange */
     .vector-body .ace_cursor { color: #FF851B !important; }                    /* Bright Orange */
     .continuum-body .ace_marker-layer .ace_active-line { background-color: rgba(255, 133, 27, 0.15) !important; }
     .vector-body .ace_marker-layer .ace_active-line { background-color: rgba(255, 133, 27, 0.15) !important; }
     .continuum-body .ace_marker-layer .ace_selection { background-color: rgba(255, 133, 27, 0.5) !important; }
     .vector-body .ace_marker-layer .ace_selection { background-color: rgba(255, 133, 27, 0.5) !important; }
      
      
     /* ===== continuum Skin Override for CodeMirror ===== */
     /* ===== vector Skin Override for CodeMirror ===== */
     .continuum-body .CodeMirror {
     .vector-body .CodeMirror {
         background-color: #1e1e1e !important;
         background-color: #1e1e1e !important;
         color: #FFFFFF !important;
         color: #FFFFFF !important;
Line 1,046: Line 1,046:
     }
     }
      
      
     .continuum-body .cm-keyword { color: #FF851B !important; font-weight: bold; }
     .vector-body .cm-keyword { color: #FF851B !important; font-weight: bold; }
     .continuum-body .cm-string { color: #7FDBFF !important; }
     .vector-body .cm-string { color: #7FDBFF !important; }
     .continuum-body .cm-comment { color: #AAAAAA !important; font-style: italic; }
     .vector-body .cm-comment { color: #AAAAAA !important; font-style: italic; }
     .continuum-body .cm-number { color: #FFD700 !important; }
     .vector-body .cm-number { color: #FFD700 !important; }
     .continuum-body .cm-variable { color: #FFB84D !important; }
     .vector-body .cm-variable { color: #FFB84D !important; }
     .continuum-body .cm-def { color: #FF4500 !important; }
     .vector-body .cm-def { color: #FF4500 !important; }
     .continuum-body .CodeMirror-cursor { border-left: 1px solid #FF851B !important; }
     .vector-body .CodeMirror-cursor { border-left: 1px solid #FF851B !important; }
     .continuum-body .CodeMirror-selected { background-color: rgba(255, 133, 27, 0.3) !important; }
     .vector-body .CodeMirror-selected { background-color: rgba(255, 133, 27, 0.3) !important; }
     .continuum-body .CodeMirror-gutters {
     .vector-body .CodeMirror-gutters {
         background-color: #002B5C !important;
         background-color: #002B5C !important;
         color: #FFB84D !important;
         color: #FFB84D !important;
Retrieved from "https://continuum-universes.com/wiki/MediaWiki:Vector-dark.css"