/* == Tageslicht - die wenigen echten Regeln ================================ Angelegt 09.09.2026 (Konzept Teil C). Die Farben des hellen Modus stehen als Tokens in sm_tokens.css (Sequenz 101). Das reicht fuer fast alles - aber nicht fuer Stellen, an denen Odoo oder das Shop-SCSS eine Farbe fest ausrechnen statt sie aus einem Token zu holen. Die stehen hier. Warum eine eigene Datei und nicht unten in sm_tokens.css: die Tokendatei liegt bewusst FRUEH im Bundle (101), damit alles Weitere sie nutzen kann. Regeln muessen dagegen SPAET kommen, sonst gewinnt sm_polish.css (110) oder sm_seiten.css (113) bei gleicher Spezifitaet. Deshalb Sequenz 130 - diese Datei ist die letzte im Bundle. Jede Regel hier ist ein gemessener Befund, kein Vorrat. ========================================================================= */ /* --- Kopf und Fuss haben keinen eigenen Grund ---------------------------- Sie sind durchsichtig und zeigen den Grund des . Im Dunkeln faellt das nicht auf, im Hellen waeren sie schlagartig Pergament. Sie bekommen deshalb genau den Grund, den ihnen der body im dunklen Modus gibt - dieselben halbdurchsichtigen Auflagen liegen dann darauf wie bisher. Beim Fuss setzt das SCSS einen Verlauf per Kurzschreibweise, und die loescht die Hintergrundfarbe mit; deshalb dort dieselbe Kurzschreibweise mit dem Nachtgrund als letzter Lage. */ :root[data-sm-licht="hell"] header#top{ background-color:var(--sm-page-2); } /* Der Fuss wird nicht hier korrigiert: sein Verlauf steht im SCSS mit !important, und ein zweiter Verlauf daneben waere eine zweite Wahrheit. Dort ist stattdessen var(--sm-page-2) als unterste Lage ergaenzt - im dunklen Modus derselbe Ton wie bisher, im hellen bleibt der Fuss Nacht. */ /* --- Odoos eigene Knopf- und Linkfarben ---------------------------------- Bootstrap rechnet sie aus der Palette aus (primary_variables.scss, kompiliertes SCSS - mit Variablen kommen wir da nicht heran). Altgold #DCAC4E / #CC9C39 traegt auf Pergament 1,99 bzw. 2,39. Nur die Farbe wird gezogen, nicht die Flaeche - sonst faerbt sich der Knopf selbst. */ :root[data-sm-licht="hell"] #wrapwrap .btn-link{ --btn-color:var(--sm-link); --btn-hover-color:var(--sm-ink-strong); color:var(--sm-link); } :root[data-sm-licht="hell"] #wrapwrap .btn-outline-primary{ --btn-color:var(--sm-link); --btn-border-color:var(--sm-link); --btn-hover-color:var(--sm-surface); --btn-hover-bg:var(--sm-link); --btn-hover-border-color:var(--sm-link); color:var(--sm-link); } /* Textlinks im Inhalt. Ausgenommen sind die Knoepfe der Startseite und die Marken-Chips - die tragen eine eigene Flaeche und ihre eigene Schrift. */ :root[data-sm-licht="hell"] #wrapwrap a:not(.btn):not(.nav-link):not(.dropdown-item):not(.btnp):not(.btng):not(.kat):not(.kat-link):not(.prod):not(.prod-link):not(.banner):not(.akachel):not(.marke):not(.smk-chip):not(.smk-abcl):not(.smsl-slide):not(.ksub-item):not(.ksub-alle):not(.smtab-a){ color:var(--sm-link); } /* --- Das Club-Fenster im Shop -------------------------------------------- Es faerbt rund zwanzig kleine Zeilen mit var(--sm-gold). Statt jede einzeln zu fassen, gilt im hellen Modus INNERHALB des Fensters das dunkle Gold - die goldgetoenten Flaechen (rgba(--sm-gold-rgb)) bleiben davon unberuehrt und damit hell. */ :root[data-sm-licht="hell"] .sm-club-cart, :root[data-sm-licht="hell"] .sm-club-abholcode, :root[data-sm-licht="hell"] .sm-club-portal-abholung, :root[data-sm-licht="hell"] .sm-club-punkte-badge, :root[data-sm-licht="hell"] .sm-club-abholung, :root[data-sm-licht="hell"] .sm-club-sofort, :root[data-sm-licht="hell"] .sm-club-fenster{ --sm-gold:var(--sm-gold-2); } /* --- Kleine Schrift in Gold ---------------------------------------------- #A3761C traegt auf Pergament 3,26 und ist damit Kanten und grosser Schrift vorbehalten (siehe sm_tokens.css). Diese Stellen sind kleine Schrift und nehmen deshalb das dunkle Gold #714E0E (6,64). */ :root[data-sm-licht="hell"] .sm-club-pkt, :root[data-sm-licht="hell"] .sm-club-karte .sm-club-zeile b, :root[data-sm-licht="hell"] #wrapwrap .o_wsale_view_more_btn{ color:var(--sm-gold-2); } /* --- Die Kategorie-Blende im Shop-Kopf ------------------------------------ Das Kategoriebild liegt halbdurchsichtig rechts im Kopf und soll sich in die Seite zurueckziehen. Auf Pergament traegt dasselbe dunkle Foto viel staerker auf als auf Nachtgrund - deshalb hier deutlich zurueckgenommen. Den Verlauf darueber regelt --sm-flor-rgb (siehe sm_tokens.css). */ :root[data-sm-licht="hell"] .sm-cat-visual img{ opacity:.34; } @media (max-width:767.98px){ :root[data-sm-licht="hell"] .sm-cat-visual img{ opacity:.16; } } /* --- Kategoriebilder rahmen ---------------------------------------------- Die 370 Kategoriebilder sind alle 256x256 und mittlerer Helligkeit 74-89 von 255. Sie bleiben dunkel und werden NICHT aufgehellt; auf Pergament bekommen sie stattdessen eine Kante und einen weichen Schatten - gerahmte Fotos an heller Wand. */ :root[data-sm-licht="hell"] .smhp .kat .bild, :root[data-sm-licht="hell"] .o_wsale_filmstrip_item{ border:1px solid var(--sm-line); box-shadow:0 1px 3px rgba(28,18,46,.10); }