From be933f53837883710bee58164fb583e5b53b12c3 Mon Sep 17 00:00:00 2001 From: Your Name Date: Sun, 15 Feb 2026 18:43:23 +0200 Subject: [PATCH] feat: configure custom OKLCH theme, fonts, and dark mode tokens --- index.html | 5 ++++- src/index.css | 40 +++++++++++++++++++++++++++++++++++++--- 2 files changed, 41 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index ff93803..4f0765f 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,10 @@ - Tauri + React + Typescript + OpenPylon + + + diff --git a/src/index.css b/src/index.css index b9671b8..69c9087 100644 --- a/src/index.css +++ b/src/index.css @@ -43,6 +43,16 @@ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); + --color-pylon-bg: var(--pylon-bg); + --color-pylon-surface: var(--pylon-surface); + --color-pylon-column: var(--pylon-column); + --color-pylon-accent: var(--pylon-accent); + --color-pylon-text: var(--pylon-text); + --color-pylon-text-secondary: var(--pylon-text-secondary); + --color-pylon-danger: var(--pylon-danger); + --font-heading: "Instrument Serif", Georgia, serif; + --font-body: "Satoshi", system-ui, -apple-system, sans-serif; + --font-mono: "Geist Mono", "JetBrains Mono", "Fira Code", monospace; } :root { @@ -78,6 +88,13 @@ --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); + --pylon-bg: oklch(97% 0.005 80); + --pylon-surface: oklch(99% 0.003 80); + --pylon-column: oklch(95% 0.008 80); + --pylon-accent: oklch(55% 0.12 160); + --pylon-text: oklch(25% 0.015 50); + --pylon-text-secondary: oklch(55% 0.01 50); + --pylon-danger: oklch(55% 0.18 25); } .dark { @@ -112,15 +129,32 @@ --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(1 0 0 / 10%); --sidebar-ring: oklch(0.556 0 0); + --pylon-bg: oklch(18% 0.01 50); + --pylon-surface: oklch(22% 0.01 50); + --pylon-column: oklch(20% 0.012 50); + --pylon-accent: oklch(60% 0.12 160); + --pylon-text: oklch(90% 0.01 50); + --pylon-text-secondary: oklch(55% 0.01 50); + --pylon-danger: oklch(60% 0.18 25); } @layer base { * { @apply border-border outline-ring/50; - @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; - @apply bg-background text-foreground; + font-family: "Satoshi", system-ui, -apple-system, sans-serif; } -} \ No newline at end of file +} + +@media (prefers-reduced-motion: reduce) { + *, + *::before, + *::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; + } +}