Vacío RGB

¡Hola, soy yo nuevamente! ¿Cómo estás? Espero que bien, porque este es un tema reciente hecho por mí para todos. Tiene un código MUY simple, pero en serio lo digo, no llega ni a la mitad del código del Tema Backpedia.

De todos modos, este tema fue creado por Error012 de uso general y libre. Si no me crees, revisa las etiquetas de la página.

¿Cómo añadir?:

[[include :es-backrooms-wiki:tema:vacio-rgb]]

Por cierto:
Hay también algunos conjuntos de códigos para hacer que tu tema cambie como tu quieras:

Modo Oscuro

(el tema viene en blanco por defecto)

:root {
/* Colores */
     --white-monochrome: 0, 0, 0;
     --pale-gray-monochrome: 0, 0, 0;
     --light-pale-gray-monochrome: 0, 0, 0;
     --very-light-gray-monochrome: 0, 0, 0;
     --light-gray-monochrome: 255, 255, 255;
     --gray-monochrome: 0, 0, 0;
     --dark-gray-monochrome: 0, 0, 0;
     --black-monochrome: 255, 255, 255;
     --pale-accent: 0, 0, 0;
     --bright-accent: 255, 255, 255;
     --medium-accent: 0, 0, 0;
     --dark-accent: 0, 0, 0;
     --alt-accent: 98, 123, 157;
}

Modo RGB

(por algo se llama "rgb")

:root {
/* Colores */
     --white-monochrome: 255, 0, 0;
     --pale-gray-monochrome: 0, 255, 0;
     --light-pale-gray-monochrome: 255, 255, 255;
     --very-light-gray-monochrome: 255, 255, 255;
     --light-gray-monochrome: 0, 0, 0;
     --gray-monochrome: 0, 0, 255;
     --dark-gray-monochrome: 255, 255, 0;
     --black-monochrome: 0, 0, 0;
     --pale-accent: 255, 255, 255;
     --bright-accent: 0, 0, 0;
     --medium-accent: 0, 255, 255;
     --dark-accent: 255, 0, 255;
     --alt-accent: 98, 123, 157;

/* Color de enlaces */
     --link-color: 0, 255, 255;
     --hover-link-color: 255, 255, 0;
     --visited-link-color: 255, 0, 255;
}

Modo CPY

(cyan, pink, yellow)

:root {
/* Colores */
     --white-monochrome: 0, 255, 255;
     --pale-gray-monochrome: 255, 0, 255;
     --light-pale-gray-monochrome: 255, 255, 255;
     --very-light-gray-monochrome: 255, 255, 255;
     --light-gray-monochrome: 0, 0, 0;
     --gray-monochrome: 255, 255, 0;
     --dark-gray-monochrome: 0, 0, 255;
     --black-monochrome: 0, 0, 0;
     --pale-accent: 255, 255, 255;
     --bright-accent: 0, 0, 0;
     --medium-accent: 255, 0, 0;
     --dark-accent: 0, 255, 0;
     --alt-accent: 98, 123, 157;

/* Color de enlaces */
     --link-color: 255, 0, 0;
     --hover-link-color: 0, 0, 255;
     --visited-link-color: 0, 255, 0;
}

Modo Vieja Escuela

(logo del gem personalizado junto a su propio título y subtitulo)

@import url("https://fonts.googleapis.com/css?family=Kablammo&display=swap");

:root {
/* Estético */
     --header-title: "BACKROOMS - RGB";
     --header-subtitle: "Explora y brilla en la tonalidad chillona.";
     --logo-image: url("http://space-time.wikidot.com/local--files/vacio-rgb/logo-rgb.png");

     --header-font: 'Kablammo', cursive;

/* Encabezado revelado */
     --header-height-on-desktop: 12rem;
     --header-height-on-mobile: 12rem;

/* Variables */
     --header-text-shadow: 3px 2px 3px rgb(255, 255, 255);
     --header-text-shadow-hover: 3px 5px 3px rgb(255, 255, 255);
}

/* Texto del encabezado */
#header h1 a, #header h1 a:before {
     color: rgb(255, 125, 62);
}

#header h2 span::before {
     color: rgb(62, 125, 255);
}

---

Contempla y Sorprendete

Ya deberías saber cómo hacer una línea que divide diferentes secciones (----). Sino, consulta mejor con la guía no oficial de Backrooms. Allí sabrás qué hacer en caso de que te pierdas en la aparente monotonía y te den ganas de escribir como todo un poeta, sabiendo perfectamente que la información va dirigida hacia los exploradores……………..Mejor usa este tema para cegar a todos >=)

---

0 + 1

1 + 1

2 + 1

3 + 1

4 + 1

5 + 1

Esta es una cota 100% verificada

Créeme

No es como las demás

No caigas en las mentiras

O en sus mentiras

Tabla de Contenidos	Aquí no se ve el texto, así que tendrás que improvisar con asteriscos o cambiándole el color
De todas formas, ¿a quién más le gusta los textos ocultos…? ¿Alguien…? ¿Nadie…? Bueno…
Está bien, es entendible.

Pestaña 0

Ya sabes como crearlas…

Pestaña 1

No mientas. ¡Oh! De hecho, no te ocultes en lo blanco, porque tarde o temprano se terminará viendo lo negro.

Pestaña 2 con un título sumamente largo que ocupa dos espacios o más

O sino, haz viceversa con la frase. Es básicamente el Yin y Yang.

Cajas y Cotas Divs

El conocido lightblock.

El también conocido darkblock.

Este es el styled-quote.

Y este es el dark-styled-quote.

---

Enlace inexistente.

Enlace ya visto.

Enlace no visto aún.

Texto normal.

Texto italico.

Texto subrayado.

Texto Mono espaciado.

^{Texto arriba.}

Texto en negrita.

Texto tachado.

_{Texto abajo.}

---

[+] Tema [+]

/* Importación de fuentes */
@import url("https://fonts.googleapis.com/css?family=Londrina+Sketch&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans&display=swap");
@import url("https://fonts.googleapis.com/css?family=Silkscreen&display=swap");
 
:root {
     --theme-base: "black-highlighter";
     --theme-id: "vacio-rgb";
     --theme-name: "Vacío RGB";
 
/* Limpieza */
     --header-title: none;
     --header-subtitle: none;
     --logo-image: none;
     --wallpaper-mask: none;
 
/* Título, subtitulo y logo ocultos */
     --header-height-on-desktop: 0rem;
     --header-height-on-mobile: 0rem;
 
/* Fuentes */
     --body-font: 'DM Sans', sans-serif;
     --UI-font: 'DM Sans', sans-serif;
     --title-font: 'Londrina Sketch', italic;
     --mono-font: 'Silkscreen', monospace;
 
/* Colores */
     --white-monochrome: 255, 255, 255;
     --pale-gray-monochrome: 255, 255, 255;
     --light-pale-gray-monochrome: 255, 255, 255;
     --very-light-gray-monochrome: 255, 255, 255;
     --light-gray-monochrome: 0, 0, 0;
     --gray-monochrome: 255, 255, 255;
     --dark-gray-monochrome: 255, 255, 255;
     --black-monochrome: 0, 0, 0;
     --pale-accent: 255, 255, 255;
     --bright-accent: 0, 0, 0;
     --medium-accent: 255, 255, 255;
     --dark-accent: 255, 255, 255;
     --alt-accent: 255, 0, 0;
 
/* Color de enlaces */
     --link-color: 255, 0, 0;
     --hover-link-color: 0, 0, 255;
     --visited-link-color: 0, 255, 0;
 
/* Cajas div */
 .darkblock {
     color: rgb(255, 255, 255);
     background: rgb(0, 0, 0);
     padding: 0.01rem 1rem;
     margin: 0.5rem 0;
     box-shadow: none;
}
 .lightblock {
     color: rgb(0, 0, 0);
     background: rgb(250, 250, 250);
     padding: 0.01rem 1rem;
     margin: 0.5rem 0;
     box-shadow: none;
}
 
/* Cotas div */
 .styled-quote {
     color: rgb(0, 0, 0);
     background: rgb(250, 250, 250);
     padding: 0.01rem 1rem;
     margin: 0.5rem 0;
     box-shadow: none;
     border-left: solid 6px rgb(0, 0, 0);
}
 .dark-styled-quote {
     color: rgb(255, 255, 255);
     background: rgb(0, 0, 0);
     padding: 0.01rem 1rem;
     margin: 0.5rem 0;
     box-shadow: none;
     border-left: solid 6px rgb(250, 250, 250);
}