MJL-S

There's nothing to discuss.

Include this CSS on your page by adding the following code:

[[include :scp-wiki:component:black-highlighter-theme-dev]]
[[include :scp-wiki:component:pride-highlighter |inc-ace-alt= --]]]
[[include :scp-sandbox-3:theme:screamer]]

Show code

:root {
    /* S-CSS-P Integration */
    --theme-base: "black-highlighter";
    --theme-id: "scp-2881-j";
    --theme-name: "Ace Theme";
 
    /* Header */
    --header-title: "SCP Foundation";
    --header-subtitle: "STEAL, CONTROL, PERISH";
 
    /* Standard Colors */
    --white-monochrome: 253, 252, 252;
    --pale-gray-monochrome: 245, 244, 244;
    --light-pale-gray-monochrome: 245, 244, 244;
    --very-light-gray-monochrome: 216, 215, 215;
    --light-gray-monochrome: 161, 160, 160;
    --gray-monochrome: 72, 72, 66;
    --dark-gray-monochrome: 52, 52, 48;
    --black-monochrome: 13, 12, 12;
    --pale-accent: 238, 109, 122;
    --bright-accent: 210, 0, 8;
    --medium-accent: 100, 44, 70;
    --dark-accent: 100, 3, 15;
    --alt-accent: 221, 17, 136;
    --alt-bright-accent: 210, 0, 113;
 
    /* Background and Header Colors */
    --header-gradient-color-middle: var(--white-monochrome);
    --header-gradient-color-top: var(--white-monochrome);
 
    /* Primary Theme Colors */
    --swatch-background: var(--black-monochrome);
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--light-accent);
    /* Primary Text Colors */
    --swatch-text-dark: var(--white-monochrome);
    --swatch-text-light: var(--black-monochrome);
    --swatch-important-text: var(--bright-accent);
 
    /* Primary Header Colors */
    --swatch-headerh1-color: var(--black-monochrome);
    --swatch-headerh2-color: var(--black-monochrome);
    --swatch-topmenu-border-color: var(--white-monochrome);
 
    /* Link Colors */
    --visited-link-color: var(--pale-accent);
 
    /* Rating Module Colors */
    --rating-module-button-color: var(--white-monochrome);
    --rating-module-text-color: var(--very-light-gray-monochrome);
    --rating-module-text-hover-color: var(--swatch-menutxt-light-color);
}
 
/* search */
#search-top-box-input, #search-top-box-input:focus, #search-top-box-input:hover {
    background-color: rgb(var(--dark-gray-monochrome));
}
 
#search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
    color: rgb(var(--pale-gray-monochrome));
    border-color: rgb(var(--pale-gray-monochrome));
}
 
/* divs */
.error-block {
    color: rgb(var(--alt-accent));
}
 
.code {
    background-color: #d8d7d7;
    background-color: rgb(var(--very-light-gray-monochrome,216, 215, 215));
    color:  rgb(var(--black-monochrome));
}
 
.hovertip {
    background: rgb(var(--dark-gray-monochrome));
}
 
.blockquote, blockquote,
.scp-image-caption {
    background-color: rgb(52, 52, 48);
    background-color: rgb(var(--swatch-menubg-dark-color:52, 52, 48))!important;
}
 
#lock-info {
    color: rgb(var(--dark-gray-monochrome));
}
 
/* selection */
::-moz-selection {
    background: rgba(210, 0, 113,.25);
    background: rgba(var(--alt-bright-accent: 210, 0, 113),.25);
}
::selection {
    background: rgba(210, 0, 113,.5);
    background: rgba(var(--alt-bright-accent: 210, 0, 113),.5);
}
 
/* login */
#login-status {
    color: rgb(var(--swatch-menubg-dark-color));
    background-color: rgb(var(--light-gray-monochrome));
    border-radius: 5%;
}
 
#account-options li:hover {
    background-color: rgb(var(--alt-bright-accent));
}
#login-status ul a:hover,
#account-options li a:hover {
    color: rgb(var(--white-monochrome));
}
 
/* header */
#header h1 a:before {
    --text-shadow: none;
    text-shadow: none;
}
 
/* credit button */
.modalbox {
    background: rgb(var(--dark-gray-monochrome));
}
#page-content .modalbox p {
    color: rgb(var(--black-monochrome));
}
 
.creditbutton {
    color: rgb(var(--swatch-text-dark));
}
 
.modalbox h2 {
    color: rgb(var(--black-monochrome));
}
 
#page-content .rate-box-with-credit-button>.creditButton>p>a:before {
    background-color: rgb(var(--rating-module-text-color));
}
#page-content .rate-box-with-credit-button>.creditButton>p>a:hover:before {
    background-color: rgb(255, 246, 6);
}
 
.blockquote, blockquote,
[style="display: inline-block; border:dashed 1px #999999; background:#F5F5F5; float:center; width:84%; padding:1px 15px; margin: 10px 10px 10px 40px"],
[style="display: inline-block; border:dashed 1px #999999; border-radius: 10px; background:#F5F5F5; float:center; width:84%; padding:1px 15px; margin: 10px 10px 10px 40px"] {
    background-color: rgb(52, 52, 48);
    background-color: rgb(var(--swatch-menubg-dark-color:52, 52, 48))!important;
}
 
ul {
    list-style: ">";
}