Tema Liminal Escuro

Este Tema foi criado por VivamusLudio.

Para importar este tema, inclua isso em qualquer página:

[[include :pt-br-backrooms-wiki:theme:dark-liminal]]

Exemplos

Escuro

Uma régua horizontal pode ser criada com 5 hifens "-----" e se estende por toda a página se não for colocada dentro de nada (por exemplo, um blockquote). As linhas que separam as seções deste documento são regras horizontais.

---

Os títulos podem ser criados colocando entre um e seis "+" no início da linha

+ Títulos

Primeiro Título

Segundo Título

Terceiro Título

Quarto Título

Quinto Título

Sexto Título

Tab 1

Tab 1, pode colocar texto aqui.

Tab 2

Tab 2, pode colocar mais texto aqui.

Tab Longa

Isso é uma Tab Longa, um monte de texto está aqui.

Isso é uma Tab Longa, um monte de texto está aqui.

Isso é uma Tab Longa, um monte de texto está aqui.

Isso é uma Tab Longa, um monte de texto está aqui.

Isso é uma Tab Longa, um monte de texto está aqui.

Isso é uma Tab Longa, um monte de texto está aqui.

Isso é uma Tab Longa, um monte de texto está aqui.

Isso é uma Tab Longa, um monte de texto está aqui.

Isso é uma Tab Longa, um monte de texto está aqui.

Isso é uma Tab Longa, um monte de texto está aqui.

Tab Vazia

Tab Vazia

Tab Vazia

Tab Vazia

Tab Vazia

Tab Vazia

Tab Vazia

Tab Vazia

Tá vazia, sério.

Isto é uma blockquote, você pode criar um colocando ">" antes do texto.

---

Uma Régua Horizontal também pode ser colocada em blockquotes.

Blockquote aninhada.

Outra.¹

Estamos de volta.

Isto é	uma tabela
Você deve saber	como fazer uma
provavelmente

[[div class="darkblock"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

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

[[/div]]

---

+ Código do Tema

/*=== ROOT VARS ===*/
:root {
    /*=== S-CSS-P ===*/
    --theme-base: "black-highlighter";
    --theme-id: "nuterminal";
    --theme-name: "NuTerminal Theme";
 
    /*=== Colors ===*/
    /*== Basic Colors ==*/
 
   --black-monochrome: 0, 4, 15;
   --dark-gray-monochrome: 18, 22, 32;
   --gray-monochrome: 95, 95, 95;
   --light-gray-monochrome: 115, 119, 129;
   --pale-gray-monochrome: 207, 210, 216;
   --white-monochrome: 230, 235, 239;
   --bright-accent: 115, 119, 129;
   --medium-accent: 0, 4, 15;
   --dark-accent: 115, 119, 129;
   --pale-accent: 115, 119, 129;
 
    /*== Swatches ==*/
    --swatch-background: var(--dark-gray-monochrome);
    --swatch-primary: var(--light-gray-monochrome);
    --swatch-primary-darker: var(--gray-monochrome);
    --swatch-primary-darkest: var(--light-gray-monochrome);
    --swatch-border-color: var(--white-monochrome);
 
    --swatch-text-dark: var(--black-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-text-general: var(--swatch-text-light);
    --swatch-important-text: var(--pale-accent);
 
    --swatch-menubg-color: var(--black-monochrome);
    --swatch-menubg-light-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-color: var(--gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--black-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--gray-monochrome);
 
    --swatch-menutxt-dark-color: var(--black-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
    --sideblock-heading-text-color: var(--swatch-menutxt-general-color);
 
    --swatch-secondary-color: var(--black-monochrome);
    --swatch-tertiary-color: var(--pale-gray-monochrome);
    --swatch-alternate-color: var(--pale-gray-monochrome);
 
    --swatch-text-secondary-color: var(--white-monochrome);
    --swatch-text-tertiary-color: var(--white-monochrome);
 
    --footer-text-color: var(--black-monochrome);
    --license-text-color: var(--black-monochrome);
 
    --gradient-header: linear-gradient(to top,
        rgba(var(--medium-accent)) 0%,
        rgba(var(--medium-accent), 0.3) 100%
    );
}
 
/*=== FOOTER ===*/
#footer {
   --footer-text-color: inherit;
   --footer-link-color: var(--black-monochrome);
}
 
#license-area {
   --license-text-color: inherit;
   --license-link-color: var(--black-monochrome);
}
 
/*=== Div Boxes ===*/
.darkerblock {
    color: rgb(var(--white-monochrome));
    background: rgb(var(--black-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
}
 
.styled-quote {
    border-left: solid 6px rgb(var(--black-monochrome));
}
 
/*=== Dots ===*/
#container {
   background-image: radial-gradient(circle, rgb(var(--black-monochrome), 0.40) 50%, transparent 0);
}
 
/*=== SD COLOURS ===*/
.sd-container {
   --sd-border:var(--white-monochrome);
   --sd-text:222,222,222;
   --sd-symbol:var(--sd-text);
   --sd-bullets:var(--sd-text);
}

Notas de rodapé

1. Footnotes em blockquotes :)