Link to article: SCP-186.
:root {
--war-vignette-strength: 0.38; /* 0 → none, 0.5 → strong */
--war-grain-strength: 0.06; /* 0 → none, ~0.08 max before it looks noisy */
--war-image-desat: 0.4; /* grayscale amount for images */
--war-image-sat: 0.6; /* residual saturation */
--war-image-contrast: 0.95; /* slightly flatter contrast */
}
:root {
--white-monochrome: 10, 11, 12; /* page bg */
--pale-gray-monochrome: 18, 20, 21; /* UI panels / code blocks */
--very-light-gray-monochrome: 26, 28, 30; /* soft surfaces */
--light-gray-monochrome: 179, 175, 168;
--gray-monochrome: 205, 200, 191;
--dark-gray-monochrome: 222, 217, 206;
--black-monochrome: 232, 227, 216; /* body text (bone‑white) */
--accentColor: 92, 23, 20; /* #5C1714 */
--background-gradient-color: var(--light-gray-monochrome);
--swatch-menubg-dark-color: var(--very-light-gray-monochrome);
--swatch-text-tertiary-color: var(--accentColor);
--ui-button-hover-txt: var(--black-monochrome);
/* --body-font: "IBM Plex Serif", "Source Serif 4", Georgia, "Times New Roman", Times, serif; */
--modal-header-txt: var(--black-monochrome);
--modal-header-bg: var(--white-monochrome);
--hoverblock-header-txt: var(--black-monochrome);
--hoverblock-bg: var(--black-monochrome);
}
html::before {
content: "";
position: fixed; inset: 0; pointer-events: none;
background: radial-gradient(120% 100% at 50% 25%, rgba(0,0,0,0) 40%, rgba(0,0,0,var(--war-vignette-strength)) 100%);
mix-blend-mode: multiply;
z-index: 0; /* behind most stacked site chrome */
}
html::after {
content: "";
position: fixed; inset: 0; pointer-events: none;
/* soft cross‑grain */
background-image:
repeating-linear-gradient(0deg, rgba(255,255,255,0.012) 0, rgba(255,255,255,0.012) 1px, transparent 1px, transparent 2px),
repeating-linear-gradient(90deg, rgba(0,0,0,0.012) 0, rgba(0,0,0,0.012) 1px, transparent 1px, transparent 2px);
opacity: var(--war-grain-strength);
mix-blend-mode: overlay;
z-index: 0;
}
body, #skrollr-body, #content-wrap, #container, #main-content { position: relative; z-index: 1; }
#page-content h1, #page-content h2, #page-content h3, #page-content h4 {
color: rgb(var(--gray-monochrome));
letter-spacing: 0.02em;
font-weight: 600;
}
#page-title, .meta-title {
color: rgb(var(--dark-gray-monochrome));
}
/* #page-content a:link, #page-content a:visited {
color: rgb(var(--accentColor));
text-decoration-thickness: 0.06em;
text-underline-offset: 0.18em;
text-decoration-color: rgba(var(--accentColor), 0.5);
}
*/
/* #page-content a:hover, #page-content a:focus {
color: rgb(var(--black-monochrome));
background-image: linear-gradient(to bottom, transparent 85%, rgba(var(--accentColor),0.22) 85%);
outline: 2px dotted rgba(var(--accentColor), 0.9);
outline-offset: 2px;
} */
#page-content blockquote {
border-left: 0.25rem solid rgba(var(--accentColor), 0.35);
background: rgba(255,255,255,0.02);
}
#page-content hr { border: 0; height: 1px; background: linear-gradient(to right, transparent, rgba(var(--accentColor),0.35), transparent); }
#page-content table, #page-content th, #page-content td {
border-color: rgba(var(--light-gray-monochrome), 0.35);
}
#page-content thead th { color: rgb(var(--black-monochrome)); background: rgba(255,255,255,0.02); }
.scp-image-block { border-color: rgb(var(--pale-gray-monochrome)); box-shadow: 0 0.26rem 0 0 rgba(var(--accentColor), 0.5);}
.scp-image-block img {
filter: grayscale(var(--war-image-desat)) saturate(var(--war-image-sat)) contrast(var(--war-image-contrast));
}
.scp-image-block .scp-image-caption {
background-color: rgb(var(--pale-gray-monochrome));
color: rgb(var(--black-monochrome));
}
.code, .code pre, .code p {
background-color: rgb(var(--pale-gray-monochrome));
color: rgb(var(--black-monochrome));
}
#header { background: none; }
#top-bar { --dropdown-bg-color: var(--dark-gray-monochrome), 0.9; }
#side-bar, #interwiki { --sidebar-links-hover-text-color: var(--black-monochrome); }
.anom-bar-container {
--five-color: var(--accentColor);
--four-color: var(--accentColor);
--three-color: var(--accentColor);
--two-color: var(--accentColor);
--one-color: var(--accentColor);
}
#footer, #license-area {
--hover-link-color: rgb(var(--accentColor));
--swatch-text-secondary-color: var(--black-monochrome);
--white-monochrome: var(--white-monochrome);
}
#page-content { filter: saturate(0.9); }
#page-content sup { color: rgb(var(--dark-gray-monochrome)); }
:scp-wiki:component:info-ayers
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
:scp-wiki:component:djk
[info]
blockquote
blockquote