File size: 5,106 Bytes
5541427 582836a 5541427 c3f0819 5fe09e3 9283c8b 5fe09e3 9283c8b 5fe09e3 582836a d26ad91 582836a d26ad91 582836a |
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 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 |
@import 'tailwindcss';
@import 'tw-animate-css';
/*
---break---
*/
@custom-variant dark (&:is(.dark *));
/*
The default border color has changed to `currentcolor` in Tailwind CSS v4,
so we've added these compatibility styles to make sure everything still
looks the same as it did with Tailwind CSS v3.
If we ever want to remove these styles, we need to add an explicit border
color utility to any element that depends on these defaults.
*/
@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentcolor);
}
}
body {
margin: 0;
font-family:
-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
font-family:
source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
/*
---break---
*/
@theme inline {
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);
--color-background: var(--background);
--color-foreground: var(--foreground);
--color-card: var(--card);
--color-card-foreground: var(--card-foreground);
--color-popover: var(--popover);
--color-popover-foreground: var(--popover-foreground);
--color-primary: var(--primary);
--color-primary-foreground: var(--primary-foreground);
--color-secondary: var(--secondary);
--color-secondary-foreground: var(--secondary-foreground);
--color-muted: var(--muted);
--color-muted-foreground: var(--muted-foreground);
--color-accent: var(--accent);
--color-accent-foreground: var(--accent-foreground);
--color-destructive: var(--destructive);
--color-border: var(--border);
--color-input: var(--input);
--color-ring: var(--ring);
--color-chart-1: var(--chart-1);
--color-chart-2: var(--chart-2);
--color-chart-3: var(--chart-3);
--color-chart-4: var(--chart-4);
--color-chart-5: var(--chart-5);
--color-sidebar: var(--sidebar);
--color-sidebar-foreground: var(--sidebar-foreground);
--color-sidebar-primary: var(--sidebar-primary);
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
--color-sidebar-accent: var(--sidebar-accent);
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-ring: var(--sidebar-ring);
}
/*
---break---
*/
:root {
--radius: 0.625rem;
--background: oklch(0.98 0.01 220);
--foreground: oklch(0.145 0 0);
--card: oklch(0.7 0.12 260);
--card-foreground: oklch(0.145 0 0);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.145 0 0);
--primary: oklch(0.55 0.15 260);
--primary-foreground: oklch(0.985 0 0);
--secondary: oklch(0.96 0.02 240);
--secondary-foreground: oklch(0.3 0.05 260);
--muted: oklch(0.95 0.01 240);
--muted-foreground: oklch(0.556 0 0);
--accent: oklch(0.94 0.03 245);
--accent-foreground: oklch(0.35 0.06 260);
--destructive: oklch(0.577 0.245 27.325);
--border: oklch(0.9 0.02 240);
--input: oklch(0.92 0.02 240);
--ring: oklch(0.6 0.12 260);
--chart-1: oklch(0.55 0.15 260);
--chart-2: oklch(0.6 0.12 240);
--chart-3: oklch(0.65 0.1 220);
--chart-4: oklch(0.7 0.08 280);
--chart-5: oklch(0.75 0.06 300);
--sidebar: oklch(1 0 0);
--sidebar-foreground: oklch(0.145 0 0);
--sidebar-primary: oklch(0.55 0.15 260);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.94 0.03 245);
--sidebar-accent-foreground: oklch(0.35 0.06 260);
--sidebar-border: oklch(0.9 0.02 240);
--sidebar-ring: oklch(0.6 0.12 260);
}
/*
---break---
*/
.dark {
--background: oklch(0.12 0.02 260);
--foreground: oklch(0.985 0 0);
--card: oklch(0.7 0.12 260);
--card-foreground: oklch(0.985 0 0);
--popover: oklch(0.18 0.03 260);
--popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.7 0.12 260);
--primary-foreground: oklch(0.1 0.02 260);
--secondary: oklch(0.22 0.04 260);
--secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.22 0.04 260);
--muted-foreground: oklch(0.708 0 0);
--accent: oklch(0.25 0.05 260);
--accent-foreground: oklch(0.985 0 0);
--destructive: oklch(0.704 0.191 22.216);
--border: oklch(0.3 0.05 260);
--input: oklch(0.25 0.04 260);
--ring: oklch(0.6 0.12 260);
--chart-1: oklch(0.65 0.15 260);
--chart-2: oklch(0.6 0.12 240);
--chart-3: oklch(0.55 0.1 220);
--chart-4: oklch(0.7 0.08 280);
--chart-5: oklch(0.75 0.06 300);
--sidebar: oklch(0.16 0.03 260);
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.65 0.15 260);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.25 0.05 260);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(0.3 0.05 260);
--sidebar-ring: oklch(0.6 0.12 260);
}
/*
---break---
*/
@layer base {
* {
@apply border-border outline-ring/50;
}
body {
@apply bg-background text-foreground;
}
}
|