User:-iviedwall-/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.

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Iceberg&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');
html, body, #content {
    font-family: 'Product Sans', Futura, sans-serif !important;
}
.rootpage-Scratch_Wiki_April_Fools, .rootpage-Scratch_Wiki_April_Fools #content {
    font-family: 'Comic Sans MS', 'Comic Sans', cursive !important; /* Display everything in Comic Sans on AF pages */
}

/* Heading Text Shadow */
h1, #content h2 {
    color: #d60c4c !important;
    text-shadow: -2px -1px 0 #051638, 2px 1px 0 #f37e99;
}
#content h3, #content h4, #content h5, #content h6 {
    text-shadow: -1px -0.5px 0 #051638, 1px 0.5px 0 #f37e99;
}
/* Dark theme color palette */
body.dark-theme {
    --font-color: #eee;
    --dark-bg-1: #262e46;
    --dark-bg-2: #020A1A;
    --dark-bg-3: #1b2e54;
    --dark-bg-4: #051638;
    --dark-bg-5: #ed7a93;
    --dark-border-1: #020a1a;
    --dark-footer: #434156;
    --link-color: #d44e73 !important;
    --button-color: #cf97a3;
}
.dark-theme #view {
    background-color: var(--dark-bg-2);
}
.dark-theme .right .box .box-content, .dark-theme #content .CodeMirror-line {
    background-color: var(--dark-bg-4);
}
.dark-theme #navigation, .dark-theme #navigation .dropdown {
    background-color: var(--dark-bg-5);
    border-color: var(--dark-bg-5);
}
.dark-theme #footer {
    background-color: var(--dark-footer);
}

.dark-theme .mw-ui-button, .dark-theme .oo-ui-buttonElement-button {
    background-color: var(--dark-footer);
}
/* Links */
a:link, .dark-theme a:link {
    color: #d44e73 !important;
}
a:visited, .dark-theme a:visited {
    color: #d60c4c !important;
}
a:hover, .dark-theme a:hover {
    color: #cf97a3 !important;
}
#content a.new, .dark-theme #content a.new {
    color: #ba0000; /* Red links still remain red */
}
/* Highlighting Text */
::selection {color: white; background: #d60c4c;}
::-moz-selection {color: white; background: #d60c4c;}
/* Sticking sidebar */
.left {
    position: sticky;
    top: 0;
}