MediaWiki:Common.css

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.

/* Common.css for wiki.playsapiens.com
/* Author: ChillGenXer

/* Import the Sapiens fonts from the official website */
@font-face {
    font-family: 'SapiensLight';
    src: url('/fonts/sapienslight-webfont.woff2') format('woff2'),
         url('/fonts/sapienslight-webfont.woff') format('woff'),
         url('/fonts/sapienslight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Define the Sapiens font */
@font-face {
    font-family: 'Sapiens';
    src: url('/fonts/sapiens-webfont.woff2') format('woff2'),
         url('/fonts/sapiens-webfont.woff') format('woff'),
         url('/fonts/sapiens-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    /* Dark mode on/off (true for dark mode, false for light mode) */
    --dark-mode: true;

    /*********************************************\
    *               Dark Mode Colors             *
    \*********************************************/
    --dark-main-color: #E3E3E3;
    --dark-background-color: #242424;
    --dark-header-color: #FF8815;

    --unvisited-link-color: #51B6DC;
    --visited-link-color: #51B6DC;
    --mouseover-link-color: #51B6DC;
    --selected-link-color: #51B6DC;
    --header-background-color: #353535;
    --code-color: #33CC33;
    --ext-link-color: #51B6DC;
    --ext-link-visited-color: #51B6DC;

    /*********************************************\
    *               Light Mode Colors             *
    \*********************************************/
    --light-main-color: #000000;
    --light-background-color: #FFFFFF;
    --light-header-color: #000000;

    
    /* Default color settings (current dark mode colors) */
    --main-color: var(--dark-main-color);
    --background-color: var(--dark-background-color);
    --header-color: var(--dark-header-color);
  
    /* Fonts */
    --main-font-size: 1.1em;
    --main-font: "Inter var experimental", "Inter var", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --header-font: 'Sapiens';
    --sub-header-font: 'SapiensLight';
    --code-font-family: "Consolas", "Courier New", "monospace";
    
                    /* Colours */
                    --main-bg-color: #242424;
                    --main-font-color: #E3E3E3;
                    --header-font-color: #FF8815;
                    --code-font-color: #33CC33;
                    --main-border-color: #353535;
                    --non-existent-link-color: #954D26;
                    --content-block-title-bkg-color: #353535;

                    /* Game-related reference colors */
                    --game-menu-bg-color: #545454;
                    --game-menu-button-blue: #51B6DC;
                    --game-good-green: #05FF05;
                    --game-bad-red: #FF2121;
                    --game-bad-major: #FF8603;
                    --game-wrong-role: #FFCB0B;
                    --game-timecontrol-sun-yellow: #FFFF51;
                    --game-icon-hand-bg-color: #FF8815;
                    --old-orange-link-color: #EC9448;
}