¡Hola, hola! Este estilo ayuda a visualizar el foro más kuls en modo oscuro para aquellos usuarios que se enceguecen en modo clarín.
Haha Dark Mode by archerwuu
Details
Authorarcherwuu
LicenseOnly four HaHa users
Categoryhttps://haroldharrisoncc.foroactivo.com/
Created
Updated
Size2.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
ATENCIÓN: Si utilizan tablillas externas en modo claro, diferentes a las utilizadas hasta el momento, no las supportea el theme en modo oscuro, puesto que esas tablillas cuentan con sus propiedades únicas. La opción es solicitarme vía MP la renovación del código para oscurecer esas tablillas específicas (no prometo que será ASAP, pero sí intentaré hacerlo).
NOTA: Solo lo probé en Chrome, donde está la extensión que deben instalar en sus navegadores (STYLUS), desconozco si dicha extensión o su paridad funcione en otros navegadores diferentes. Cabe aclarar que este hack NO tiene soporte en móvil, ni en Safari, ya que han descontinuado las extensiones en móvil, por lo que aunque favorece la visualización del foro vía Chrome web, pues tiene su desventaja de que desde el móvil mantendrá su respectivo modo claro.
Source code
/* ==UserStyle==
@name Haha_Dark_Mode
@version 20240929
@namespace ?
==/UserStyle== */
@-moz-document url-prefix("https://haroldharrisoncc.foroactivo.com/") {
:root {
--unreal-0:#1a1a1a;
--unreal-1:#000;
--unreal-2:#1e1e1e;
--unreal-3:#1a1a1a;
--unreal-border:1px solid #444;
--unreal-transparent:#2e2e2ed6;
--unreal-icont1:#3a3a3ad6;
--unreal-icont2:#bfbfbf29;
--unreal-gdt1:#6356b3;
--unreal-text:#c7c7c7;
--color:#c1c1c1!important;
--color-1:#cfcfcf!important;
--bg-1:#171717!important;
--bg-2: #000000!important;
--border:#000!important;
}
.postprofile, .content {
color: #c8c8c8!important;
}
a.forumtitle {
color: #aaa;
}
.ma-jjby {
background: #272727;
}
.sup-jjby, .dta-jjby p, .txt-jjby, .mini-jjby {
background: #171717;
}
.sup-jjby h2 {
--unreal-text2: #dedbdb;
}
.crdts a {
border-color: #000000;
background: #1f1f1f;
}
[data-id="mora_template_6"] .template_content strong {
color: #000!important;
}
.unreal-navegacion usavatar img, .avt1 img, .unr-CTbx4-0 .avt2 img {
object-position: top;
object-fit: cover;
}
div[data-id="mora_template_5"], div[data-id="mora_template_6"], div[data-id="mora_template_7"] {
--bg-1: #070707!important;
--bg-2: #1a1a1a!important;
--color-text: #cfcfcf!important;
--color-1: #cfcfcf!important;
--border: #000!important;
}
div[data-id="template_mora_4"] {
--color: #cfcfcf!important;
}
div[data-id="template_mora_4"]:after, div[data-id="mora_template_5"] .template_content u, div[data-id="template_mora_4"] .template_footer i {
color: #000;
}
.flowersbt-trama {
color: #b0b0b0;
}
.flowers-btramas {
--trbck1: #141414!important;
--trbck2: #060606!important;
--trcolor: #d4d4d4!important;
}
a.flwbt-contacto {
color: #000;
}
.bt003-danceTheNight {
background: #212121;
}
.bt003-danceTheNight-day{
--background-1: #222;
--background-2: #222;
--background-3: #333;
--background-f: #333;
--border: 1px solid #444;
--color:#cfcfcf;
}
div[data-id="mora_template_8"], div[data-id="mora_template_9"] {
--color-1: #cfcfcf!important;
--bg-1: #212121!important;
--bg-2: #1d1d1d!important;
--border: #000000!important;
}
div[data-id="mora_template_10"] {
--color-1: #cfcfcf!important;
--bg-1: #1d1d1d!important;
--bg-2: #222!important;
--border: #000000!important;
}
div[data-id="mora_template_9"] .template_header i {
color: #000!important;
}
#envelope {
--fondoe: #000000;
--fondoe2: #161616;
--textgeneral: #cfcfcf;
--subtitulos: #dcdcdc;
}
}