MediaWiki:Gadget-heroTheme.css

From Marvel Rivals 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,
/*
STORM
*/
.page-Storm {
    --pi-background: var(--storm-background);
    --pi-secondary-background: var(--storm-secondary-background);
    --pi-secondary-background--rgb: var(--storm-secondary-background--rgb);
    --pi-secondary-background-label: var(--storm-secondary-background-label);
    --pi-border-color: var(--storm-border-color);
}

.view-light .page-Storm {

    --storm-background: #fff;
    --storm-secondary-background: #a9b8cf;
    --storm-secondary-background--rgb: 129, 148, 176;
    --storm-secondary-background-label: #fff;
    --storm-border-color: #a6bdc1;

    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-content-background-color--secondary: var(--storm-secondary-background);
    --wiki-content-border-color: #000;
    --wiki-heading-color: #000;
    --wiki-content-link-color:#4c596b;
    --wiki-sidebar-heading-background-color--desktop: #8194b0;
    --wiki-sidebar-background-color--rgb: 193, 205, 222;
    --wiki-content-background-color--secondary--rgb: 68, 72, 99;
    --wiki-navigation-base-background-color: var(--storm-secondary-background);

}

.view-dark .page-Storm {

    --storm-background: #000000;
    --storm-secondary-background: #253578;
    --storm-secondary-background--rgb: 37, 53, 120;
    --storm-secondary-background-label: #fff;
    --storm-border-color: #1f202a;

    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-content-background-color--secondary: var(--storm-secondary-background);
    --wiki-content-border-color: #49494c;
    --wiki-heading-color: #fff;
    --wiki-content-link-color:#afc6e9;
    --wiki-sidebar-heading-background-color--desktop: #7d8dd2;
    --wiki-sidebar-background-color--rgb: 37, 53, 120;
    --wiki-content-background-color--secondary--rgb: 125, 141, 210;
    --wiki-navigation-base-background-color: var(--storm-secondary-background);

}

/*
MANTIS
*/
.page-Mantis {
    --pi-background: var(--mantis-background);
    --pi-secondary-background: var(--mantis-secondary-background);
    --pi-secondary-background--rgb: var(--mantis-secondary-background--rgb);
    --pi-secondary-background-label: var(--mantis-secondary-background-label);
    --pi-border-color: var(--mantis-border-color);
}

.view-light .page-Mantis {
    --mantis-background: #fff;
    --mantis-secondary-background: #c8e6c9;
    --mantis-secondary-background--rgb: 200, 230, 201;
    --mantis-secondary-background-label: #000;
    --mantis-border-color: #a5d6a7;

    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-content-background-color--secondary: var(--mantis-secondary-background);
    --wiki-content-border-color: #a5d6a7;
    --wiki-heading-color: var(----mantis-secondary-background-label);
    --wiki-content-link-color: #337737;
    --wiki-sidebar-heading-background-color--desktop: #81c784;
    --wiki-sidebar-background-color--rgb: 200, 230, 201;
    --wiki-content-background-color--secondary--rgb: 200, 230, 201;
    --wiki-navigation-base-background-color: var(--mantis-secondary-background);
}

.view-dark .page-Mantis {
    --mantis-background: #000;
    --mantis-secondary-background: #3e5e3e;
    --mantis-secondary-background--rgb: 62, 94, 62;
    --mantis-secondary-background-label: #fff;
    --mantis-border-color: #152615;

    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-content-background-color--secondary: var(--mantis-secondary-background);
    --wiki-content-border-color: #132213;
    --wiki-heading-color: var(--mantis-secondary-background-label);
    --wiki-content-link-color: #b2c393;
    --wiki-sidebar-heading-background-color--desktop: #547754;
    --wiki-sidebar-background-color--rgb: 62, 94, 62;
    --wiki-content-background-color--secondary--rgb: 62, 94, 62;
    --wiki-navigation-base-background-color: var(--mantis-secondary-background);
}

/*
IRON_MAN
*/
.page-Iron_Man {
    --pi-background: var(--iron_man-background);
    --pi-secondary-background: var(--iron_man-secondary-background);
    --pi-secondary-background--rgb: var(--iron_man-secondary-background--rgb);
    --pi-secondary-background-label: var(--iron_man-secondary-background-label);
    --pi-border-color: var(--iron_man-border-color);
}

.view-light .page-Iron_Man {
    --iron_man-background: #fff;
    --iron_man-secondary-background: #e65e5e;
    --iron_man-secondary-background--rgb: 240, 128, 128;
    --iron_man-secondary-background-label: #000;
    --iron_man-border-color: #c26c6c;

    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-content-background-color--secondary: var(--iron_man-secondary-background);
    --wiki-content-border-color: #CD5C5C;
    --wiki-heading-color: var(--iron_man-secondary-background-label);
    --wiki-content-link-color: #4b1313;
    --wiki-sidebar-heading-background-color--desktop: #9c1f1f;
    --wiki-sidebar-background-color--rgb: 240, 128, 128;
    --wiki-content-background-color--secondary--rgb: 240, 128, 128;
    --wiki-navigation-base-background-color: var(--iron_man-secondary-background);
}

.view-dark .page-Iron_Man {
    --iron_man-background: #000;
    --iron_man-secondary-background: #8b2626;
    --iron_man-secondary-background--rgb: 178, 34, 34;
    --iron_man-secondary-background-label: #fff;
    --iron_man-border-color: #330e0e;

    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-content-background-color--secondary: var(--iron_man-secondary-background);
    --wiki-content-border-color: #6b1616;
    --wiki-heading-color: var(--iron_man-secondary-background-label);
    --wiki-content-link-color: #ffd57e;
    --wiki-sidebar-heading-background-color--desktop: #ffce62;
    --wiki-sidebar-background-color--rgb: 178, 34, 34;
    --wiki-content-background-color--secondary--rgb: 178, 34, 34;
    --wiki-navigation-base-background-color: var(--iron_man-secondary-background);
}

/*
BLACK_PANTHER
*/
.page-Black_Panther {
    --pi-background: var(--black_panther-background);
    --pi-secondary-background: var(--black_panther-secondary-background);
    --pi-secondary-background--rgb: var(--black_panther-secondary-background--rgb);
    --pi-secondary-background-label: var(--black_panther-secondary-background-label);
    --pi-border-color: var(--black_panther-border-color);
}

.view-light .page-Black_Panther {
    --black_panther-background: #fff;
    --black_panther-secondary-background: #9893af;
    --black_panther-secondary-background--rgb: 93, 87, 117;
    --black_panther-secondary-background-label: #000;
    --black_panther-border-color: #33284b;

    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-content-background-color--secondary: var(--black_panther-secondary-background);
    --wiki-content-border-color: #352b49;
    --wiki-heading-color: var(--black_panther-secondary-background-label);
    --wiki-content-link-color: #3f2353;
    --wiki-sidebar-heading-background-color--desktop: #382d42;
    --wiki-sidebar-background-color--rgb: 152, 147, 175;
    --wiki-content-background-color--secondary--rgb: 152, 147, 175;
    --wiki-navigation-base-background-color: var(--black_panther-secondary-background);
}

.view-dark .page-Black_Panther {
    --black_panther-background: #000;
    --black_panther-secondary-background: #764c95;
    --black_panther-secondary-background--rgb: 118, 76, 149;
    --black_panther-secondary-background-label: #fff;
    --black_panther-border-color: #4c455a;

    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-content-background-color--secondary: var(--black_panther-secondary-background);
    --wiki-content-border-color: #2F2F2F;
    --wiki-heading-color: var(--black_panther-secondary-background-label);
    --wiki-content-link-color: #eee6fb;
    --wiki-sidebar-heading-background-color--desktop: #cfa4ff;
    --wiki-sidebar-background-color--rgb: 118, 76, 149;
    --wiki-content-background-color--secondary--rgb: 118, 76, 149;
    --wiki-navigation-base-background-color: var(--black_panther-secondary-background);
}
/*
SPIDER-MAN
*/
.page-Spider-Man {
    --pi-background: var(--spider-man-background);
    --pi-secondary-background: var(--spider-man-secondary-background);
    --pi-secondary-background--rgb: var(--spider-man-secondary-background--rgb);
    --pi-secondary-background-label: var(--spider-man-secondary-background-label);
    --pi-border-color: var(--spider-man-border-color);
}

.view-light .page-Spider-Man {
    --spider-man-background: #fff;
    --spider-man-secondary-background: #cce7ff;
    --spider-man-secondary-background--rgb: 204, 231, 255;
    --spider-man-secondary-background-label: #000;
    --spider-man-border-color: #a1c4f2;

    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-content-background-color--secondary: var(--spider-man-secondary-background);
    --wiki-content-border-color: #a1c4f2;
    --wiki-heading-color: var(--spider-man-secondary-background-label);
    --wiki-content-link-color: #1e4b7a;
    --wiki-sidebar-heading-background-color--desktop: #6fa3e3;
    --wiki-sidebar-background-color--rgb: 204, 231, 255;
    --wiki-content-background-color--secondary--rgb: 204, 231, 255;
    --wiki-navigation-base-background-color: var(--spider-man-secondary-background);
}

.view-dark .page-Spider-Man {
    --spider-man-background: #000;
    --spider-man-secondary-background: #243d5e;
    --spider-man-secondary-background--rgb: 36, 61, 94;
    --spider-man-secondary-background-label: #fff;
    --spider-man-border-color: #1a293d;

    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-content-background-color--secondary: var(--spider-man-secondary-background);
    --wiki-content-border-color: #1a293d;
    --wiki-heading-color: var(--spider-man-secondary-background-label);
    --wiki-content-link-color: #82a3d0;
    --wiki-sidebar-heading-background-color--desktop: #3c5b7e;
    --wiki-sidebar-background-color--rgb: 36, 61, 94;
    --wiki-content-background-color--secondary--rgb: 36, 61, 94;
    --wiki-navigation-base-background-color: var(--spider-man-secondary-background);
}