Tema True Dark

TRUE DARK

Puta merda, finalmente, um tema de modo escuro que é monocromático

Tema criado por MyrandFox; Variante do Nuliminal;

Tema traduzido por Kattyn;

Para importar este tema em sua página, coloque o seguinte texto dentro dela:

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

Para o monocromático:

[[module css]]
:root{
--bright-accent: 133, 133, 133;
}
[[/module]]

Exemplos

Puta merda, as backrooms.

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

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

+ Titles

crie todos os seus stuffsies malucos aqui

Esta é uma blockquote, criada colocando ">" no início de cada linha.
Mais texto

Isso é uma linha horizontal

Blockquotes aninhadas

E outra¹

Esta é uma	tabela
Você deveria saber	como fazer isso
já

A fonte usada é Chakra Petch.

Nota²
este texto
está aqui
para que você possa
ver como
tudo parece
com formatos diferentes^e
outras coisas
incluindo links que não
randomlinkmomento
E links que existem!

[[div class="lightblock"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

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

[[/div]]

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

[[/div]]

[[div class="logo-block"]]

[[/div]]

[[div class="border-logoblock"]]

[[/div]]

[[div class="dark-borderblock"]]

[[/div]]

[[div class="light-borderblock"]]

[[/div]]

INSERIR TEXTO
[[div class="titleblock"]]
[[span class="titlebox"]]INSERIR TEXTO[[/span]]

[[/div]]

Agradecimentos especiais para VivamusLudio

+ Código do Tema

– hide block

/* Myrand */
 
:root{
--white-monochrome: 60, 60, 60; /* ALTERED */
    --pale-gray-monochrome: 20, 20, 20; /* BG*/
    --light-pale-gray-monochrome: 50, 50, 50;
    --very-light-gray-monochrome: 60, 60, 60;
    --light-gray-monochrome: 165, 160, 155;
    --gray-monochrome: 35, 35, 35; /* sub header */
    --dark-gray-monochrome: 15, 15, 15;
    --black-monochrome: 0, 0, 0;
    --border-monochrome: 40, 150, 150;
    --visited-link: 40, 155, 155;
    --pale-accent: 40, 255, 255; /* links that do exist */
    --bright-accent: 40, 133, 133; /* button hover, text hover, sidemenu collapsible, submenu hover */
    --medium-accent: 30, 30, 30; /* header */
    --dark-accent: 80, 80, 80; /* 1st footer, header menu bg */
    --alt-accent: 255, 20, 20; /* links that do not exist */
--text-monochrome: 255, 255, 255;
 
--visited-link-color: var(--visited-link);
--swatch-border-color: var(--border-monochrome);
--swatch-menubg-color: var(--gray-monochrome);
--swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--black-monochrome);
 
--swatch-menutxt-dark-color: var(--text-monochrome);
    --swatch-menutxt-light-color: var(--text-monochrome);
    --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
 
--ui-button-bg: var(--light-pale-gray-monochrome);
    --ui-button-txt: var(--text-monochrome);
    --ui-button-hover-bg: var(--gray-monochrome);
    --ui-button-hover-txt: var(--text-monochrome);
    --ui-button-hover-outline: var(--pale-accent);
 
/* codeblock */
    --swatch-code-text-comment: 100 255 255;
    --swatch-code-text-quotes: 178 255 255;
    --swatch-code-text-string: 222 255 255;
    --swatch-code-text-identifier: 16 255 255;
    --swatch-code-text-reserved: 90 255 255;
 
/* footnotes hover */
--hoverblock-bg: var(--pale-gray-monochrome);
    --hoverblock-txt: var(--text-monochrome);
    --hoverblock-header-bg: var(--swatch-primary-darker);
    --hoverblock-header-txt: var(--text-monochrome);
    --hoverblock-footer-bg: var(--swatch-tertiary-color);
    --hoverblock-footer-txt: var(--text-monochrome);
 
--swatch-text-dark: var(--text-monochrome);
--swatch-text-light: var(--text-monochrome);
}
 
#main-content {
--ui-icon-color: var(--ui-button-bg);
    --ui-icon-bg: var(--ui-button-bg);
    --ui-icon-hover-color: var(--ui-button-hover-bg);
    --ui-icon-hover-bg: var(--ui-button-hover-bg);
 
/* Editor Buttons */
--editor-icon-color: var(--text-monochrome);
    --editor-icon-hover-color:  var(--black-monochrome);
    --editor-icon-hover-bg: var(--text-monochrome);
    --editor-icon-submenu-bg: var(--black-monochrome);
 
/* footnotes */
--footnotes-footer-bg-color: var(--gray-monochrome);
    --footnotes-footer-colorbar-color: var(--very-light-gray-monochrome);
    --footnotes-footer-title-bg-color: var(--very-light-gray-monochrome);
    --footnotes-footer-title-text-color: var(--swatch-text-secondary-color);
    --footnotes-footer-num-color: var(--pale-accent);
    --footnotes-footer-num-hover-color: var(--bright-accent);
    --footnotes-footer-text-color: var(--swatch-text-general);
 
}
 
#main-content::after {
    height: 13rem;
    border-radius: 0 0.6rem 0.6rem 0;
    background-color: rgb(var(--gray-monochrome));
    top: calc(50vh - 6.5rem);
    background-image: url("http://nuliminal-test.wikidot.com/local--files/component:theme/sidebar-arrows.svg");
}
 
.lightstyled-quote {
   background-color:rgb(var(--bright-accent));
color:rgb(var(--text-monochrome));
   border-left: 0.5rem solid rgba(var(--dark-gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkstyled-quote {
   background-color:rgb(var(--dark-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--bright-accent));
   color:rgb(var(--text-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkstyled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--bright-accent));
color:rgb(var(--text-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);
}
 
.darkblock {
   background-color:rgb(var(--dark-gray-monochrome));
   color:rgb(var(--text-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);
}
 
.dark-borderblock {
    background-color:rgb(var(--dark-gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
 .light-borderblock {
    background-color:rgb(var(--bright-accent));
    color:rgb(var(--text-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);
    border: solid 0.3rem rgb(var(--dark-gray-monochrome));
 }
 .border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
    }
 
    .border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    }
 
    .logoblock{
    padding: 0.01rem 1rem;
    color:rgb(255, 255, 255);
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
    }
 
    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    }
 
.titleblock {
        background-color: rgb(var(--dark-gray-monochrome));
        color:rgb(var(--text-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--bright-accent)) 2px;
     }
 
     .titlebox{
       color: rgb(var(--text-monochrome));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.borderblock {
    background-color:rgb(var(--dark-gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
#page-content .licensebox .collapsible-block-link {
  color: rgb(255, 255, 255);
}

– hide block

revisão da página: 4, última edição: 03 Oct 2025 00:03

Editar Avalie (0) Etiquetas Discutir Histórico Arquivos Impressão Ferramentas do site + Opções

As Backrooms

Filial Lusófona

TRUE DARK

Puta merda, finalmente, um tema de modo escuro que é monocromático

Para o monocromático:

Exemplos

Primeiro Título

Segundo Título

Terceiro Título

Quarto Título

Quinto Título

Sexto Título