Skip to content

Haha Dark Mode by archerwuu

Screenshot of Haha Dark Mode

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

¡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.

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;
}
}

Reviews

No reviews yet.