/** * internal.evobrands.org — Farbkennung des Panels. * * WARUM: beide Panels fahren dieselbe Anwendung und sahen identisch aus. Wer * zwei Tabs offen hat, hat im falschen gearbeitet, bevor er es merkt. Dieses * Blatt faerbt NUR das evobrands-Panel ein. * * DIE FARBE IST JETZT DIE ECHTE MARKE, NICHT MEHR GERATEN: bis 12.09.2026 lief * hier #5cb85c -- das war nie die zukono-Markenfarbe, sondern nur die * Store-Tag-Farbe im Posteingang (views/messages/partial/thread_list_row.view.php), * gegen den echten Auftritt nie gemessen. Ab jetzt kommt die Palette aus dem * lebenden evo-Repo (C:/git-projects/evo-brands-store-framework, * sites/zukono/themes/zukono/assets/store.css + Config/Store.php, nur * gelesen, nichts dort geschrieben): #2c8050 primaer, #266741 im Hover. Dort * ist Gruen Chrome/Akzent, nicht die staerkste Knopffarbe -- die kraeftigsten * Knoepfe sind dort fast schwarz (#0a0a0a). Diese Datei folgt demselben * Muster: Nav/Tabs/Fokus bleiben gruen, .btn-primary wird fast schwarz, * Panel-Raender bekommen den Terrakotta-Akzent (#bd6438) -- dieselbe Rolle, * die store.css fuer seine eigenen Rahmenfarben nutzt. * * GELADEN: ausschliesslich aus layout/header.view.php, und nur wenn * BS_DATAPATH auf internal.evobrands.org zeigt -- dieselbe Bedingung, die * layout/nav.view.php schon fuer die mandantenspezifischen Menuepunkte nutzt. * Fuer brainsapcomputer.de aendert sich nichts, die Datei wird dort nicht * einmal angefordert. * * NUR FARBE, KEINE GEOMETRIE: kein Abstand, keine Groesse, keine Position wird * angefasst. Das Blatt kann das Layout deshalb nicht verschieben. */ :root { --evo-green: #2c8050; /* zukono primaer, store.css --store-accent */ --evo-green-dark: #266741; /* zukono Hover, store.css --store-accent-hover */ --evo-green-soft: #eaf6ea; /* helle Flaeche, unveraendert */ --evo-accent: #bd6438; /* zukono Terrakotta -- dort selbst die Rahmenfarbe */ --evo-cta: #0a0a0a; /* zukono staerkste CTA-Farbe (fast schwarz) */ --evo-cta-hover: #1f2937; /* zukono CTA-Hover, store.css Zeile 111-115 */ } /* ---------------------------------------------------------- Navigation */ /* theme.css setzt .navbar.bg-white; hier gewinnt der gruene Grund. */ #main-nav.navbar { background-color: var(--evo-green) !important; border-bottom: 1px solid var(--evo-green-dark); } #main-nav .nav-link, #main-nav .navbar-text, #main-nav .navbar-brand { color: #fff; } #main-nav .nav-link:hover, #main-nav .nav-link:focus, #main-nav .nav-link.show { color: var(--evo-green-soft); } #main-nav .navbar-toggler { border-color: rgba(255, 255, 255, .55); } #main-nav .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } /* Das Logo ist jetzt das farbige zukono-Wordmark (nav.view.php) -- kein Invert-Filter mehr noetig, der es auf Gruen ohnehin nur zu einer weissen Flaeche verflacht haette. Der transparente Hintergrund zeigt den gruenen Nav-Grund durch. */ /* Aufklappmenues bleiben helle Flaechen: nur der Rand nimmt die Farbe auf, damit die Eintraege lesbar bleiben. */ #main-nav .dropdown-menu { border-top: 2px solid var(--evo-green); } /* UNTER xl (1200 px) wandert das Menue in das Seitenpanel (.offcanvas, weisser Grund) -- die weissen Links von oben standen dort weiss auf weiss (Betreiber 21.10.2026). Im Panel daher dunkel, Hover gruen. Ab xl ist .offcanvas durchsichtig und Teil des gruenen Balkens; dort gilt weiter Weiss. */ @media (max-width: 1199.98px) { #main-nav .offcanvas .nav-link, #main-nav .offcanvas .navbar-text { color: #1f2329; } #main-nav .offcanvas .nav-link:hover, #main-nav .offcanvas .nav-link:focus, #main-nav .offcanvas .nav-link.show { color: var(--evo-green-dark); } #main-nav .offcanvas { border-right: 3px solid var(--evo-green); } } /* ------------------------------------------------------------- Akzente */ /* Aktiver Reiter und Fokusrahmen in derselben Farbe, damit das Panel nicht halb blau, halb gruen wirkt. */ .nav-tabs .nav-link.active, .nav-tabs li.active > a { border-bottom-color: var(--evo-green); color: var(--evo-green-dark); } .form-control:focus, .form-select:focus { border-color: var(--evo-green); box-shadow: 0 0 0 .2rem rgba(44, 128, 80, .25); } /* --------------------------------------------------------------- Knoepfe */ /* .btn-primary steht heute unveraendert im Bootstrap-Blau (#0d6efd, CDN- Default, in dieser Datei bislang nie angefasst) -- mit 211 Vorkommen in 109 Views das mit Abstand haeufigste Element, an dem beide Mandanten optisch gleich aussehen. store.css faerbt seine eigene .btn-primary zwar gruen, haelt seine staerkste CTA (die bg-indigo-600-Knoepfe) aber bewusst fast schwarz -- Kommentar dort: "brand-neutral black so the green/orange brand accents read on cards, not inside buttons." Diese Regel folgt der zweiten, staerkeren Lesart: Gruen bleibt Chrome (Nav/Tabs/Fokus oben), der Knopf wird schwarz -- sonst waere am Ende doch wieder alles gruen. Bootstrap 5.3 haelt Hover/Fokus/Active-Farben in eigenen Custom Properties je Klasse (--bs-btn-hover-bg etc., mit Hex-Werten vorbelegt); nur background-color/border-color auf .btn-primary zu setzen faerbt daher nur den Ruhezustand -- jede Interaktion faellt sonst zurueck ins BS-Blau. */ .btn-primary { --bs-btn-bg: var(--evo-cta); --bs-btn-border-color: var(--evo-cta); --bs-btn-hover-bg: var(--evo-cta-hover); --bs-btn-hover-border-color: var(--evo-cta-hover); --bs-btn-active-bg: var(--evo-cta-hover); --bs-btn-active-border-color: var(--evo-cta-hover); --bs-btn-focus-shadow-rgb: 31, 41, 55; } /* --------------------------------------------------------------- Panels */ /* .panel/.panel-heading sind die zweithaeufigste Flaeche (338/345 Vorkommen in ~120 Views, theme.css:27-39) und liefen bislang neutral grau -- das ist die "Raender"-Haelfte des Auftrags. store.css nutzt Terrakotta-Toene selbst als Rahmenfarbe (dortige "Border tint"-Werte #ecb491/#d88a5d); dieselbe Rolle uebernimmt hier der Terrakotta-Akzent. Nur border-color bzw. border-bottom-color: theme.css setzt Breite, Radius und Schatten per Shorthand (border: 1px solid ...) -- die longhand-Farbe hier ueberschreibt ausschliesslich die Farbe, Breite/Radius/Schatten bleiben unangetastet. .card (dieselbe theme.css-Regel) bleibt bewusst aussen vor: nur .panel ist in der Vermessung als das dominante Element bestaetigt. */ .panel { border-color: var(--evo-accent); } .panel-heading { border-bottom-color: var(--evo-accent); } /* Knoepfe auf dem gruenen Balken: "Company Data", "Zuletzt", Benutzermenue und (unter xl) die Kamera neben dem Burger tragen im Markup .btn-outline-secondary -- in diesem Bootstrap grau (color #ccc), auf Gruen kaum lesbar. Alle schwarz wie die staerkste CTA-Farbe von zukono. Seit 21.10.2026 EINE Regel fuer alle (vorher je Knopf-id; "Zuletzt" und die Kamera kamen spaeter dazu und blieben grau). UEBER DIE BOOTSTRAP-VARIABLEN, nicht ueber background-color: BS5 fuehrt je Knopfklasse eigene Variablen (--bs-btn-*). Ein direktes background-color faerbt nur den Ruhezustand und laesst Hover und Active grau -- gerade ein Aufklappmenue haelt seinen Knopf im Active-Zustand. Nur in dieser Datei, also nur im evobrands-Panel: header.view.php laedt sie ausschliesslich fuer internal.evobrands.org. brainsapcomputer.de bleibt unveraendert (weisse Leiste, theme.css). */ #main-nav .btn-outline-secondary { --bs-btn-color: #fff; --bs-btn-bg: var(--evo-cta); --bs-btn-border-color: var(--evo-cta); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--evo-cta-hover); --bs-btn-hover-border-color: var(--evo-cta-hover); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--evo-cta-hover); --bs-btn-active-border-color: var(--evo-cta-hover); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--evo-cta); --bs-btn-disabled-border-color: var(--evo-cta); --bs-btn-focus-shadow-rgb: 31, 41, 55; }