The Backrooms-IF

/* Random Liminal Greyspace theme made by EpicNecromancer */
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "liminal-greyspace";
   --theme-name: "Liminal Greyspace Theme";
 
   --white-monochrome: 35, 32, 30;
   --pale-gray-monochrome: 27, 26, 24;
   --light-gray-monochrome: 95, 95, 95;
   --gray-monochrome: 66, 64, 60;
   --black-monochrome: 230, 235, 239;
   --bright-accent: 115, 119, 129;
   --medium-accent: 60, 49, 37;
   --dark-accent: 115, 119, 129;
   --pale-accent: 59, 53, 40;
   --dark-gray-monochrome: 207, 207, 203;
 
   --gradient-header: linear-gradient(to top,
      rgba(--medium-accent), 0.20) 0%,
      rgba(var(--medium-accent)) 100%);
 
    --swatch-menubg-color: var(--gray-monochrome);
    --swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
    --swatch-menubg-dark-color: var(--gray-monochrome);
    --swatch-menubg-black-color: var(--gray-monochrome);
    --swatch-menubg-hover-color: var(--gray-monochrome);
    --swatch-menutxt-dark-color: var(--black-monochrome);
    --swatch-menutxt-light-color: var(--black-monochrome);
    --swatch-border-color: var(--gray-monochrome);
 
   --swatch-headerh1-color: var(--black-monochrome);
   --swatch-headerh2-color: var(--black-monochrome);
   --swatch-topmenu-border-color: var(--pale-gray-monochrome);
   --swatch-topmenu-bg-color: var(--pale-gray-monochrome);
 
   --link-color: 217, 46, 83;
   --hover-link-color: 244, 87, 108;
   --visited-link-color: 147, 109, 115;
   --newpage-color: 195, 94, 44;
 
   --background-gradient-distance: 0rem;
 
   --diagonal-stripes: linear-gradient(transparent 0);
 
    --rating-module-button-color: var(--black-monochrome);
    --rating-module-button-plus-color: var(--gray-monochrome);
    --rating-module-button-negative-color: var(--gray-monochrome);
    --rating-module-button-cancel-color: var(--gray-monochrome);
    --rating-module-button-credit-color: 50, 50, 50;
    --rating-module-text-color: var(--black-monochrome);
    --rating-module-text-hover-color: var(--black-monochrome);
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--pale-accent)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
/* sd banner colours */
 
.sd-container {
 
   --sd-border:var(--white-monochrome);
 
   --sd-text:222,222,222;
 
   --sd-symbol:var(--sd-text);
 
   --sd-bullets:var(--sd-text);
 
    --sd-symbol: var(--sd-border) !important;
    --sd-symbol-secondary: 255, 255, 255;
 
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--pale-accent), 0.2) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#footer{
   color: rgb(var(--gray-monochrome));
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    background: rgba(var(--gray-monochrome));
}
 
#login-status {
    color: rgb(var(--black-monochrome));
}
 
#login-status a {
    color: rgb(var(--black-monochrome));
}
 
#login-status ul a {
    color: rgb(var(--gray-monochrome));
}
 
#account-topbutton {
    color: rgb(var(--black-monochrome));
}
 
table.wiki-content-table th {
  background-color: rgb(var(--medium-accent)) !important;
  color: rgb(var(--black-monochrome));
  border-color: rgb(var(--black-monochrome));
}
 
.scp-image-block {
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
blockquote {
   background-color:rgb(var(--medium-accent));
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--medium-accent));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   color:rgb(var(--black-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote a{
  color: rgb(var(--swatch-menubg-medium-color));
}
 
.darkblock {
   background-color:rgb(var(--medium-accent));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   color: rgb(var(--black-monochrome));
}
 
.lightblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--black-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkerblock {
   background-color:rgb(var(--pale-gray-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   color: rgb(var(--black-monochrome));
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
/* Hovering over a tab */
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: rgb(var(--gray-monochrome));
    color: rgb(var(--black-monochrome)) !important;
}
 
/* Selected tab */
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav .selected:hover,
.yui-navset .yui-navset-top .yui-nav .selected:hover {
    color: rgb(var(--black-monochrome));
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    color: rgb(var(--black-monochrome));
}
 
.yui-navset .yui-nav .selected a {
    /* Undoes a color set by wikidot's default layout */
    color: rgb(230, 235, 239) !important;
}
 
#side-bar img {
    filter: invert(calc(230/255));
}