Appearance, language and preferences

The interface has no preferences screen. Whatever can be changed —language, theme and panels— is changed where it is used, and it is stored in that person’s browser.

Light and dark theme

The switch is at the bottom of the side menu, under Settings. The text says what you will do, not what is there:

What you see	What happens when you click
A moon and “Dark theme”	The interface switches to a dark background.
A sun and “Light theme”	The interface switches to a light background.

The change is immediate and does not reload the page.

Where the theme you enter with comes from

It is decided in this order:

1. The URL parameter ?tema=oscuro or ?tema=claro. It is there to open a view with a specific theme —reviews, screenshots, links— and it takes priority over everything else.
2. What you saved in that browser, under the key organtia-tema (oscuro or claro).
3. The operating system preference (prefers-color-scheme), if nothing is saved.

Note

The system preference is copied to the key the first time the application is opened. From then on the key rules: if you later change the operating system theme, the office stays with the one you chose. To follow the system again, clear the site data.

How it works inside: the theme is applied by setting the dark class on the <html> element, and the colours come from CSS variables. That is why there is no flash and no second stylesheet: there is one sheet, with two sets of values.

The header symbol changes too: there are two images, one for a light background and one for a dark one, and the right one is shown.

The sign-in gate does not inherit the theme

The username and password screen is HTML served separately, and it only looks at the operating system preference. If your office is light and your system is dark, you will see a dark gate and a light office. It is not a bug: they are two different pieces, and the gate cannot read the application’s storage.

Language: Spanish and English

The whole interface is available in both languages. The switch is at the bottom of the side menu, next to the theme, and it says which language you are switching to, just as the theme switch says which theme you are switching to:

What you see	What happens when you click
“English”	The interface reads in English, without reloading.
“Español”	Back to Spanish, without reloading.

What is on screen gets translated: menus, buttons, titles, columns, notices and the texts that explain each field.

What is stored does not get translated: role names, people’s names, assignment titles, what the agents have written and documents. That is content, and content keeps the language it was written in. An assignment titled “Revisar las facturas de marzo” is still called that in the English version: changing it would rewrite what its author said.

Where the language you enter with comes from

1. What you saved in that browser, under the key organtia-idioma (es or en).
2. The browser language, if nothing is saved: anyone whose system is in English goes straight into English.

It is a browser preference, like the theme, not an account one: it does not travel with you to another machine.

Panels that collapse

The screen has three columns: menu, content and “What waits for your signature”. The two side columns collapse separately, and each one remembers how you left it.

The left menu

The collapse button is in the menu header, next to the symbol. Collapsing it:

• Takes the column down to 58 pixels, leaving only the icons.
• Hides the company name, the counters, the project list and each section’s titles.
• Keeps notices visible: the orange dot on the icon means something is waiting for your decision.

The button’s title alternates between “Collapse the menu” and “Expand the menu”.

The right panel

In the “What waits for your signature” header there is an arrow titled “Collapse this panel”. Once collapsed, a 58-pixel strip remains with a handle: the inbox icon, the number of pending items in the tooltip and an orange dot if anything is waiting. Click the handle and it expands again.

Where it is stored

Key	Values	What it controls
organtia-idioma	es or en	The interface language. With no stored value, the browser’s wins.
organtia.panel.izq	abierto or plegado	The side menu. With no stored value, it starts open.
organtia.panel.der	abierto or plegado	The signature panel. With no stored value, it starts open.

These are browser keys, not account keys: if you sign in from another machine you start with both panels open. And if you clear the site data or use a private window, they are lost.

On small screens

The two thresholds are window widths:

Width	What changes
Up to 1180 px	The grid switches to two columns: menu and content. The signature panel stops taking up space and opens as a fixed 340 px layer on the right when you click the inbox button in the top bar (which carries the number of pending items and only appears when there is one). It closes with its own collapse button.
Up to 820 px	The grid switches to a single column and the side menu stops being shown. No button opens it: at that width you navigate within the view that is already open, and changing views needs a wider screen.

Collapsed panels do not keep a different state per size: the same key (organtia.panel.izq, organtia.panel.der) applies at every width.

Addresses that open something specific

Three URL parameters take you straight to a place, and they are the ones used in links and reviews:

Parameter	Example	What it does
?vista=	?vista=departamentos	Opens that view. Accepted values: tablero, oficina, equipo, organigrama, perfiles, proyectos, archivos, modelos, conectores, navegador, departamentos, encargos, estrategia, crones. Any other value falls back to the office.
?puesto=	?puesto=12	Opens that role’s page on load.
?tema=	?tema=oscuro	Sets the theme on open, over anything stored.

Reduced motion

If your system asks for less animation (prefers-reduced-motion), the application reduces transitions and animations to practically zero. There is nothing to switch on: it is honoured automatically.

What cannot be changed

• Colours, typography and density. There are no alternative themes or size settings: there is one visual system and two modes, light and dark.
• The menu order. It is fixed.
• Per-user preferences on the server. None of this travels with the account: the server does not store the language, the theme or the state of the panels. If you want the same preferences on another machine, you will have to set them again.
• More languages than Spanish and English. Those are the two there are. Adding a third one means translating the interface text files, not a setting you switch on from here.
• The theme of the sign-in gate. It follows the operating system, as explained above.