Elijah/convertor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add files via upload

Browse source
This commit is contained in:
Kosztyk 2026-01-12 21:08:11 +02:00 • committed by GitHub
parent bb751163ba
commit f0c90f2c3b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 66 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

67
src/theme/theme.css
View file

@ -1,6 +1,16 @@
/*
ConvertX theme tokens
Strategy:
- Default (no explicit override): follow OS preference via prefers-color-scheme.
- Manual override: set <html data-theme="light|dark">.
- JS sets/clears data-theme based on localStorage (see /public/theme.js).
*/
:root { :root {
/* Light mode */ /* Light mode (default tokens) */
--contrast: oklch(100% 0 0); --contrast: oklch(100% 0 0);
/* Neutral colors - Gray */ /* Neutral colors - Gray */
--neutral-950: oklch(98.5% 0.002 247.839); --neutral-950: oklch(98.5% 0.002 247.839);
--neutral-900: oklch(96.7% 0.003 264.542); --neutral-900: oklch(96.7% 0.003 264.542);
@ -13,6 +23,8 @@
--neutral-200: oklch(26.9% 0 0); --neutral-200: oklch(26.9% 0 0);
--neutral-100: oklch(21% 0.034 264.665); --neutral-100: oklch(21% 0.034 264.665);
--neutral-50: oklch(13% 0.028 261.692); --neutral-50: oklch(13% 0.028 261.692);
/* Accent (lime) */
/* lime-700 */ /* lime-700 */
--accent-600: oklch(53.2% 0.157 131.589); --accent-600: oklch(53.2% 0.157 131.589);
/* lime-600 */ /* lime-600 */
@ -21,10 +33,10 @@
--accent-400: oklch(76.8% 0.233 130.85); --accent-400: oklch(76.8% 0.233 130.85);
} }
@media (prefers-color-scheme: dark) { /* Manual override: dark */
/* Dark mode */ :root[data-theme="dark"] {
:root {
--contrast: oklch(0% 0 0); --contrast: oklch(0% 0 0);
/* Neutral colors - Gray */ /* Neutral colors - Gray */
--neutral-950: oklch(13% 0.028 261.692); --neutral-950: oklch(13% 0.028 261.692);
--neutral-900: oklch(21% 0.034 264.665); --neutral-900: oklch(21% 0.034 264.665);
@ -37,11 +49,58 @@
--neutral-200: oklch(92.8% 0.006 264.531); --neutral-200: oklch(92.8% 0.006 264.531);
--neutral-100: oklch(96.7% 0.003 264.542); --neutral-100: oklch(96.7% 0.003 264.542);
--neutral-50: oklch(98.5% 0.002 247.839); --neutral-50: oklch(98.5% 0.002 247.839);
/* Accent (lime) */
/* lime-600 */ /* lime-600 */
--accent-600: oklch(64.8% 0.2 131.684); --accent-600: oklch(64.8% 0.2 131.684);
/* lime-500 */ /* lime-500 */
--accent-500: oklch(76.8% 0.233 130.85); --accent-500: oklch(76.8% 0.233 130.85);
/* lime-400 */ /* lime-400 */
--accent-400: oklch(84.1% 0.238 128.85); --accent-400: oklch(84.1% 0.238 128.85);
}
/* Manual override: light (kept explicit for completeness) */
:root[data-theme="light"] {
--contrast: oklch(100% 0 0);
/* Neutral colors - Gray */
--neutral-950: oklch(98.5% 0.002 247.839);
--neutral-900: oklch(96.7% 0.003 264.542);
--neutral-800: oklch(92.8% 0.006 264.531);
--neutral-700: oklch(87.2% 0.01 258.338);
--neutral-600: oklch(70.7% 0.022 261.325);
--neutral-500: oklch(55.1% 0.027 264.364);
--neutral-400: oklch(44.6% 0.03 256.802);
--neutral-300: oklch(37.3% 0.034 259.733);
--neutral-200: oklch(26.9% 0 0);
--neutral-100: oklch(21% 0.034 264.665);
--neutral-50: oklch(13% 0.028 261.692);
/* Accent (lime) */
--accent-600: oklch(53.2% 0.157 131.589);
--accent-500: oklch(64.8% 0.2 131.684);
--accent-400: oklch(76.8% 0.233 130.85);
}
/* Default behavior (no manual override): follow OS preference */
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) {
--contrast: oklch(0% 0 0);
--neutral-950: oklch(13% 0.028 261.692);
--neutral-900: oklch(21% 0.034 264.665);
--neutral-800: oklch(27.8% 0.033 256.848);
--neutral-700: oklch(37.3% 0.034 259.733);
--neutral-600: oklch(44.6% 0.03 256.802);
--neutral-500: oklch(55.1% 0.027 264.364);
--neutral-400: oklch(70.7% 0.022 261.325);
--neutral-300: oklch(87.2% 0.01 258.338);
--neutral-200: oklch(92.8% 0.006 264.531);
--neutral-100: oklch(96.7% 0.003 264.542);
--neutral-50: oklch(98.5% 0.002 247.839);
--accent-600: oklch(64.8% 0.2 131.684);
--accent-500: oklch(76.8% 0.233 130.85);
--accent-400: oklch(84.1% 0.238 128.85);
} }
} }