/** * @package Phoca CMS * @copyright Copyright (C) Jan Pavelka www.phoca.cz * @license http://www.gnu.org/copyleft/gpl.html GNU/GPLv2 or later * @link https://www.phoca.cz/phoca-cms */ /** * Light theme is the default (both on :root and explicitly on * [data-theme="light"]); dark theme takes over via [data-theme="dark"] * on . Switching is handled by assets/js/theme.js; the initial * value is set by an inline script in app/layouts/head.php (to avoid a * flash of the wrong theme). */ :root, [data-theme="light"] { /* Moderní, mekká šedá paleta */ --color-bg: #f8fafc; /* Čisté, velmi světlé břidlicové pozadí */ --color-bg-alt: #f1f5f9; /* Tlumený šedý podklad pro alt sekce a footer */ --color-surface: #ffffff; /* Čistě bílá pro karty a kontejnerové prvky */ --color-text: #0f172a; /* Hluboká tmavá pro výbornou čitelnost */ --color-text-muted: #64748b; /* Elegantní tlumená šedá pro vedlejší texty */ --color-border: #e2e8f0; /* Jemné ohraničení */ /* Elegatnější, pastelovější akcenty (Méně syté) */ --color-accent: #4f46e5; /* Tlumená indigo modrá (hlavní akcent) */ --color-accent-hover: #4338ca; /* Hover stav pro tlačítka */ --color-accent-2: #818cf8; /* Světlejší pastelový odstín (pro gradienty a detaily) */ --color-on-accent: #ffffff; /* Bílý text na akcentním pozadí */ --shadow-soft: 0 10px 25px -5px rgba(15, 23, 42, 0.05); /* Velmi jemný, moderní stín */ } [data-theme="dark"] { /* Sofistikovaný tmavý režim */ --color-bg: #0f172a; /* Tmavé břidlicové pozadí */ --color-bg-alt: #1e293b; /* Tmavší podklad pro alt sekce */ --color-surface: #1e293b; /* Povrch karet v tmavém režimu */ --color-text: #f8fafc; /* Čistý světlý text */ --color-text-muted: #94a3b8; /* Tlumený světlý text */ --color-border: #334155; /* Tmavě šedé hranice */ /* Akcenty adaptované pro tmavé pozadí */ --color-accent: #6366f1; /* Světlejší indigo pro kontrast na tmavém */ --color-accent-hover: #818cf8; --color-accent-2: #a5b4fc; /* Jemný fialkovo-modrý akcent */ --color-on-accent: #ffffff; --shadow-soft: 0 10px 25px -5px rgba(0, 0, 0, 0.3); }