/* * Storefront theme variables. * * The chosen theme is written onto by * Modules/Shop/Resources/views/shop/layouts/app.blade.php. style.css consumes * --theme-primary / --theme-accent / --theme-footer via var(..., #fallback) * wherever it used to hard-code the brand blue/yellow/footer-dark (the * .d-blue-bg, .d-yellow-bg-alike accents, and .d-dark-bg utility classes), * so switching the attribute re-colors the whole storefront - header, * buttons, prices, footer - without touching style.css again. */ [data-theme="default"] { --theme-primary: #263c97; --theme-accent: #fcbe00; --theme-footer: #222222; } [data-theme="modern-tech"] { --theme-primary: #1a1a2e; --theme-accent: #00adb5; --theme-footer: #0f3460; } [data-theme="natural-organic"] { --theme-primary: #2d5016; --theme-accent: #7cb342; --theme-footer: #1b3409; } [data-theme="luxury-elegance"] { --theme-primary: #1c1c1c; --theme-accent: #c9a84c; --theme-footer: #111111; } [data-theme="fresh-starter"] { --theme-primary: #e8590c; --theme-accent: #ff6b35; --theme-footer: #2b2b2b; } [data-theme="kids-playful"] { --theme-primary: #ff5da2; --theme-accent: #ffd23f; --theme-footer: #3d2645; } [data-theme="medical-clean"] { --theme-primary: #0f6e84; --theme-accent: #4fc3a1; --theme-footer: #123c4a; } [data-theme="fashion-minimal"] { --theme-primary: #111111; --theme-accent: #4a4a4a; --theme-footer: #000000; }