/* ═════════════════════════════════════════════════════════════════════ Kyno Theme for DaisyUI v5 Adapted from the Mantine theme. Maps tneGreen / tnePurple / teal / newblue / green / warning / error scales onto DaisyUI semantic tokens. Usage: Docs: https://daisyui.com/docs/themes/ ═════════════════════════════════════════════════════════════════════ */ /* ── Light (default) ─────────────────────────────────────────────── */ [data-theme="kyno"], :root { /* ---- Surface / background -------------------------------------- */ --color-base-100: #F8F9FA; /* paperLight */ --color-base-200: #E9ECEF; /* paperLight darkened */ --color-base-300: #DEE2E6; /* borders / dividers */ --color-base-content: #212529; /* --mantine-color-text light */ /* ---- Primary: teal #008676 (tneGreen) -------------------------- */ --color-primary: #008676; --color-primary-content: #ffffff; /* ---- Secondary: purple #5D2D8D (tnePurple) --------------------- */ --color-secondary: #5D2D8D; --color-secondary-content: #ffffff; /* ---- Accent: newblue #16ACF1 ----------------------------------- */ --color-accent: #16ACF1; --color-accent-content: #ffffff; /* ---- Neutral: tneGrey #54605E ----------------------------------- */ --color-neutral: #54605E; --color-neutral-content: #ffffff; /* ---- Info: same as accent (newblue) ----------------------------- */ --color-info: #16ACF1; --color-info-content: #ffffff; /* ---- Success: green #46C215 ------------------------------------ */ --color-success: #46C215; --color-success-content: #ffffff; /* ---- Warning: #F59F00 ------------------------------------------- */ --color-warning: #F59F00; --color-warning-content: #212529; /* dark text on amber bg */ /* ---- Error: red #FA5252 ----------------------------------------- */ --color-error: #FA5252; --color-error-content: #ffffff; /* ---- Misc ------------------------------------------------------ */ --font-family: "Inter", sans-serif; } /* ── Dark variant (auto: follows system preference) ─────────────── */ @media (prefers-color-scheme: dark) { [data-theme="kyno"] { --color-base-100: #495057; /* paperDark */ --color-base-200: #3D4348; /* paperDark darkened */ --color-base-300: #343A40; /* borders / dividers */ --color-base-content: #ffffff; /* --mantine-color-text dark */ /* Slightly brighter primaries for dark bg readability */ --color-primary: #00A793; --color-primary-content: #ffffff; --color-secondary: #9060C0; --color-secondary-content: #ffffff; --color-accent: #45BDF4; --color-accent-content: #00425A; --color-neutral: #6C757D; --color-neutral-content: #ffffff; --color-info: #45BDF4; --color-info-content: #00425A; --color-success: #6BCE44; --color-success-content: #0A1F00; --color-warning: #FFBE38; --color-warning-content: #3D2E00; --color-error: #FF8787; --color-error-content: #3D0000; } } /* ── Dark variant (forced: user manually selected) ──────────────── */ [data-theme="kyno-dark"] { --color-base-100: #495057; --color-base-200: #3D4348; --color-base-300: #343A40; --color-base-content: #ffffff; --color-primary: #00A793; --color-primary-content: #ffffff; --color-secondary: #9060C0; --color-secondary-content: #ffffff; --color-accent: #45BDF4; --color-accent-content: #00425A; --color-neutral: #6C757D; --color-neutral-content: #ffffff; --color-info: #45BDF4; --color-info-content: #00425A; --color-success: #6BCE44; --color-success-content: #0A1F00; --color-warning: #FFBE38; --color-warning-content: #3D2E00; --color-error: #FF8787; --color-error-content: #3D0000; }