- Verschifft
- 18. Mai 2026 um 02:23 UTC
- Autor
- Kamo
- Ausschuss
- fe0e8c2
Ausführt den vollständigen Plan aus der Org-Theming-Analyse: jede CTA, glow, Fortschrittsleiste, Fokusring, Ambient-Orb, Chat-Oberfläche, Header-Logo und Die Namensnennungslinie nimmt nun die Markenfarben des Kreditgebers auf, wenn eine org Aufzeichnung ist vorgesorgt, während Statusfarben, Kamo Marken Vermögenswerte und Kreditnehmer-persönliche Farben bleiben produkt-kanonisch. Stiftungen: - Server-rendered <style" tag **************** die org's --org-* CSS vars in :root vor der ersten Farbe, die Tötung der default-Aurora - Pistant-Color-Blitz. - WCAG Leuchtstoffhelfer (lib/org/luminance.ts) berechnet --org-on-primary von der Markenfarbe, so dass Text auf der primären Füllung AA-lesbar bleibt auch mit blassen oder beschäftigt Kreditgeber Marken. Kreditgeber können über die neu aufPrimaryText Feld auf Organisation. - Neue --org-* vars: --org-on-primary, --org-gradient, --org-primary-rgb, --org-secondary-rgb. Tailwind v4 @theme Block fügt bg-org-primary / text-org-primary / ring-org-primary / border-org-primary / text-org-on-primary / bg-org-gradient utilities, die diese lösen vars zur Render-Time. Opacity-Modifikatoren arbeiten über Farbmix. - DynamicMetaLoader setzt die gleichen Werte auf Mount neu auf und unterstützt einen ?themeOverride.* query-string escape Luke für QA / Support Previews. - <link rel="preload" as="image"> für das Leihgeberlogo im SSR-Kopf. Organisation DTO Erweiterung: - Slogan, nmlsId, phoneSupport, emailSupport, equalHousingDisclosure ('EHO' | 'EHL' | 'BOTH'), onPrimaryText, gradientDirection. - LenderFooter macht NMLS Consumer Access Link + EHO/EHL Marke. - HelpSheet verwendet Kreditgeber Telefon / E-Mail, wenn gesetzt, fällt zurück zu Kamo Ansonsten fällig. - HeroBrandIntro zeigt den Leihgeber-Slogan. - /apply/done Timeline + "Call us instead" CTA verwenden Kreditgeber Kontakt. Surface Swap (35 Dateien): - Jede bg-aurora CTA über Landung / Start / Persönlichkeit / Lebenslauf / apply/done / ceremonies / 15 Wegpunkteseiten / Arbeitsraum-Widgets / Konversation fließt / Chat-Senden-Buttons . bg-org-gradient text-org-on-primary. - bg-aurora/N opacity Varianten - bg-org-primary/N. - text-aurora - text-org-primary, border-aurora - border-org-primary, ring-aurora/N - Ring-Or-primary/N. - Hardcoded #7B61FF und #21D4A6 hex literals im Chat / TRex Blasen / ChoiceGrid / MoneyDial / EstimateReveal / CelebrationStage / ProgressArc / DocumentUploadZone / ConversationTextField getauscht rgba(var(--org-primary-rgb), N) / rgba(var(--org-secondary-rgb), N). - PulseGlow standardmäßig rgba(var(--org-primary-rgb), 0.55) so Impuls auf der App nimmt Mieter Marke ohne pro-Call-Site-Arbeit. Explizite Farbe überschreibt an den 3 vorherigen Anruf Websites entfernt, so dass die Standard fließt durch. - AmbientField Orbs: die ersten beiden gezogen von --org-primary / --org-secondary via Color-mix; dritter bleibt ein dunkles Violett für chromatischen Kontrast. - TaskHub Strom-Take Pille + TaskStepper Fortschritt bar bereits auf der org gradient über den Swap-Pass. - Form Fokus Ringe (focus:ring-aurora/40) gedreht, um zu fokussieren:ring-org-primary/40. Logo + ThemeLogo: - Geht eine Fallback-Kette: logo-full-on-dark.{ext' . logo-full.{ext. logo-on-dark.svg - logo.svg . wordmark Fallback prop. Auf jedem 404 die nächster Kandidaten lädt; nur wenn die Kette erschöpft ist Fallback-Render. Mietersimulator: - /styleguide gewinnt eine Mieterimulatorkomponente mit sechs Vertretern Presets (Corporate Marine, warm orange, konservativgrau, elektrisch grün, Rose, Mitternacht). Ein Voreingeklickt schreibt ?themeOverride.* params und reloads, so dass die ganze App Re-Skins live lässt und Ingenieure überprüfen jede Oberfläche unter jeder Kreditgeber Marke ohne Stand up realen Bucket configs. Oberflächen absichtlich nicht thematische (sach-kanonisch bleiben): - StatusBanner Erfolg/Warnung (universelle Statussignale) - TestModeBanner (Sicherheitssignal) - AutosaveBadge teal/amber - Persona Picker Akzent Farben (Kreditnehmer Wahl, nicht Kreditgeber) - Rex Avatar (Kamo Maskottchen) - Time-of-Day Himmelstöne (Reise-Erzählung) - Persönlichkeit Akzent Farben (Chat Voice = Kreditnehmer Pick) - Konfetti Palette (absichtlich mehrfarbig zum Feiern) - Skip-to-content focus Link (markenneutral durch Design) Build 32/32, 140 Tests bestehen.