Applied theme Glacier
Applied theme in Lovable
This commit is contained in:
gpt-engineer-app[bot]
parent
e383ed7f6c
commit
7b919272b5
139
src/index.css
139
src/index.css
@ -1,36 +1,39 @@
|
||||
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap");
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
:root {
|
||||
--background: 0 0% 100%;
|
||||
--foreground: 265 4% 12.9%;
|
||||
--card: 0 0% 100%;
|
||||
--card-foreground: 265 4% 12.9%;
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 265 4% 12.9%;
|
||||
--primary: 266 4% 20.8%;
|
||||
--primary-foreground: 248 0.3% 98.4%;
|
||||
--secondary: 248 0.7% 96.8%;
|
||||
--secondary-foreground: 266 4% 20.8%;
|
||||
--muted: 248 0.7% 96.8%;
|
||||
--muted-foreground: 257 4.6% 55.4%;
|
||||
--accent: 248 0.7% 96.8%;
|
||||
--accent-foreground: 266 4% 20.8%;
|
||||
--destructive: 27 24.5% 57.7%;
|
||||
--destructive-foreground: 0 0% 100%;
|
||||
--border: 256 1.3% 92.9%;
|
||||
--input: 256 1.3% 92.9%;
|
||||
--ring: 257 4% 70.4%;
|
||||
--chart-1: 41 22.2% 64.6%;
|
||||
--chart-2: 185 11.8% 60%;
|
||||
--chart-3: 227 7% 39.8%;
|
||||
--chart-4: 84 18.9% 82.8%;
|
||||
--chart-5: 70 18.8% 76.9%;
|
||||
--radius: 0.375rem;
|
||||
--background: 209 40% 96%;
|
||||
--foreground: 222 47% 11%;
|
||||
--card: 210 40% 98%;
|
||||
--card-foreground: 222 47% 11%;
|
||||
--popover: 214 31% 91%;
|
||||
--popover-foreground: 222 47% 11%;
|
||||
--primary: 200 98% 39%;
|
||||
--primary-foreground: 204 100% 97%;
|
||||
--secondary: 215 24% 26%;
|
||||
--secondary-foreground: 210 40% 98%;
|
||||
--muted: 215 20% 65%;
|
||||
--muted-foreground: 222 47% 11%;
|
||||
--accent: 210 40% 98%;
|
||||
--accent-foreground: 215 19% 34%;
|
||||
--destructive: 0 72% 50%;
|
||||
--destructive-foreground: 0 85% 97%;
|
||||
--border: 212 26% 83%;
|
||||
--input: 212 26% 83%;
|
||||
--ring: 200 98% 39%;
|
||||
--chart-1: 198 93% 59%;
|
||||
--chart-2: 213 93% 67%;
|
||||
--chart-3: 215 20% 65%;
|
||||
--chart-4: 215 16% 46%;
|
||||
--chart-5: 215 19% 34%;
|
||||
--radius: 0.5rem;
|
||||
|
||||
/* Dynamic blue theme enhancements */
|
||||
--primary-strong: 222 89% 63%;
|
||||
@ -40,17 +43,17 @@
|
||||
|
||||
/* Sidebar variables */
|
||||
--sidebar-background: 0 0% 98%;
|
||||
--sidebar-foreground: 265 4% 12.9%;
|
||||
--sidebar-primary: 266 4% 20.8%;
|
||||
--sidebar-primary-foreground: 248 0.3% 98.4%;
|
||||
--sidebar-accent: 248 0.7% 96.8%;
|
||||
--sidebar-accent-foreground: 266 4% 20.8%;
|
||||
--sidebar-border: 256 1.3% 92.9%;
|
||||
--sidebar-ring: 257 4% 70.4%;
|
||||
--sidebar: 248 0.3% 98.4%;
|
||||
--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
||||
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
--sidebar-foreground: 222 47% 11%;
|
||||
--sidebar-primary: 200 98% 39%;
|
||||
--sidebar-primary-foreground: 204 100% 97%;
|
||||
--sidebar-accent: 215 24% 26%;
|
||||
--sidebar-accent-foreground: 210 40% 98%;
|
||||
--sidebar-border: 212 26% 83%;
|
||||
--sidebar-ring: 200 98% 39%;
|
||||
--sidebar: 210 40% 98%;
|
||||
--font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
|
||||
--font-serif: 'Lora', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
|
||||
--font-mono: 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
|
||||
--shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
|
||||
--shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
|
||||
--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
|
||||
@ -64,41 +67,41 @@
|
||||
}
|
||||
|
||||
.dark {
|
||||
--background: 0 0% 15%;
|
||||
--foreground: 248 0.3% 98.4%;
|
||||
--card: 266 4% 20.8%;
|
||||
--card-foreground: 248 0.3% 98.4%;
|
||||
--popover: 266 4% 20.8%;
|
||||
--popover-foreground: 248 0.3% 98.4%;
|
||||
--primary: 256 1.3% 92.9%;
|
||||
--primary-foreground: 266 4% 20.8%;
|
||||
--secondary: 260 4.1% 27.9%;
|
||||
--secondary-foreground: 248 0.3% 98.4%;
|
||||
--muted: 260 4.1% 27.9%;
|
||||
--muted-foreground: 257 4% 70.4%;
|
||||
--accent: 260 4.1% 27.9%;
|
||||
--accent-foreground: 248 0.3% 98.4%;
|
||||
--destructive: 22 19.1% 70.4%;
|
||||
--destructive-foreground: 248 0.3% 98.4%;
|
||||
--border: 0 0% 100% / 10%;
|
||||
--input: 0 0% 100% / 15%;
|
||||
--ring: 264 2.7% 55.1%;
|
||||
--chart-1: 264 24.3% 48.8%;
|
||||
--chart-2: 162 17% 69.6%;
|
||||
--chart-3: 70 18.8% 76.9%;
|
||||
--chart-4: 304 26.5% 62.7%;
|
||||
--chart-5: 16 24.6% 64.5%;
|
||||
--background: 222 47% 11%;
|
||||
--foreground: 210 40% 98%;
|
||||
--card: 217 32% 17%;
|
||||
--card-foreground: 210 40% 98%;
|
||||
--popover: 215 24% 26%;
|
||||
--popover-foreground: 210 40% 98%;
|
||||
--primary: 198 93% 59%;
|
||||
--primary-foreground: 204 80% 15%;
|
||||
--secondary: 212 26% 83%;
|
||||
--secondary-foreground: 228 84% 4%;
|
||||
--muted: 215 16% 46%;
|
||||
--muted-foreground: 210 40% 98%;
|
||||
--accent: 228 84% 4%;
|
||||
--accent-foreground: 215 20% 65%;
|
||||
--destructive: 0 84% 60%;
|
||||
--destructive-foreground: 0 85% 97%;
|
||||
--border: 215 19% 34%;
|
||||
--input: 215 19% 34%;
|
||||
--ring: 198 93% 59%;
|
||||
--chart-1: 199 95% 73%;
|
||||
--chart-2: 211 96% 78%;
|
||||
--chart-3: 215 20% 65%;
|
||||
--chart-4: 215 16% 46%;
|
||||
--chart-5: 215 19% 34%;
|
||||
|
||||
/* Sidebar dark variables */
|
||||
--sidebar-background: 240 5.9% 10%;
|
||||
--sidebar-foreground: 248 0.3% 98.4%;
|
||||
--sidebar-primary: 264 24.3% 48.8%;
|
||||
--sidebar-primary-foreground: 248 0.3% 98.4%;
|
||||
--sidebar-accent: 260 4.1% 27.9%;
|
||||
--sidebar-accent-foreground: 248 0.3% 98.4%;
|
||||
--sidebar-border: 0 0% 100% / 10%;
|
||||
--sidebar-ring: 264 2.7% 55.1%;
|
||||
--sidebar: 266 4% 20.8%;
|
||||
--sidebar-foreground: 210 40% 98%;
|
||||
--sidebar-primary: 198 93% 59%;
|
||||
--sidebar-primary-foreground: 204 80% 15%;
|
||||
--sidebar-accent: 215 20% 65%;
|
||||
--sidebar-accent-foreground: 228 84% 4%;
|
||||
--sidebar-border: 215 19% 34%;
|
||||
--sidebar-ring: 198 93% 59%;
|
||||
--sidebar: 217 32% 17%;
|
||||
--shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
|
||||
--shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
|
||||
--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
|
||||
|
||||
@ -113,6 +113,39 @@ const config: Config = {
|
||||
'Inter',
|
||||
'system-ui',
|
||||
'sans-serif'
|
||||
],
|
||||
sans: [
|
||||
'Inter',
|
||||
'ui-sans-serif',
|
||||
'system-ui',
|
||||
'-apple-system',
|
||||
'BlinkMacSystemFont',
|
||||
'Segoe UI',
|
||||
'Roboto',
|
||||
'Helvetica Neue',
|
||||
'Arial',
|
||||
'Noto Sans',
|
||||
'sans-serif'
|
||||
],
|
||||
serif: [
|
||||
'Lora',
|
||||
'ui-serif',
|
||||
'Georgia',
|
||||
'Cambria',
|
||||
'Times New Roman',
|
||||
'Times',
|
||||
'serif'
|
||||
],
|
||||
mono: [
|
||||
'Space Mono',
|
||||
'ui-monospace',
|
||||
'SFMono-Regular',
|
||||
'Menlo',
|
||||
'Monaco',
|
||||
'Consolas',
|
||||
'Liberation Mono',
|
||||
'Courier New',
|
||||
'monospace'
|
||||
]
|
||||
},
|
||||
boxShadow: {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user