Apariencia y preferencias
La interfaz no tiene una pantalla de preferencias. Lo que se puede cambiar —tema y paneles— se cambia donde se usa, y queda guardado en el navegador de esa persona.
Tema claro y oscuro
Sección titulada «Tema claro y oscuro»El conmutador está en el pie del menú lateral, debajo de Configuración. El texto dice lo que harás, no lo que hay:
| Lo que ves | Lo que pasa al pulsar |
|---|---|
| Luna y «Tema oscuro» | La interfaz pasa a fondo oscuro. |
| Sol y «Tema claro» | La interfaz pasa a fondo claro. |
El cambio es inmediato y no recarga la página.
De dónde sale el tema con el que entras
Sección titulada «De dónde sale el tema con el que entras»Se decide en este orden:
- El parámetro de la URL
?tema=oscuroo?tema=claro. Sirve para abrir una vista con un tema concreto —revisiones, capturas, enlaces— y tiene prioridad sobre todo lo demás. - Lo que guardaste en ese navegador, en la clave
organtia-tema(oscurooclaro). - La preferencia del sistema operativo (
prefers-color-scheme), si no hay nada guardado.
Cómo funciona por dentro: el tema se aplica poniendo la clase dark en el elemento <html>, y
los colores salen de variables CSS. Por eso no hay destellos ni dos hojas de estilo: hay una
sola, con dos juegos de valores.
El símbolo de la cabecera también cambia: hay dos imágenes, una para fondo claro y otra para fondo oscuro, y se muestra la que toca.
La puerta de acceso no hereda el tema
Sección titulada «La puerta de acceso no hereda el tema»La pantalla de usuario y contraseña es HTML servido aparte, y solo mira la preferencia del sistema operativo. Si tienes la oficina en claro y el sistema en oscuro, verás la puerta oscura y la oficina clara. No es un fallo: son dos piezas distintas y la puerta no puede leer el almacenamiento de la aplicación.
Paneles que se pliegan
Sección titulada «Paneles que se pliegan»La pantalla tiene tres columnas: menú, contenido y «Lo que espera tu firma». Las dos laterales se pliegan por separado y cada una recuerda cómo la dejaste.
El menú de la izquierda
Sección titulada «El menú de la izquierda»El botón de plegar está en la cabecera del menú, junto al símbolo. Al plegarlo:
- La columna baja a 58 píxeles y quedan solo los iconos.
- Se ocultan el nombre de la empresa, los contadores, la lista de proyectos y los títulos de cada sección.
- Los avisos siguen visibles: el punto naranja sobre el icono indica que hay algo esperando tu decisión.
El título del botón alterna entre «Plegar el menú» y «Desplegar el menú».
El panel de la derecha
Sección titulada «El panel de la derecha»En la cabecera de «Lo que espera tu firma» hay una flecha con el título «Plegar este panel». Plegado, queda una franja de 58 píxeles con un asa: el icono de bandeja de entrada, el número de pendientes en el título emergente y un punto naranja si hay algo esperando. Al pulsar el asa, se despliega otra vez.
Dónde se guarda
Sección titulada «Dónde se guarda»| Clave | Valores | Qué controla |
|---|---|---|
organtia.panel.izq |
abierto o plegado |
El menú lateral. Sin valor guardado, empieza abierto. |
organtia.panel.der |
abierto o plegado |
El panel de firmas. Sin valor guardado, empieza abierto. |
Son claves del navegador, no de la cuenta: si entras desde otro equipo, empiezas con los dos paneles abiertos. Y si borras los datos del sitio o usas una ventana privada, se pierden.
En pantallas pequeñas
Sección titulada «En pantallas pequeñas»Los dos umbrales son de ancho de ventana:
| Ancho | Qué cambia |
|---|---|
| Hasta 1180 px | La rejilla pasa a dos columnas: menú y contenido. El panel de firmas deja de ocupar sitio y se abre como capa fija de 340 px por la derecha, al pulsar el botón de bandeja de la barra superior (que lleva el número de pendientes y solo aparece cuando hay alguno). Se cierra con su botón de plegar. |
| Hasta 820 px | La rejilla pasa a una sola columna y el menú lateral deja de mostrarse. No hay botón que lo abra: en ese ancho se navega por la vista que ya estuviera abierta, y para cambiar de vista hace falta una pantalla más ancha. |
Los paneles plegados no guardan estado distinto por tamaño: la misma clave
(organtia.panel.izq, organtia.panel.der) vale en todas las anchuras.
Direcciones que abren algo concreto
Sección titulada «Direcciones que abren algo concreto»Tres parámetros de la URL sirven para entrar directamente a un sitio, y son los que se usan en enlaces y revisiones:
| Parámetro | Ejemplo | Qué hace |
|---|---|---|
?vista= |
?vista=departamentos |
Abre esa vista. Valores admitidos: tablero, oficina, equipo, organigrama, perfiles, proyectos, archivos, modelos, conectores, navegador, departamentos, encargos, estrategia, crones. Cualquier otro valor cae en la oficina. |
?puesto= |
?puesto=12 |
Abre la ficha de ese puesto al cargar. |
?tema= |
?tema=oscuro |
Fija el tema al abrir, por encima de lo guardado. |
Movimiento reducido
Sección titulada «Movimiento reducido»Si tu sistema pide menos animación (prefers-reduced-motion), la aplicación reduce las
transiciones y animaciones a prácticamente cero. No hay que activar nada: se respeta solo.
Lo que no se puede cambiar
Sección titulada «Lo que no se puede cambiar»- Colores, tipografía y densidad. No hay temas alternativos ni ajustes de tamaño: hay un sistema visual y dos modos, claro y oscuro.
- El orden del menú. Es fijo.
- Preferencias por usuario en el servidor. Nada de esto viaja con la cuenta: el servidor no guarda el tema ni el estado de los paneles. Si quieres las mismas preferencias en otro equipo, tendrás que volver a ponerlas.
- El tema de la puerta de acceso. Va con el sistema operativo, como se ha explicado arriba.