sergio/takana
> Una distribución Linux construida con un laboratorio funcional y hermético en el > sótano, y una terminal mutable, clásica y anárquica en el piso de arriba — diseñada > desde el suelo para que una IA programadora entienda, modifique y co…
atuq: la marca de verdad — el zorro en medallón, y la paleta muestreada del propio logo
1/* atuq.css — el aspecto de atuq. Se registra como USER_SHEET desde `atuq.cfg`.
2 *
3 * ── LA PALETA SALE DEL ARTE, MEDIDA, NO ESTIMADA A OJO ─────────────────────────────────────────
4 * Los cuatro tokens se muestrearon del propio medallón (`branding/icons/atuq256.png`) tomando el
5 * color más frecuente de cada zona: el cuerpo del zorro, el disco de fondo, el anillo exterior y
6 * los reflejos. Escribirlos «parecidos» a ojo es cómo una identidad se desalinea de su logo en tres
7 * ediciones.
8 *
9 * ⚠ Del tablero de marca se toman la FORMA y el COLOR. Los eslóganes NO: el usuario los descartó
10 * explícitamente, y esta hoja no es sitio para copy de todos modos.
11 *
12 * ⚠ TODO va acotado con @-moz-document a la ventana del navegador. Una hoja de nivel USER sin
13 * acotar alcanza CUALQUIER documento chrome —el visor de PDF, el inspector, los diálogos— y un
14 * selector genérico como `toolbar` termina pintando ventanas que nadie miró nunca.
15 */
16
17@-moz-document url("chrome://browser/content/browser.xhtml") {
18 :root {
19 --atuq-naranja: #c15728; /* el zorro */
20 --atuq-teal: #1b6470; /* el disco */
21 --atuq-noche: #04161d; /* el anillo */
22 --atuq-crema: #f5ecde; /* los reflejos */
23 --atuq-radio: 8px;
24 }
25
26 /* La pestaña activa: identidad visible sin reescribir la barra entera. */
27 #tabbrowser-tabs .tabbrowser-tab[selected] .tab-background {
28 border-radius: var(--atuq-radio);
29 box-shadow: inset 0 -2px 0 0 var(--atuq-naranja);
30 }
31
32 /* La barra de direcciones enfocada usa el naranja del zorro en vez del azul de Firefox. */
33 #urlbar[focused="true"] > #urlbar-background {
34 outline-color: var(--atuq-naranja);
35 }
36
37 /* El acento del sistema (botones activos, selección de menú, foco) pasa a ser el de la marca.
38 * `accent-color` es lo que Gecko usa para los widgets nativos del chrome: un solo cambio alcanza
39 * a decenas de controles sin enumerar ninguno. */
40 :root {
41 accent-color: var(--atuq-naranja);
42 }
43
44 /* La barra lateral de pestañas verticales —los «dientes» que prende `atuq.cfg`— con el fondo del
45 * medallón, para que el marco de la ventana y el icono cuenten lo mismo. */
46 #sidebar-main {
47 background-color: color-mix(in srgb, var(--atuq-noche) 92%, var(--atuq-teal));
48 }
49}