Saltar al contenido principal

PALETA PRINCIPAL (RGB MODE)

Modo de Pantalla Nativo. Nuestro sistema cromático base está construido con píxeles RGB iluminados, nunca con tintas opacas. Aquí se definen las variables absolutas de color que dominan la UI brillante de CODE ME.

⚠️ EXCEPCIÓN AL MODO OSCURO (ECO-FRIENDLY)

Nuestros colores estrella neón (Rosa Ajolote, Cyan Eléctrico, Verde Terminal) son colores luz puros (RGB) súper luminosos. Están garantizados a morir y asfixiarse visualmente si los imprimes directo en impresoras austeras tradicionales.

  • Ecofriendly Hack (Ink_Saver_Mode = true): Para imprimir manuales escolares, exámenes físicos, fichas y documentos académicos largos, INVIERTE LA POLARIDAD VISUAL sin dudarlo.
  • Fija el Fondo de la hoja llanamente en Blanco (#FFFFFF), lanza el Body Text a Negro Puro (#000000) y usa nuestras potentes variables de color Neón exclusivamente en pequeños acentos matemáticos (títulos, vectores o alertas) emulando exactamente la fría y calculada estética de un Plano Arquitectónico (Blueprint) físico impreso.

🧪 Base del Sistema de Color (Theme Consts)​

Nuestra Matrix se dibuja sobre estos cinco valores Hexadecimales:

Obsidiana Digital

HEX#0F172A
RGBrgb(15, 23, 42)
RGBArgba(15, 23, 42, 1)
HSLhsl(222, 47%, 11%)
HSLAhsla(222, 47%, 11%, 1)

Rosa Ajolote

HEX#FF2A6D
RGBrgb(255, 42, 109)
RGBArgba(255, 42, 109, 0.8)
HSLhsl(341, 100%, 58%)
HSLAhsla(341, 100%, 58%, 0.8)

Verde Terminal

HEX#05FF00
RGBrgb(5, 255, 0)
RGBArgba(5, 255, 0, 0.9)
HSLhsl(119, 100%, 50%)
HSLAhsla(119, 100%, 50%, 0.9)

Cyan Eléctrico

HEX#00F0FF
RGBrgb(0, 240, 255)
RGBArgba(0, 240, 255, 0.9)
HSLhsl(184, 100%, 50%)
HSLAhsla(184, 100%, 50%, 0.9)

Blanco Consola

HEX#F8FAFC
RGBrgb(248, 250, 252)
RGBArgba(248, 250, 252, 0.9)
HSLhsl(210, 40%, 98%)
HSLAhsla(210, 40%, 98%, 0.9)

1. Obsidiana Digital (Background)​

Obsidiana Digital

HEX#0F172A
RGBrgb(15, 23, 42)
RGBArgba(15, 23, 42, 1)
HSLhsl(222, 47%, 11%)
HSLAhsla(222, 47%, 11%, 1)

Proscrito está el uso de fondos planos negros puros (#000000) ruidosos de Paint 90s. Nuestro Dark Mode general exige un azul profundísimo y sumamente elegante inspirado simultáneamente en la enigmática piedra volcánica mexicana y el frío fondo vacío de un editor de VS Code recién abierto a las 3 AM. Representa la profundidad bruta del lienzo digital infinito y la serenidad profesional sobre la cual montamos el neón.

  • Variable CSS: var(--cm-obsidiana)
  • Uso Estricto: Canvas base de las páginas Web enteras y fondos predominantes limpios de interfaces oscuras o Presentaciones magistrales (Base-layer).

2. Rosa Ajolote (Primary Accent)​

Rosa Ajolote

HEX#FF2A6D
RGBrgb(255, 42, 109)
RGBArgba(255, 42, 109, 0.8)
HSLhsl(341, 100%, 58%)
HSLAhsla(341, 100%, 58%, 0.8)

La gloriosa fusión perfecta, ruidosa y en esteroides químicos del clásico "Rosa Mexicano" nativo artesanal repotenciado agresivamente con intenso fósforo y neón del género Cyberpunk. Es el verdadero corazón latiendo a mil por hora de la marca. Inyecta al usuario pura estamina estética, rebeldía hacker y regeneración celular como la piel base de Bitxo. Escandaliza la vista si se abusa, así que dosifícalo.

  • Variable CSS: var(--cm-rosa-ajolote)
  • Uso Estricto: Fuego intenso. Uso limitado a formidables Botones de compra o registro hiper urgentes (CTAs estelares), alertas graves de sistema o bloques estéticos que necesitemos tatuar en la mente del padre de familia.

3. Verde Terminal (Success Matrix)​

Verde Terminal

HEX#05FF00
RGBrgb(5, 255, 0)
RGBArgba(5, 255, 0, 0.9)
HSLhsl(119, 100%, 50%)
HSLAhsla(119, 100%, 50%, 0.9)

Sangre directa de "La Matrix". El nostálgico verde radioactivo fluorescente clásico inconfundible de los bulbos en los monitores de texto viejos crudos de ingeniería pura en los sótanos. Es un disparo al instinto nerd básico y por su significado general representa un script limpio corriendo asombrosamente.

  • Variable CSS: var(--cm-verde-terminal)
  • Uso Estricto: Mensajes de confirmación limpios (200 OK), pop-ups triunfantes, barras de progreso llenas (Loaders), iconos brillantes de Checks de seguridad perfectos o hacks logrados. Crecimiento.

4. Cyan Eléctrico (Tech UI / Connect)​

Cyan Eléctrico

HEX#00F0FF
RGBrgb(0, 240, 255)
RGBArgba(0, 240, 255, 0.9)
HSLhsl(184, 100%, 50%)
HSLAhsla(184, 100%, 50%, 0.9)

Frío. Eléctrico. Imperturbable. Es color natural de un rayo luminoso vectorizado recorriendo la densa red a velocidad de fibra óptica. Representa crudamente la fría conectividad internacional global en un click, la extrema lejanía sin emociones y el rostro lógico imparable de la computadora dominando la interface.

  • Variable CSS: var(--cm-cyan-electrico)
  • Uso Estricto: Pura arquitectura UI técnica. Enlaces web crudos en texto (Hipervínculos flotando #url), delgados bordes emisivos de cajas de texto futuristas HUDs, flechas indicativas de lógicas complejas y los emblemáticos Goggles luminosos AR tácticos de nuestro Tech Mentor, Bitxo.

5. Blanco Consola (Typography Base)​

Blanco Consola

HEX#F8FAFC
RGBrgb(248, 250, 252)
RGBArgba(248, 250, 252, 0.9)
HSLhsl(210, 40%, 98%)
HSLAhsla(210, 40%, 98%, 0.9)

Romper la vista inyectando un masivo texto #FFFFFF puro destellando cegadoramente la Retina frente al negro Dark Mode brutal de media noche es un error de dolor de cabeza de Frontend Juniors. Para la lectura pacífica aplicamos un "Blanco roto inteligente". Cargado apenas imperceptiblemente hacia sutiles tonos gris-azulados, garantizando un confort visual quirúrgico absoluto mientras el alumno deborar enormes bloques densos documentales de código leyendo horas seguidas sin fatigarse.

  • Variable CSS: var(--cm-blanco-consola)
  • Uso Estricto: Todo texto legible regular. Enormes hilos de párrafos educativos largos, títulos base que no busquen llamar la atención y strings de lectura general limpia (color: var(...)).