161 lines
3.9 KiB
CSS
161 lines
3.9 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
--background: 0 0% 98%;
|
|
--foreground: 220 20% 10%;
|
|
--card: 0 0% 100%;
|
|
--card-foreground: 220 20% 10%;
|
|
--popover: 0 0% 100%;
|
|
--popover-foreground: 220 20% 10%;
|
|
--primary: 220 70% 45%;
|
|
--primary-foreground: 0 0% 100%;
|
|
--secondary: 220 14% 92%;
|
|
--secondary-foreground: 220 20% 20%;
|
|
--muted: 220 14% 94%;
|
|
--muted-foreground: 215 12% 46%;
|
|
--accent: 220 14% 90%;
|
|
--accent-foreground: 220 20% 10%;
|
|
--destructive: 0 72% 51%;
|
|
--destructive-foreground: 0 0% 100%;
|
|
--border: 220 13% 87%;
|
|
--input: 220 13% 87%;
|
|
--ring: 220 70% 45%;
|
|
--radius: 0.375rem;
|
|
|
|
--candle-bull: 0 0% 100%;
|
|
--candle-bull-stroke: 0 0% 10%;
|
|
--candle-bear: 0 0% 10%;
|
|
--candle-bear-stroke: 0 0% 10%;
|
|
|
|
--annotation-blue: 217 91% 60%;
|
|
--annotation-red: 0 72% 51%;
|
|
--annotation-green: 152 69% 45%;
|
|
--annotation-orange: 38 92% 50%;
|
|
--annotation-purple: 263 70% 58%;
|
|
|
|
--sidebar-background: 0 0% 100%;
|
|
--sidebar-foreground: 220 20% 20%;
|
|
--sidebar-primary: 220 70% 45%;
|
|
--sidebar-primary-foreground: 0 0% 100%;
|
|
--sidebar-accent: 220 14% 94%;
|
|
--sidebar-accent-foreground: 220 20% 10%;
|
|
--sidebar-border: 220 13% 90%;
|
|
--sidebar-ring: 220 70% 45%;
|
|
|
|
--chart-bg: 0 0% 100%;
|
|
--chart-grid: 220 13% 92%;
|
|
--chart-crosshair: 220 10% 60%;
|
|
--chart-text: 215 12% 46%;
|
|
}
|
|
|
|
.dark {
|
|
--background: 220 20% 7%;
|
|
--foreground: 210 20% 90%;
|
|
--card: 220 18% 10%;
|
|
--card-foreground: 210 20% 90%;
|
|
--popover: 220 18% 12%;
|
|
--popover-foreground: 210 20% 90%;
|
|
--primary: 217 91% 60%;
|
|
--primary-foreground: 220 20% 7%;
|
|
--secondary: 220 16% 16%;
|
|
--secondary-foreground: 210 20% 80%;
|
|
--muted: 220 14% 14%;
|
|
--muted-foreground: 215 12% 50%;
|
|
--accent: 220 16% 18%;
|
|
--accent-foreground: 210 20% 95%;
|
|
--destructive: 0 72% 51%;
|
|
--destructive-foreground: 210 20% 95%;
|
|
--border: 220 14% 18%;
|
|
--input: 220 14% 20%;
|
|
--ring: 217 91% 60%;
|
|
|
|
--candle-bull: 0 0% 100%;
|
|
--candle-bull-stroke: 0 0% 90%;
|
|
--candle-bear: 0 0% 10%;
|
|
--candle-bear-stroke: 0 0% 90%;
|
|
|
|
--annotation-blue: 217 91% 60%;
|
|
--annotation-red: 0 72% 51%;
|
|
--annotation-green: 152 69% 45%;
|
|
--annotation-orange: 38 92% 50%;
|
|
--annotation-purple: 263 70% 58%;
|
|
|
|
--sidebar-background: 220 20% 8%;
|
|
--sidebar-foreground: 210 20% 80%;
|
|
--sidebar-primary: 217 91% 60%;
|
|
--sidebar-primary-foreground: 220 20% 7%;
|
|
--sidebar-accent: 220 16% 14%;
|
|
--sidebar-accent-foreground: 210 20% 90%;
|
|
--sidebar-border: 220 14% 16%;
|
|
--sidebar-ring: 217 91% 60%;
|
|
|
|
--chart-bg: 220 20% 7%;
|
|
--chart-grid: 220 14% 14%;
|
|
--chart-crosshair: 210 20% 30%;
|
|
--chart-text: 215 12% 50%;
|
|
}
|
|
}
|
|
|
|
@layer base {
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
body {
|
|
@apply bg-background text-foreground antialiased;
|
|
font-family: var(--font-inter), system-ui, -apple-system, sans-serif;
|
|
}
|
|
code, .font-mono {
|
|
font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
|
|
}
|
|
}
|
|
|
|
@layer base {
|
|
::selection {
|
|
@apply bg-primary/20 text-foreground;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: hsl(var(--border));
|
|
border-radius: 3px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: hsl(var(--muted-foreground) / 0.5);
|
|
}
|
|
}
|
|
|
|
@layer utilities {
|
|
.scrollbar-thin {
|
|
scrollbar-width: thin;
|
|
}
|
|
.scrollbar-thin::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
.scrollbar-thin::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
.scrollbar-thin::-webkit-scrollbar-thumb {
|
|
background: hsl(var(--border));
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.animate-fade-in {
|
|
animation: fadeIn 0.2s ease-in-out;
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
}
|