schmidt1024/kashilo
1
0
Fork 0
Code Issues Pull Requests Releases Activity

change theming

Browse Source
This commit is contained in:
Schmidt
2026-01-28 07:49:16 +01:00
parent b653c6d19d
commit aa73d7e593
1 changed files with 66 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
css/variables.css
View File

@@ -1,37 +1,37 @@
:root { :root {
/* /*
* Lavender Light + Deep Purple Dark * Warm Gray Theme - dgray.io
* WCAG AAA konform (Kontrast > 7:1) * WCAG AA konform (Kontrast > 4.5:1)
*/ */
/* Colors - Light Mode */ /* Colors - Light Mode */
--color-primary: #6B5B95; --color-primary: #6B7B8C;
--color-primary-hover: #574A7A; --color-primary-hover: #56656F;
--color-primary-light: #E8E4F0; --color-primary-light: #E5E8EB;
--color-secondary: #9B8AA6; --color-secondary: #8A9299;
--color-secondary-hover: #7D6E8A; --color-secondary-hover: #6E777D;
--color-accent: #A67B9E; --color-accent: #A67C52;
--color-accent-hover: #8A6283; --color-accent-hover: #8B6543;
--color-success: #5A8F6B; --color-success: #5A8F6B;
--color-warning: #C49A3C; --color-warning: #C49A3C;
--color-error: #B54747; --color-error: #B54747;
--color-bg: #FAF8FC; --color-bg: #F8F7F5;
--color-bg-secondary: #F3F0F7; --color-bg-secondary: #F0EFEC;
--color-bg-tertiary: #EBE6F2; --color-bg-tertiary: #E5E3DF;
--color-text: #2A2633; --color-text: #2D2D2A;
--color-text-secondary: #524A5E; --color-text-secondary: #525250;
--color-text-muted: #8A8295; --color-text-muted: #8A8985;
--color-border: #DDD8E6; --color-border: #D5D3CE;
--color-border-focus: #6B5B95; --color-border-focus: #6B7B8C;
--color-shadow: rgba(42, 38, 51, 0.1); --color-shadow: rgba(45, 45, 42, 0.1);
--color-overlay: rgba(42, 38, 51, 0.5); --color-overlay: rgba(45, 45, 42, 0.5);
/* Spacing */ /* Spacing */
--space-xs: 0.25rem; --space-xs: 0.25rem;
@@ -96,30 +96,30 @@
/* Dark Mode - System Preference */ /* Dark Mode - System Preference */
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) { :root:not([data-theme="light"]) {
--color-primary: #B8A5D6; --color-primary: #9AABBB;
--color-primary-hover: #C9BAE3; --color-primary-hover: #B0BEC9;
--color-primary-light: #2D2440; --color-primary-light: #2A2D30;
--color-secondary: #A699B8; --color-secondary: #A0A8AE;
--color-secondary-hover: #BAAFCA; --color-secondary-hover: #B5BCC1;
--color-accent: #C9A5C4; --color-accent: #C9A378;
--color-accent-hover: #D9BAD5; --color-accent-hover: #D9B88E;
--color-success: #7CB88A; --color-success: #7CB88A;
--color-warning: #D4B05C; --color-warning: #D4B05C;
--color-error: #D47070; --color-error: #D47070;
--color-bg: #1A1424; --color-bg: #1E1D1B;
--color-bg-secondary: #252033; --color-bg-secondary: #28272A;
--color-bg-tertiary: #312A42; --color-bg-tertiary: #343230;
--color-text: #F5F2FA; --color-text: #F5F4F2;
--color-text-secondary: #D4CCDF; --color-text-secondary: #D0CFCC;
--color-text-muted: #9A90A8; --color-text-muted: #9A9895;
--color-border: #3D3550; --color-border: #454340;
--color-border-focus: #B8A5D6; --color-border-focus: #9AABBB;
--color-shadow: rgba(0, 0, 0, 0.4); --color-shadow: rgba(0, 0, 0, 0.4);
--color-overlay: rgba(0, 0, 0, 0.6); --color-overlay: rgba(0, 0, 0, 0.6);
@@ -128,30 +128,30 @@
/* Dark Mode - Manual Override */ /* Dark Mode - Manual Override */
[data-theme="dark"] { [data-theme="dark"] {
--color-primary: #B8A5D6; --color-primary: #9AABBB;
--color-primary-hover: #C9BAE3; --color-primary-hover: #B0BEC9;
--color-primary-light: #2D2440; --color-primary-light: #2A2D30;
--color-secondary: #A699B8; --color-secondary: #A0A8AE;
--color-secondary-hover: #BAAFCA; --color-secondary-hover: #B5BCC1;
--color-accent: #C9A5C4; --color-accent: #C9A378;
--color-accent-hover: #D9BAD5; --color-accent-hover: #D9B88E;
--color-success: #7CB88A; --color-success: #7CB88A;
--color-warning: #D4B05C; --color-warning: #D4B05C;
--color-error: #D47070; --color-error: #D47070;
--color-bg: #1A1424; --color-bg: #1E1D1B;
--color-bg-secondary: #252033; --color-bg-secondary: #28272A;
--color-bg-tertiary: #312A42; --color-bg-tertiary: #343230;
--color-text: #F5F2FA; --color-text: #F5F4F2;
--color-text-secondary: #D4CCDF; --color-text-secondary: #D0CFCC;
--color-text-muted: #9A90A8; --color-text-muted: #9A9895;
--color-border: #3D3550; --color-border: #454340;
--color-border-focus: #B8A5D6; --color-border-focus: #9AABBB;
--color-shadow: rgba(0, 0, 0, 0.4); --color-shadow: rgba(0, 0, 0, 0.4);
--color-overlay: rgba(0, 0, 0, 0.6); --color-overlay: rgba(0, 0, 0, 0.6);
@@ -159,31 +159,31 @@
/* Light Mode - Manual Override */ /* Light Mode - Manual Override */
[data-theme="light"] { [data-theme="light"] {
--color-primary: #6B5B95; --color-primary: #6B7B8C;
--color-primary-hover: #574A7A; --color-primary-hover: #56656F;
--color-primary-light: #E8E4F0; --color-primary-light: #E5E8EB;
--color-secondary: #9B8AA6; --color-secondary: #8A9299;
--color-secondary-hover: #7D6E8A; --color-secondary-hover: #6E777D;
--color-accent: #A67B9E; --color-accent: #A67C52;
--color-accent-hover: #8A6283; --color-accent-hover: #8B6543;
--color-success: #5A8F6B; --color-success: #5A8F6B;
--color-warning: #C49A3C; --color-warning: #C49A3C;
--color-error: #B54747; --color-error: #B54747;
--color-bg: #FAF8FC; --color-bg: #F8F7F5;
--color-bg-secondary: #F3F0F7; --color-bg-secondary: #F0EFEC;
--color-bg-tertiary: #EBE6F2; --color-bg-tertiary: #E5E3DF;
--color-text: #2A2633; --color-text: #2D2D2A;
--color-text-secondary: #524A5E; --color-text-secondary: #525250;
--color-text-muted: #8A8295; --color-text-muted: #8A8985;
--color-border: #DDD8E6; --color-border: #D5D3CE;
--color-border-focus: #6B5B95; --color-border-focus: #6B7B8C;
--color-shadow: rgba(42, 38, 51, 0.1); --color-shadow: rgba(45, 45, 42, 0.1);
--color-overlay: rgba(42, 38, 51, 0.5); --color-overlay: rgba(45, 45, 42, 0.5);
} }