Spaces:
Sleeping
Sleeping
File size: 3,692 Bytes
de7129f |
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 89 90 91 92 93 94 95 96 97 98 |
@tailwind base;
@tailwind components;
@tailwind utilities;
body {
font-family: 'Inter', sans-serif;
}
@layer base {
:root {
--background: 218 27% 94.3%; /* Light Gray #F0F2F5 */
--foreground: 220 10% 20%; /* Dark Gray for text */
--card: 0 0% 100%; /* White */
--card-foreground: 220 10% 20%;
--popover: 0 0% 100%;
--popover-foreground: 220 10% 20%;
--primary: 231 48% 48%; /* Deep Blue #3F51B5 */
--primary-foreground: 0 0% 98%; /* White */
--secondary: 218 25% 90%; /* Slightly darker than main bg */
--secondary-foreground: 220 10% 20%;
--muted: 218 20% 92%; /* Lighter version of bg */
--muted-foreground: 218 15% 60%; /* Lighter text */
--accent: 36 100% 50%; /* Vibrant Orange #FF9800 */
--accent-foreground: 220 10% 15%; /* Dark text on accent */
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--border: 218 11% 85.1%; /* Gray border */
--input: 0 0% 100%; /* White for input background */
--input-border: 218 11% 85.1%; /* Match border for input borders */
--ring: 36 100% 50%; /* Accent color for focus rings */
--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-background: 218 27% 96%; /* Similar to main background or slightly adjusted */
--sidebar-foreground: 231 48% 30%; /* Darker blue or primary text color */
--sidebar-primary: 231 48% 48%; /* Primary color */
--sidebar-primary-foreground: 0 0% 98%; /* White */
--sidebar-accent: 36 100% 50%; /* Accent color */
--sidebar-accent-foreground: 220 10% 15%; /* Dark text on accent */
--sidebar-border: 218 11% 85.1%; /* Border */
--sidebar-ring: 36 100% 50%; /* Accent for ring */
}
.dark {
--background: 220 13% 18%; /* Dark Gray #262B33 */
--foreground: 210 17% 82%; /* Light Gray #CAD0D8 */
--card: 220 13% 22%; /* #303640 */
--card-foreground: 210 17% 82%;
--popover: 220 13% 22%;
--popover-foreground: 210 17% 82%;
--primary: 231 48% 60%; /* Lighter Deep Blue */
--primary-foreground: 0 0% 98%;
--secondary: 220 13% 25%; /* Darker shade for secondary elements */
--secondary-foreground: 210 17% 82%;
--muted: 220 13% 22%; /* Similar to card */
--muted-foreground: 210 15% 55%; /* Lighter muted text */
--accent: 36 100% 55%; /* Brighter Vibrant Orange */
--accent-foreground: 36 100% 10%; /* Very dark for text on accent */
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--border: 220 13% 28%; /* #3F4652 */
--input: 220 13% 22%; /* Dark input background */
--input-border: 220 13% 28%; /* Match border for input borders */
--ring: 36 100% 55%; /* Accent for ring */
--chart-1: 220 70% 50%;
--chart-2: 160 60% 45%;
--chart-3: 30 80% 55%;
--chart-4: 280 65% 60%;
--chart-5: 340 75% 55%;
--sidebar-background: 220 13% 15%; /* Darker for sidebar */
--sidebar-foreground: 210 17% 82%; /* Light text */
--sidebar-primary: 231 48% 60%; /* Primary color */
--sidebar-primary-foreground: 0 0% 98%; /* White */
--sidebar-accent: 36 100% 55%; /* Accent color */
--sidebar-accent-foreground: 36 100% 10%; /* Dark text on accent */
--sidebar-border: 220 13% 28%; /* Border */
--sidebar-ring: 36 100% 55%; /* Accent for ring */
}
}
@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
font-family: 'Inter', sans-serif; /* Ensure Inter is the default */
}
/* Apply input border color globally */
input, textarea, select {
@apply border-input-border;
}
}
|