Spaces:
Sleeping
Sleeping
File size: 2,916 Bytes
58ac475 a44285a d93d789 a44285a d93d789 a44285a d93d789 a44285a 58ac475 a44285a 58ac475 d93d789 a44285a 58ac475 d93d789 58ac475 a44285a 58ac475 a44285a 58ac475 a44285a 58ac475 a44285a 58ac475 a44285a 58ac475 a44285a 58ac475 a44285a d93d789 a44285a d93d789 a44285a 58ac475 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 |
@tailwind base;
@tailwind components;
@tailwind utilities;
body {
font-family: Arial, Helvetica, sans-serif;
}
@layer base {
:root {
--background: 145 60% 97%; /* Very Light Green */
--foreground: 240 10% 3.9%; /* Default dark text */
--card: 145 60% 97%; /* Match background */
--card-foreground: 240 10% 3.9%;
--popover: 145 60% 97%;
--popover-foreground: 240 10% 3.9%;
--primary: 145 65% 40%; /* Main Green */
--primary-foreground: 145 20% 98%; /* White text on Green */
--secondary: 145 40% 90%; /* Lighter, less saturated green/grey */
--secondary-foreground: 145 10% 25%;
--muted: 145 30% 85%; /* Muted green/grey */
--muted-foreground: 145 5% 45%;
--accent: 145 65% 40%; /* Accent Green (same as primary) */
--accent-foreground: 145 20% 98%; /* White text on Accent Green */
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--border: 145 30% 88%; /* Slightly darker green/grey border */
--input: 145 30% 92%; /* Input background */
--ring: 145 65% 50%; /* Ring color related to green accent */
--chart-1: 12 76% 61%;
--chart-2: 173 58% 39%;
--chart-3: 197 37% 24%;
--chart-4: 43 74% 66%;
--chart-5: 27 87% 67%;
--radius: 0.5rem;
/* Sidebar specific colors, matched to the theme */
--sidebar-background: 145 50% 95%; /* Slightly darker/more saturated green for sidebar */
--sidebar-foreground: 145 10% 20%;
--sidebar-primary: 145 65% 40%;
--sidebar-primary-foreground: 145 20% 98%;
--sidebar-accent: 145 65% 40%;
--sidebar-accent-foreground: 145 20% 98%;
--sidebar-border: 145 30% 85%;
--sidebar-ring: 145 65% 50%;
}
.dark {
--background: 145 20% 10%; /* Dark Green */
--foreground: 0 0% 98%;
--card: 145 20% 10%;
--card-foreground: 0 0% 98%;
--popover: 145 20% 10%;
--popover-foreground: 0 0% 98%;
--primary: 145 70% 50%; /* Vibrant Green for dark mode */
--primary-foreground: 145 30% 15%; /* Darker green text for contrast */
--secondary: 145 15% 20%;
--secondary-foreground: 0 0% 98%;
--muted: 145 10% 25%;
--muted-foreground: 0 0% 63.9%;
--accent: 145 70% 50%; /* Vibrant Green for dark mode accent */
--accent-foreground: 145 30% 15%; /* Darker green text for contrast */
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--border: 145 15% 20%;
--input: 145 15% 20%;
--ring: 145 70% 55%; /* Ring color for dark mode green */
--sidebar-background: 145 15% 12%;
--sidebar-foreground: 0 0% 95%;
--sidebar-primary: 145 70% 50%;
--sidebar-primary-foreground: 145 30% 15%;
--sidebar-accent: 145 70% 50%;
--sidebar-accent-foreground: 145 30% 15%;
--sidebar-border: 145 15% 20%;
--sidebar-ring: 145 70% 55%;
}
}
@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
}
}
|