MediaWiki:Theme-Seafoam.css

From DREDGE Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
:root,
.theme-Seafoam {
    --wiki-content-background-color:#365444;
    --wiki-content-background-color--rgb:54, 84, 68;
    --wiki-content-background-color--secondary:#1f2827;
    --wiki-content-background-color--secondary--rgb:31, 40, 39;
    --wiki-content-border-color:#1F2827;
    --wiki-content-border-color--rgb:31, 40, 39;
    --wiki-content-link-color:#82BECD;
    --wiki-content-link-color--rgb:130, 190, 205;
    --wiki-content-link-color--visited:#2DCDFF;
    --wiki-content-link-color--visited--rgb:45, 205, 255;
    --wiki-content-link-color--hover:#6fa5ff;
    --wiki-content-link-color--hover--rgb:111, 165, 255;
    --wiki-content-text-mix-color:#8e9d95;
    --wiki-content-text-mix-color--rgb:142, 157, 149;
    --wiki-content-text-mix-color-95:#3f5b4c;
    --wiki-content-text-mix-color-95--rgb:63, 91, 76;

    --wiki-sidebar-background-color:#882A24;
    --wiki-sidebar-background-color--rgb:136, 42, 36;

    --wiki-navigation-background-color:var(--wiki-content-background-color--secondary);
    --wiki-navigation-background-color-rgb:var(--wiki-content-background-color--secondary--rgb);
    --wiki-navigation-background-color--secondary:var(--wiki-content-background-color);
    --wiki-navigation-background-color--secondary--rgb:var(--wiki-content-background-color--rgb);
    --wiki-navigation-border-color:var(--wiki-content-border-color);
    --wiki-navigation-border-color--rgb:var(--wiki-content-border-color--rgb);
}

@media screen and (max-width: 720px) {
    :root {
        --wiki-sidebar-heading-color: #FFF;
    }
    
    #mw-panel {
        background-color: var(--wiki-navigation-background-color--secondary);
    }

    .vector-menu-portal .vector-menu-heading {
        color: var(--wiki-sidebar-heading-color);
    }

    #mw-panel #p-navigation #p-navigation-label::before, #mw-panel #p-lang #p-lang-label::before {
        filter: drop-shadow(0 42px 0 var(--wiki-sidebar-heading-color))
    }
}