/* ========================================================================== DexOne – zentrale Farb-Tokens (Single-Source) -------------------------------------------------------------------------- Verbindliche Quelle: das offizielle DexOne Design-Kit, Version 1.0 vom 02.08.2026 (`design/dexone-designkit/02-farben/dexone-tokens.css`). Die Marken- und Neutralwerte stimmen damit exakt mit dexone.ch überein. ZWEI REGELN, die hier gelten und die man nicht aus Versehen brechen darf: 1. DIE SIEBEN STATUSFARBEN BLEIBEN UNVERÄNDERT — Entscheid des Auftraggebers vom 02.08.2026: «Wiedererkennung geht hier vor Markenkonformität.» Das Kit führt für alle sieben abweichende Werte (bis ΔE 22 bei «Angenommen»); übernommen wird davon KEINER. Auch «Fakturiert» bleibt auf #0f8a7e, obwohl das Kit dort bewusst die Markenfarbe setzt — ausdrücklich so entschieden. 2. HIER STEHEN DIE HEX-WERTE, SONST NIRGENDS. Im übrigen Code nur `var(--dx-…)`. Ausnahme sind Stellen, die kein CSS laden können: `` und die Rechnungsvorlage (WeasyPrint). Ändert sich hier ein Markenwert, müssen die mitgezogen werden. Wird über hooks.py in BEIDE Oberflächen geladen: - app_include_css -> Standard-Oberfläche (Plantafel, ...) - web_include_css -> Fahrer-App (www/meine-auftraege.html) Eine Änderung an den Marken-/Neutralwerten wirkt deshalb auch in der Fahrer-App, ohne dass eine ihrer Dateien angefasst wird. ========================================================================== */ :root { /* ── Marke / Petrol — Design-Kit 1.0, verbindlich ─────────────────────── */ --dx-petrol-dark: #0B3D3D; /* Primär dunkel: Navigation, Primär-Buttons */ --dx-petrol: #0F6B6B; /* Primär: Akzente, aktive Zustände, Links */ --dx-petrol-soft: #E6F0F0; /* Petrol getönt: Fokus-Ringe, Hover-Flächen */ --dx-petrol-border:#C7DEDD; /* Petrol Rahmen (Kit: --dx-petrol-line) */ --dx-petrol-light: #8FCFCC; /* Text/Bildmarke auf dunklem Petrol */ --dx-petrol-hover: #0C5757; /* Hover auf primären Buttons */ /* Basis-Aliasse (Namen aus dem Altsystem beibehalten -> 1:1-Port des JS/CSS; Werte neu auf Petrol. --dx-green/orange bleiben funktionale Signalfarben.) */ --dx-blue: #0F6B6B; /* vormals System-Blau -> jetzt Petrol */ --dx-blue-soft: #E6F0F0; --dx-green: #1f9d57; /* Grün: Entlade-Pin, Timeline */ --dx-orange: #e8730c; /* Orange: Auftrag/Vorladen-Akzent */ --dx-orange-soft: #fdecd9; --dx-orange-border:#f6c89a; --dx-orange-hint: #7a4a16; /* Neutrale (Plantafel / Modal) — Design-Kit 1.0. Die Kit-Grautöne sind grünstichig und passen damit zum Petrol; die bisherigen waren blaustichig (ΔE 11.6 bzw. 11.3). */ --dx-text: #12211F; --dx-muted: #5C6763; --dx-faint: #9aa2ad; --dx-border: #E2E6E4; /* 25.08.2026: 1.38:1 gegen Weiss — ein Umriss-Knopf sah aus wie eine leere weisse Flaeche. Bedienelemente verlangen 3:1; #868F9A erreicht 3.28:1. Der Rand ist der EINZIGE Umriss der Knoepfe. */ --dx-border-strong:#868F9A; --dx-card: #FFFFFF; --dx-bg: #F2F4F7; /* ACHTUNG Namensgleichheit: Im Design-Kit heisst `--dx-surface` die WEISSE Kartenfläche, hier war es bisher der graue Seitenhintergrund. Das Token hat im Code null Verwendungen, deshalb ist die Bedeutung jetzt die des Kits — wer es benutzt, meint Weiss. Der graue Grund heisst `--dx-bg`. */ --dx-surface: #FFFFFF; --dx-surface-2: #EDF0EF; /* Kit: --dx-line-soft, feine Listentrennung */ /* Dunkler Aktions-Button (Primär in Panel/Modal) -> Petrol dunkel */ --dx-btn-dark: #0B3D3D; --dx-btn-dark-hover:#0C5757; /* Danger / Löschen */ --dx-danger: #c0392b; /* ── 7 Status (fg = Text/Rahmen, bg = getönte Fläche) ─ UNVERÄNDERT ────── */ --dx-st-offen-fg: #6b7480; --dx-st-offen-bg: #eef0f2; --dx-st-zugeteilt-fg: #e8730c; --dx-st-zugeteilt-bg: #fdecd9; --dx-st-angenommen-fg:#5b53c9; --dx-st-angenommen-bg:#eae8fb; --dx-st-inarbeit-fg: #2f7fed; --dx-st-inarbeit-bg: #e8f1fe; --dx-st-erledigt-fg: #1f9d57; --dx-st-erledigt-bg: #e3f4ea; --dx-st-fakturiert-fg:#0f8a7e; --dx-st-fakturiert-bg:#dcf2ee; --dx-st-storniert-fg: #d23f3f; --dx-st-storniert-bg: #fbe6e6; /* ── Fahrer-App-eigene Töne ─────────────────────────────────────────────── Primärton auf das Kit-Petrol nachgezogen, damit die App nicht als einziger Teil des Produkts ein abweichendes Petrol führt. Die FUNKTIONALEN Signalfarben der App (grün/amber/logout) bleiben unverändert — sie stehen für Handlungen, nicht für die Marke. */ --dx-app-primary: #0F6B6B; --dx-app-green: #1d9e75; --dx-app-amber: #ba7517; --dx-app-avatar-bg: #E6F0F0; --dx-app-avatar-fg:#0B3D3D; --dx-app-icon-bg: #E6F0F0; --dx-app-leiste-bg: #eef1f4; --dx-app-vorladen-bg: #fdf3e6; --dx-app-note-orange-bg:#fdf0e1; --dx-app-note-orange-fg:#9a5a12; --dx-app-note-green-bg: #e1f5ee; --dx-app-note-green-fg: #0f6e56; /* DER ABSCHLUSS-KNOPF (25.08.2026, Auftraggeber: «der button zum ein auftrag abschliessen soll in einem schoenen gruen sein»). Der Wert stammt aus dem Design-Kit (05-ui-bausteine) und ist dort begruendet: #16A34A erreicht auf Weiss nur 3.3:1, #128437 erreicht 4.8:1 — die Schwelle liegt bei 4.5:1. Er faerbt HANDLUNGEN, keine Zustaende: die sieben Statusfarben oben bleiben unberuehrt («sollen nicht neu erfunden werden»). */ /* DIE KNOPFFUELLUNG (25.08.2026, freigegeben). Sie hing an --dx-st-inarbeit-fg (#2f7fed, 3.90:1) — einer STATUSFARBE, die unveraendert bleiben soll. Der Knopf bekommt darum seinen eigenen Ton, den das Design-Kit ohnehin fuehrt: #1F6FDB erreicht 4.82:1. Der Zustand «In Arbeit» behaelt #2f7fed. Damit traegt Blau nicht mehr zwei Bedeutungen: hell ist der Zustand, dunkel die Handlung. */ --dx-action-blue: #1F6FDB; --dx-success-btn: #128437; --dx-success-btn-hover:#0F7A33; --dx-app-toggle-off: #cfd4da; --dx-app-logout: #A32D2D; --dx-app-toast-bg: #10181a; /* ── Ex-Legacy (Kalendergitter/untere Liste) – auf Petrol nachgezogen ───── */ --dx-legacy-blue: #0B3D3D; --dx-legacy-flaeche: #E6F0F0; --dx-legacy-outline: #0F6B6B; /* Drop-Zone-Outline */ --dx-legacy-red-fg: #A32D2D; --dx-legacy-red-bg:#FCEBEB; } /* --------------------------------------------------------------------------- Polter in der Fahrer-App (Hackschnitzellogistik, v1.47.0). Bewusst sparsam: Die App hat ihre Bausteine, hier kommen nur die vier Klassen dazu, die es ohne sie nicht gaebe. --------------------------------------------------------------------------- */ .ma-polter{border:1px solid var(--dx-border);border-radius:10px;padding:10px 12px;margin-bottom:8px} .ma-polter-aktuell{border-color:var(--dx-petrol);background:var(--dx-petrol-soft)} .ma-polter-kopf{display:flex;justify-content:space-between;align-items:center;gap:8px} .ma-polter-ort,.ma-polter-menge{font-size:12px;color:var(--dx-muted);margin-top:2px} .ma-polter-knoepfe{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap} /* ========================================================================== D2 (23.08.2026): Hilfetexte ausblendbar, je Benutzer. Die Koerperklasse setzt dexone_hilfetexte.js aus dem Benutzer-Schalter. AUSGEBLENDET werden AUSSCHLIESSLICH die zwei Erklaertext-Renderklassen — Zustandswege (throw/msgprint/Alerts/Headline/HTML-Statusfelder/ Luecken-Listen) benutzen sie nie und bleiben strukturell unberuehrt. ========================================================================== */ body.dexone-hilfe-aus .help-box, body.dexone-hilfe-aus .form-section-description { display: none; } /* SCHUTZLISTE (hilfetexte.SCHUTZ, der Waechter koppelt beide Listen): Zustands-Legenden im Erklaerkleid bleiben sichtbar — immer, fuer jeden. */ body.dexone-hilfe-aus [data-fieldname="restmenge"] .help-box, body.dexone-hilfe-aus [data-fieldname="wiederholung"] .help-box, body.dexone-hilfe-aus [data-fieldname="ausweis_hinweis"] .help-box, body.dexone-hilfe-aus [data-fieldname="abteilungen_status"] .help-box, body.dexone-hilfe-aus [data-fieldname="mail_status"] .help-box, body.dexone-hilfe-aus [data-fieldname="push_status"] .help-box, body.dexone-hilfe-aus [data-fieldname="offen"] .help-box, body.dexone-hilfe-aus [data-fieldname="ansatz"] .help-box { display: block; }