Liminal Greyspace

Mmm, a rating block.

Holy crap it's the Backrooms woah

Hey! Welcome to this theme page!

This theme is essentially supposed to be a dark-mode version of the main Liminal theme because light-mode themes, to me, are like the light of a thousand sun gods forcing their way up out of a cosmic nadir and bursting through my computer screen to terrorize my poor retinas for hundreds of years worth of torture in the span of minutes.

The original idea came from Vivamus's Dark Liminal theme, though I wasn't fond of the overall cooler color scheme. A lot of the stuff here is actually inspired from the Liminal theme while using the Dark Reader Chrome extension, though much is tweaked to be more pleasing on the eyes.

To use it, put the following code on your page:

[[include :backrooms-wiki:theme:liminal-greyspace]]

---

To create these nifty horizontal lines, put five hyphens in a row (-----). They'll go across the whole page unless put inside something such as a blockquote.

---

Horizontal lines not enough for you in terms of separating text? Try a title! Put between one and six +'s at the start of the line, followed by a space.

Woah, a collapsible!

+ Incomprehensibly large

++ Comprehensively large

+++ A bit smaller

++++ Manageable

+++++ Pretty small

++++++ Tiny little text goblin ooh what will it do

---

Example Tab One

This is a tabview setup! And this is one specific tab in a tabview setup!

Example Tab B

You can do these easily!

[[tabview]]
[[tab First]]
Woosh kerblam!
[[/tab]]
[[tab Second]]
Oh god ahrg the pain
[[/tab]]
[[/tabview]]

Example Tab Yellow

You should probably use these in your sandboxes, much easier than creating a new page for each article. Ignore the fact that I made a new sandbox page just to test this theme.

The Mountain King Ritual™ is a multistage aerobic capacity test that...

The Mountain King Ritual™ is a multistage aerobic capacity test that progressively gets more difficult as it continues. The three-minute test will begin in 30 seconds. Line up at the start and punch a wall. The running speed starts slowly, but gets faster every few lines after you hear the song's tempo increase. A single lap should be completed each time you hear the entity speed up. Remember to run in a straight line, and run as long as possible. Upon failing to outrun the entity, your test and likely life is over. The test will begin when the music starts. On your mark, get ready, dun dun dun dun dah duh dah…

Example Tab Cinco

A little text lived in a nest.

Then the little text entered the edgy phase.

Nested stuff can get rather ridiculous.

Looks cool though.

If you can find a legitimate way to use a monstrosity such as this in an article, I applaud you.

Aeugh.

Huh?

:flushed:

Tabception!

---

Block out that quote!
Blockquotes are great for a lot of stuff, from logs to stumps to full-on trees.
> Put a "> " at the start of each line.

---

Nested quotes, oh no.¹

Where did it come from?

Where did it go?

Where did it come from?

Blockquoted Joe

Oh it's over now.

---

This is a	table
I don't know	why it's expected
that everybody should already
knows how to	make these.
In all honesty,	they aren't
particularly intuitive.

---

[[div class="darkblock"]]

Hey, this is pretty dark!

[[/div]]

[[div class="darkerblock"]]

Help I can't see!

[[/div]]

[[div class="lightblock"]]

Discord light mode except not tailored to be completely blinding.

[[/div]]

[[div class="styled-quote"]]

Fancy schmancy.

[[/div]]

[[div class="dark-styled-quote"]]

Comes in a dark version too. How splendid.

[[/div]]

---

Read and lead don't rhyme, but read and lead do. Red and led rhyme too, of course, and both of them rhyme with read and lead, yet don't rhyme with read and lead.

//Read and lead don't rhyme, but read and lead do. Red and led rhyme too, of course, and both of them rhyme with read and lead, yet don't rhyme with read and lead.//

**Read and lead don't rhyme, but read and lead do. Red and led rhyme too, of course, and both of them rhyme with read and lead, yet don't rhyme with read and lead.**

__Read and lead don't rhyme, but read and lead do. Red and led rhyme too, of course, and both of them rhyme with read and lead, yet don't rhyme with read and lead.__

--Read and lead don't rhyme, but read and lead do. Red and led rhyme too, of course, and both of them rhyme with read and lead, yet don't rhyme with read and lead.--

{{Read and lead don't rhyme, but read and lead do. Red and led rhyme too, of course, and both of them rhyme with read and lead, yet don't rhyme with read and lead.}}

[[[Read and lead don't rhyme, but read and lead do. Red and led rhyme too, of course, and both of them rhyme with read and lead, yet don't rhyme with read and lead.]]]

[[[Read and lead don't rhyme, but read and lead do. Red and led rhyme too, of course, and both of them rhyme with read and lead, yet don't rhyme with read and lead.]]]

---

Big and scary theme code.

/* Random Liminal Greyspace theme made by EpicNecromancer */
 
@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
 
: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-tertiary-color: var(--dark-accent);
    --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-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);
}
 
#header {
   --swatch-headerh1-color: var(--black-monochrome);
   --swatch-headerh2-color: var(--black-monochrome);
}
 
#side-bar {
--sidebar-links-hover-bg-color: var(--dark-accent);
--sideblock-heading-text-color: var(--pale-gray-monochrome);
}
 
/* 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);
}
 
#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;
}
 
#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;
}

---

This right here is an author collapsible, where the author can lavish praise all over themselves

Created by EpicNecromancer1 (Author page!), whos absolute hatred of light modes propelled them past the barrier that is their lack of most CSS knowledge beyond the basics.
Thanks to Ross Dear for the greenlight, and Natedagreat563 and CutTheBirch for actually helping me with uploading it to the site (it is a hellish process).

Footnotes

1. The note… has feet? What?