/* ============================================================ Barevná schémata aplikace (přepínač v hlavičce – MainLayout) Schéma určuje atribut data-theme na : server-side ho nastavuje App.razor z cookie „morenta-theme", při přepnutí za běhu setMorentaTheme() v js/site.js. Světlá schémata staví na Radzen tématu „standard" a přebarvují jeho CSS proměnné – primární paletu, hlavičku, celý sidebar s menu (pozadí, hover, aktivní položku, ikony) i barvy grafů. „light" je čisté Radzen standard, „dark" čisté standard-dark, proto tu vlastní blok nemají. Selektor html[data-theme=…] má vyšší specificitu než :root v Radzen stylech, takže vyhrává bez ohledu na pořadí ů. ============================================================ */ /* ---------- Smaragd – zelená ---------- */ html[data-theme='emerald'] { /* paleta */ --rz-primary: #059669; --rz-primary-light: #34d399; --rz-primary-lighter: rgba(5, 150, 105, 0.16); --rz-primary-dark: #047857; --rz-primary-darker: #065f46; --rz-secondary: #14b8a6; --rz-secondary-light: #2dd4bf; --rz-secondary-lighter: rgba(20, 184, 166, 0.16); --rz-secondary-dark: #0d9488; --rz-secondary-darker: #0f766e; --rz-link-color: #047857; /* hlavička */ --rz-header-background-color: #064e3b; --rz-header-color: #ecfdf5; --rz-header-border: 1px solid transparent; --rz-sidebar-toggle-color: #a7f3d0; --rz-sidebar-toggle-hover-color: #ffffff; /* sidebar + menu */ --rz-sidebar-background-color: #043227; --rz-sidebar-border-inline-end: 1px solid #0a4736; --rz-panel-menu-item-background-color: #043227; --rz-panel-menu-item-border: 1px solid #0a4736; --rz-panel-menu-item-hover-background-color: #0a4736; --rz-panel-menu-item-active-background-color: #116149; --rz-panel-menu-item-active-indicator: #34d399; --rz-panel-menu-icon-color: #6ee7b7; /* plocha stránky */ --rz-body-background-color: #eff7f3; /* grafy */ --rz-series-1: #10b981; --rz-series-2: #2dd4bf; --rz-series-3: #f59e0b; --rz-series-4: #60a5fa; } /* ---------- Západ slunce – terakotová ---------- */ html[data-theme='sunset'] { /* paleta */ --rz-primary: #ea580c; --rz-primary-light: #fb923c; --rz-primary-lighter: rgba(234, 88, 12, 0.16); --rz-primary-dark: #c2410c; --rz-primary-darker: #9a3412; --rz-secondary: #d97706; --rz-secondary-light: #fbbf24; --rz-secondary-lighter: rgba(217, 119, 6, 0.16); --rz-secondary-dark: #b45309; --rz-secondary-darker: #92400e; --rz-link-color: #c2410c; /* hlavička */ --rz-header-background-color: #7c2d12; --rz-header-color: #ffedd5; --rz-header-border: 1px solid transparent; --rz-sidebar-toggle-color: #fdba74; --rz-sidebar-toggle-hover-color: #ffffff; /* sidebar + menu */ --rz-sidebar-background-color: #431407; --rz-sidebar-border-inline-end: 1px solid #5f2410; --rz-panel-menu-item-background-color: #431407; --rz-panel-menu-item-border: 1px solid #5f2410; --rz-panel-menu-item-hover-background-color: #5f2410; --rz-panel-menu-item-active-background-color: #7c2d12; --rz-panel-menu-item-active-indicator: #fb923c; --rz-panel-menu-icon-color: #fdba74; /* plocha stránky */ --rz-body-background-color: #faf4ee; /* grafy */ --rz-series-1: #fb923c; --rz-series-2: #fbbf24; --rz-series-3: #f87171; --rz-series-4: #38bdf8; } /* ---------- Levandule – fialová ---------- */ html[data-theme='lavender'] { /* paleta */ --rz-primary: #7c3aed; --rz-primary-light: #a78bfa; --rz-primary-lighter: rgba(124, 58, 237, 0.16); --rz-primary-dark: #6d28d9; --rz-primary-darker: #5b21b6; --rz-secondary: #a855f7; --rz-secondary-light: #c084fc; --rz-secondary-lighter: rgba(168, 85, 247, 0.16); --rz-secondary-dark: #9333ea; --rz-secondary-darker: #7e22ce; --rz-link-color: #6d28d9; /* hlavička */ --rz-header-background-color: #4c1d95; --rz-header-color: #ede9fe; --rz-header-border: 1px solid transparent; --rz-sidebar-toggle-color: #c4b5fd; --rz-sidebar-toggle-hover-color: #ffffff; /* sidebar + menu */ --rz-sidebar-background-color: #2e1065; --rz-sidebar-border-inline-end: 1px solid #432090; --rz-panel-menu-item-background-color: #2e1065; --rz-panel-menu-item-border: 1px solid #432090; --rz-panel-menu-item-hover-background-color: #432090; --rz-panel-menu-item-active-background-color: #5b21b6; --rz-panel-menu-item-active-indicator: #a78bfa; --rz-panel-menu-icon-color: #c4b5fd; /* plocha stránky */ --rz-body-background-color: #f5f3fb; /* grafy */ --rz-series-1: #a78bfa; --rz-series-2: #f472b6; --rz-series-3: #38bdf8; --rz-series-4: #34d399; } /* Náhledová tečka schématu v rozbalovacím seznamu v hlavičce */ .theme-swatch { display: inline-block; width: 1rem; height: 1rem; margin-right: 0.5rem; border-radius: 50%; border: 1px solid var(--rz-base-300, #c5ccd4); background: var(--swatch-bg, #fff); position: relative; vertical-align: text-bottom; } .theme-swatch::after { content: ''; position: absolute; inset: 0.2rem; border-radius: 50%; background: var(--swatch-dot, #000); } /* Vlaječka v přepínači jazyka vedle přepínače barevného schématu (MainLayout) */ .lang-flag { display: inline-block; width: 1.25rem; height: 0.875rem; margin-right: 0.5rem; border-radius: 2px; border: 1px solid var(--rz-base-300, #c5ccd4); object-fit: cover; vertical-align: text-bottom; }