trentuna/candle-annotator
8
0
Fork 0
Code Issues Pull requests Releases Packages Activity Actions

design: change to minimalistic and clean light theme

Browse source 
- Replace Matrix/terminal dark theme with modern light design
- Update Tailwind config with clean, professional color palette
- Change from monospace to Inter sans-serif font
- Update chart styling to use white background with subtle grids
- Remove glow effects and neon colors from buttons and UI
- Update color picker with better color options
- Improve sidebar spacing and typography
- Update annotation badges with softer colors
- Change scrollbar styling to match light theme
This commit is contained in:
Marko Djordjevic 2026-02-12 16:01:33 +01:00
parent 42bc3ae757
commit 08e8ebd1e0
9 changed files with 225 additions and 108 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/app/globals.css
View file

@ -4,25 +4,25 @@
@layer base {
:root {
--background: 120 100% 4%;
--foreground: 120 100% 50%;
--card: 120 100% 6%;
--card-foreground: 120 100% 50%;
--popover: 120 100% 4%;
--popover-foreground: 120 100% 50%;
--primary: 120 100% 50%;
--primary-foreground: 120 100% 4%;
--secondary: 120 100% 8%;
--secondary-foreground: 120 100% 50%;
--muted: 120 100% 10%;
--muted-foreground: 120 100% 40%;
--accent: 120 100% 50%;
--accent-foreground: 120 100% 4%;
--destructive: 348 100% 50%;
--destructive-foreground: 120 100% 4%;
--border: 120 100% 10%;
--input: 120 100% 8%;
--ring: 120 100% 50%;
--background: 0 0% 100%;
--foreground: 222 47% 11%;
--card: 0 0% 100%;
--card-foreground: 222 47% 11%;
--popover: 0 0% 100%;
--popover-foreground: 222 47% 11%;
--primary: 221 83% 53%;
--primary-foreground: 210 40% 98%;
--secondary: 210 40% 96%;
--secondary-foreground: 222 47% 11%;
--muted: 210 40% 96%;
--muted-foreground: 215 16% 47%;
--accent: 210 40% 96%;
--accent-foreground: 222 47% 11%;
--destructive: 0 84% 60%;
--destructive-foreground: 210 40% 98%;
--border: 214 32% 91%;
--input: 214 32% 91%;
--ring: 221 83% 53%;
--radius: 0.5rem;
}
}
@ -32,14 +32,14 @@
@apply border-border;
}
body {
@apply bg-background text-foreground;
font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
@apply bg-background text-foreground antialiased;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
}
@layer base {
::selection {
@apply bg-matrix/40 text-matrix;
@apply bg-primary/20 text-foreground;
}
::-webkit-scrollbar {
@ -47,10 +47,10 @@
}
::-webkit-scrollbar-track {
@apply bg-matrixDark;
@apply bg-muted;
}
::-webkit-scrollbar-thumb {
@apply bg-matrix rounded;
@apply bg-border hover:bg-muted-foreground/30 rounded;
}
}