MediaWiki:Theme-super earth.css

From Helldivers 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.
.view-dark.theme-super_earth {
    --wiki-body-background-image: url("https://helldivers.wiki.gg/images/d/d2/Background_superearth.jpg");
    --wiki-body-background-color: #262626;
    
    --wiki-content-background-color: #393939;
    --wiki-content-background-color--rgb: 38, 38, 38;
    --wiki-content-background-opacity: 1;
    --wiki-content-border-color: #4c4c4c;

    --wiki-content-text-color: #ffffff;
    --wiki-content-link-color: #4c99b9;
    --wiki-content-redlink-color: #ee5454;

    --wiki-heading-color: #ffffff;
    --wiki-sidebar-link-color: #4c99b9;
    --wiki-sidebar-background-color: #202020;
    --wiki-sidebar-background-color--rgb: 32, 32, 32;

    --wiki-accent-color: #5f5f5f;
    --wiki-accent-color--rgb: 95,95,95;

    --wiki-accent-color--hover: #fff;

    --wiki-accent-link-color: #262626;
    --wiki-accent-link-color--rgb: 38, 38, 38;
    --wiki-content-dynamic-color: #5f5f5f;

    --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(4715%) hue-rotate(200deg) brightness(101%) contrast(97%);

    /* Custom Theme Variables */
    --icon-chevron: url(/skins/Vector/resources/skins.vector.styles/images/arrow-down.svg?9426f) 100% 50% no-repeat;
    --icon-logo: url(https://helldivers.wiki.gg/images/f/f4/Superearth_sprite.png);
    /* End of Custom Theme Variables */
    
    .mw-wiki-logo {
        background-image: var(--icon-logo);
    }
    
    h1, hr {
        background-color: unset;
        border-image: repeating-linear-gradient(-15deg,
        var(--wiki-content-text-color),
        var(--wiki-content-text-color) 2px,
        transparent 2px,
        transparent 4px) 1;
        border-bottom: 5px solid;
    }
    
    .vector-menu-portal .vector-menu-heading {
        background-image: repeating-linear-gradient(-45deg,
        var(--wiki-content-background-color),
        var(--wiki-content-background-color) 2px,
        transparent 2px,
        transparent 6px);
        background-size: 100% 4px;
    }
}