/* * Fresh Mint preset — nongtrang.vn (e-commerce / FarmMarket) default. * Loaded dynamically per domain by DomainRoutingServiceInitListener. * Source: Aura Theme Editor export (doc 07 §11.4.2). Accessibility-focused: * Atkinson Hyperlegible Next, green accent, neutral buttons. */ @import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@400;500;600;700&display=swap'); html { --aura-accent-color-dark: #34D399; --aura-accent-color-light: #009966; --aura-app-layout-inset: 0px; --aura-background-color-dark: #18181B; --aura-background-color-light: #FFFFFF; --aura-base-font-size: 15; --aura-base-size: 20; --aura-content-color-scheme: light dark; --aura-font-family: 'Atkinson Hyperlegible Next', var(--aura-font-family-system); --aura-notification-color-scheme: dark; --aura-surface-level: -0.5; color-scheme: dark; /* Paint html with the content surface so the subpixel seam between drawer * and content (where html bg would otherwise bleed through) is invisible. * Drawer paints its own elevated dark surface on top of html. */ background-color: var(--aura-background-color-light); } /* Fresh Mint has a DARK shell color-scheme but pins the storefront CONTENT to a LIGHT surface (DomainRoutingServiceInitListener). The content therefore inherited the shell's dark scheme, so theme-adaptive text tokens (--vaadin-text-color / -secondary, used by the footer + muted text) resolved to their dark-scheme BRIGHT variant → light-on-light, unreadable. Pin the storefront content's color-scheme to light so those tokens resolve dark-on-light. Scoped to the storefront view only; the navbar (green gradient) and the dark drawer are separate elements and keep theirs. */ farm-market-view { color-scheme: light; /* Aura's --vaadin-text-color(-secondary) are resolved ONCE at (dark scheme → bright) and inherit as literals, so flipping color-scheme above is not enough. Redeclare them with FRESH light-dark() expressions here so they re-resolve under this (light) content scheme → readable dark-on-light text (footer links, © line, muted labels). */ --vaadin-text-color: light-dark(#18181B, #FAFAFA); --vaadin-text-color-secondary: light-dark(#52525B, #A1A1AA); } vaadin-side-nav-item:not([current]) > vaadin-icon { color: var(--aura-accent-text-color); } vaadin-side-nav-item[current]::part(content) { --vaadin-side-nav-item-background: var(--vaadin-background-container); --vaadin-side-nav-item-border-color: transparent; } vaadin-side-nav::part(label) { text-transform: uppercase; font-size: var(--aura-font-size-xs); color: var(--vaadin-text-color); letter-spacing: 0.03em; } :is(vaadin-button, vaadin-menu-bar-button, vaadin-upload-button):not([theme~="primary"], [theme~="tertiary"], [theme~="theme-button-blue-01"], [theme~="theme-button-blue-02"], [theme~="theme-button-green-01"], [theme~="theme-button-green-02"], [theme~="theme-button-delete"], [theme~="theme-button-delete-confirm"], [theme~="theme-button-add-option"], [theme~="theme-button-grey-01"], [theme~="theme-button-grey-02"], [theme~="theme-button-leave"], [theme~="theme-button-cancel-confirm"]) { --aura-accent-color-light: var(--aura-neutral); --aura-accent-color-dark: var(--aura-neutral); --vaadin-button-background: var(--vaadin-background-container); --vaadin-button-border-color: transparent; --vaadin-button-shadow: none; } /* Fresh Mint only: the storefront final (sale) price is RED instead of the green brand accent (product-owner choice). Scoped by living in this preset file (loaded only when Fresh Mint is active), so the other three presets keep the accent colour set in farm-detail-item-view.css. The extra `html` ancestor lifts specificity to (1,0,1) so it beats that base #divFinalPrice rule (1,0,0) regardless of stylesheet load order. */ html #divFinalPrice { color: #DC2626; } /* Fresh Mint only: bump the storefront category-nav (left drawer) TEXT size +10% (15px -> 16.5px). The shared rule in main-layout.css pins 15px across ALL presets for consistency; this override is scoped to Fresh Mint by living in this preset stylesheet (loaded only when Fresh Mint is active), and carries an extra `html` ancestor so its specificity (0,2,4) beats main-layout's (0,2,3) !important regardless of stylesheet load order. Icons keep their own size; only the category label text grows. */ html vaadin-app-layout.farm-shell > [slot='drawer'] vaadin-tabs vaadin-tab { font-size: 16.5px !important; }