bare repo
This commit is contained in:
parent
d73f9bc01e
commit
3d356225cd
31 changed files with 134 additions and 3005 deletions
|
|
@ -3,65 +3,105 @@
|
|||
|
||||
@layer base {
|
||||
:root {
|
||||
--background: 227 92% 95%;
|
||||
--foreground: 234 16% 35%;
|
||||
/* Light theme */
|
||||
--background: rgb(231, 236, 254);
|
||||
--background: oklch(0.97 0.02 250);
|
||||
--foreground: rgb(75, 78, 104);
|
||||
--foreground: oklch(0.40 0.03 265);
|
||||
|
||||
--card: 225 23% 92%;
|
||||
--card-foreground: 234 16% 35%;
|
||||
--card: rgb(226, 230, 242);
|
||||
--card: oklch(0.92 0.02 260);
|
||||
--card-foreground: rgb(75, 78, 104);
|
||||
--card-foreground: oklch(0.40 0.03 265);
|
||||
|
||||
--popover: 225 23% 92%;
|
||||
--popover-foreground: 234 16% 35%;
|
||||
--popover: rgb(226, 230, 242);
|
||||
--popover: oklch(0.92 0.02 260);
|
||||
--popover-foreground: rgb(75, 78, 104);
|
||||
--popover-foreground: oklch(0.40 0.03 265);
|
||||
|
||||
--primary: 220 91% 54%;
|
||||
--primary-foreground: 227 92% 95%;
|
||||
--primary: rgb(31, 102, 244);
|
||||
--primary: oklch(0.60 0.20 260);
|
||||
--primary-foreground: rgb(231, 236, 254);
|
||||
--primary-foreground: oklch(0.97 0.02 250);
|
||||
|
||||
--secondary: 227 23% 83%;
|
||||
--secondary-foreground: 234 16% 35%;
|
||||
--secondary: rgb(212, 217, 228);
|
||||
--secondary: oklch(0.87 0.03 255);
|
||||
--secondary-foreground: rgb(75, 78, 104);
|
||||
--secondary-foreground: oklch(0.40 0.03 265);
|
||||
|
||||
--muted: 227 23% 83%;
|
||||
--muted-foreground: 231 11% 47%;
|
||||
--muted: rgb(212, 217, 228);
|
||||
--muted: oklch(0.87 0.03 255);
|
||||
--muted-foreground: rgb(115, 120, 141);
|
||||
--muted-foreground: oklch(0.55 0.03 265);
|
||||
|
||||
--accent: 11 83% 67%;
|
||||
--accent-foreground: 227 92% 95%;
|
||||
--accent: rgb(241, 127, 101);
|
||||
--accent: oklch(0.70 0.15 30);
|
||||
--accent-foreground: rgb(231, 236, 254);
|
||||
--accent-foreground: oklch(0.97 0.02 250);
|
||||
|
||||
--destructive: 347 87% 44%;
|
||||
--destructive-foreground: 227 92% 95%;
|
||||
--destructive: rgb(210, 15, 57);
|
||||
--destructive: oklch(0.50 0.28 15);
|
||||
--destructive-foreground: rgb(231, 236, 254);
|
||||
--destructive-foreground: oklch(0.97 0.02 250);
|
||||
|
||||
--border: 228 17% 77%;
|
||||
--input: 228 17% 77%;
|
||||
--ring: 220 91% 54%;
|
||||
--border: rgb(197, 201, 216);
|
||||
--border: oklch(0.83 0.02 265);
|
||||
--input: rgb(197, 201, 216);
|
||||
--input: oklch(0.83 0.02 265);
|
||||
--ring: rgb(31, 102, 244);
|
||||
--ring: oklch(0.60 0.20 260);
|
||||
|
||||
--radius: 0.5rem;
|
||||
}
|
||||
|
||||
.dark {
|
||||
--background: 233 31% 18%;
|
||||
--foreground: 227 68% 88%;
|
||||
/* Dark theme */
|
||||
--background: rgb(26, 32, 54);
|
||||
--background: oklch(0.25 0.05 265);
|
||||
--foreground: rgb(218, 226, 248);
|
||||
--foreground: oklch(0.90 0.03 260);
|
||||
|
||||
--card: 234 32% 15%;
|
||||
--card-foreground: 227 68% 88%;
|
||||
--card: rgb(22, 27, 45);
|
||||
--card: oklch(0.20 0.05 265);
|
||||
--card-foreground: rgb(218, 226, 248);
|
||||
--card-foreground: oklch(0.90 0.03 260);
|
||||
|
||||
--popover: 234 32% 15%;
|
||||
--popover-foreground: 227 68% 88%;
|
||||
--popover: rgb(22, 27, 45);
|
||||
--popover: oklch(0.20 0.05 265);
|
||||
--popover-foreground: rgb(218, 226, 248);
|
||||
--popover-foreground: oklch(0.90 0.03 260);
|
||||
|
||||
--primary: 220 83% 76%;
|
||||
--primary-foreground: 233 31% 18%;
|
||||
--primary: rgb(127, 167, 249);
|
||||
--primary: oklch(0.75 0.15 260);
|
||||
--primary-foreground: rgb(26, 32, 54);
|
||||
--primary-foreground: oklch(0.25 0.05 265);
|
||||
|
||||
--secondary: 233 25% 26%;
|
||||
--secondary-foreground: 227 68% 88%;
|
||||
--secondary: rgb(38, 46, 72);
|
||||
--secondary: oklch(0.30 0.06 265);
|
||||
--secondary-foreground: rgb(218, 226, 248);
|
||||
--secondary-foreground: oklch(0.90 0.03 260);
|
||||
|
||||
--muted: 233 25% 26%;
|
||||
--muted-foreground: 225 27% 72%;
|
||||
--muted: rgb(38, 46, 72);
|
||||
--muted: oklch(0.30 0.06 265);
|
||||
--muted-foreground: rgb(177, 186, 211);
|
||||
--muted-foreground: oklch(0.78 0.06 265);
|
||||
|
||||
--accent: 11 77% 90%;
|
||||
--accent-foreground: 233 31% 18%;
|
||||
--accent: rgb(255, 179, 164);
|
||||
--accent: oklch(0.83 0.12 30);
|
||||
--accent-foreground: rgb(26, 32, 54);
|
||||
--accent-foreground: oklch(0.25 0.05 265);
|
||||
|
||||
--destructive: 351 74% 76%;
|
||||
--destructive-foreground: 233 31% 18%;
|
||||
--destructive: rgb(247, 130, 150);
|
||||
--destructive: oklch(0.75 0.18 15);
|
||||
--destructive-foreground: rgb(26, 32, 54);
|
||||
--destructive-foreground: oklch(0.25 0.05 265);
|
||||
|
||||
--border: 233 25% 26%;
|
||||
--input: 233 25% 26%;
|
||||
--ring: 220 83% 76%;
|
||||
--border: rgb(38, 46, 72);
|
||||
--border: oklch(0.30 0.06 265);
|
||||
--input: rgb(38, 46, 72);
|
||||
--input: oklch(0.30 0.06 265);
|
||||
--ring: rgb(127, 167, 249);
|
||||
--ring: oklch(0.75 0.15 260);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -78,106 +118,106 @@
|
|||
|
||||
@layer utilities {
|
||||
.bg-background {
|
||||
background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--background);
|
||||
}
|
||||
.bg-foreground {
|
||||
background-color: hsl(var(--foreground) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--foreground);
|
||||
}
|
||||
.bg-card {
|
||||
background-color: hsl(var(--card) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--card);
|
||||
}
|
||||
.bg-card-foreground {
|
||||
background-color: hsl(var(--card-foreground) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--card-foreground);
|
||||
}
|
||||
.bg-popover {
|
||||
background-color: hsl(var(--popover) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--popover);
|
||||
}
|
||||
.bg-popover-foreground {
|
||||
background-color: hsl(var(--popover-foreground) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--popover-foreground);
|
||||
}
|
||||
.bg-primary {
|
||||
background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--primary);
|
||||
}
|
||||
.bg-primary-foreground {
|
||||
background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--primary-foreground);
|
||||
}
|
||||
.bg-secondary {
|
||||
background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--secondary);
|
||||
}
|
||||
.bg-secondary-foreground {
|
||||
background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--secondary-foreground);
|
||||
}
|
||||
.bg-muted {
|
||||
background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--muted);
|
||||
}
|
||||
.bg-muted-foreground {
|
||||
background-color: hsl(var(--muted-foreground) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--muted-foreground);
|
||||
}
|
||||
.bg-accent {
|
||||
background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--accent);
|
||||
}
|
||||
.bg-accent-foreground {
|
||||
background-color: hsl(var(--accent-foreground) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--accent-foreground);
|
||||
}
|
||||
.bg-destructive {
|
||||
background-color: hsl(var(--destructive) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--destructive);
|
||||
}
|
||||
.bg-destructive-foreground {
|
||||
background-color: hsl(var(--destructive-foreground) / var(--tw-bg-opacity, 1));
|
||||
background-color: var(--destructive-foreground);
|
||||
}
|
||||
|
||||
.text-background {
|
||||
color: hsl(var(--background) / var(--tw-text-opacity, 1));
|
||||
color: var(--background);
|
||||
}
|
||||
.text-foreground {
|
||||
color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
|
||||
color: var(--foreground);
|
||||
}
|
||||
.text-card {
|
||||
color: hsl(var(--card) / var(--tw-text-opacity, 1));
|
||||
color: var(--card);
|
||||
}
|
||||
.text-card-foreground {
|
||||
color: hsl(var(--card-foreground) / var(--tw-text-opacity, 1));
|
||||
color: var(--card-foreground);
|
||||
}
|
||||
.text-popover {
|
||||
color: hsl(var(--popover) / var(--tw-text-opacity, 1));
|
||||
color: var(--popover);
|
||||
}
|
||||
.text-popover-foreground {
|
||||
color: hsl(var(--popover-foreground) / var(--tw-text-opacity, 1));
|
||||
color: var(--popover-foreground);
|
||||
}
|
||||
.text-primary {
|
||||
color: hsl(var(--primary) / var(--tw-text-opacity, 1));
|
||||
color: var(--primary);
|
||||
}
|
||||
.text-primary-foreground {
|
||||
color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
|
||||
color: var(--primary-foreground);
|
||||
}
|
||||
.text-secondary {
|
||||
color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
|
||||
color: var(--secondary);
|
||||
}
|
||||
.text-secondary-foreground {
|
||||
color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
|
||||
color: var(--secondary-foreground);
|
||||
}
|
||||
.text-muted {
|
||||
color: hsl(var(--muted) / var(--tw-text-opacity, 1));
|
||||
color: var(--muted);
|
||||
}
|
||||
.text-muted-foreground {
|
||||
color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
|
||||
color: var(--muted-foreground);
|
||||
}
|
||||
.text-accent {
|
||||
color: hsl(var(--accent) / var(--tw-text-opacity, 1));
|
||||
color: var(--accent);
|
||||
}
|
||||
.text-accent-foreground {
|
||||
color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
|
||||
color: var(--accent-foreground);
|
||||
}
|
||||
.text-destructive {
|
||||
color: hsl(var(--destructive) / var(--tw-text-opacity, 1));
|
||||
color: var(--destructive);
|
||||
}
|
||||
.text-destructive-foreground {
|
||||
color: hsl(var(--destructive-foreground) / var(--tw-text-opacity, 1));
|
||||
color: var(--destructive-foreground);
|
||||
}
|
||||
|
||||
@supports not (backdrop-filter: blur(1px)) {
|
||||
.select-content {
|
||||
background-color: hsl(var(--background));
|
||||
background-color: var(--background);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -185,25 +225,25 @@
|
|||
/* Add support for ring colors */
|
||||
@layer utilities {
|
||||
.ring-border {
|
||||
--tw-ring-color: hsl(var(--border) / var(--tw-ring-opacity, 1));
|
||||
--tw-ring-color: var(--border);
|
||||
}
|
||||
.ring-primary {
|
||||
--tw-ring-color: hsl(var(--primary) / var(--tw-ring-opacity, 1));
|
||||
--tw-ring-color: var(--primary);
|
||||
}
|
||||
.ring-background {
|
||||
--tw-ring-color: hsl(var(--background) / var(--tw-ring-opacity, 1));
|
||||
--tw-ring-color: var(--background);
|
||||
}
|
||||
}
|
||||
|
||||
/* Add support for border colors */
|
||||
@layer utilities {
|
||||
.box-border {
|
||||
border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
|
||||
border-color: var(--border);
|
||||
}
|
||||
.border-primary {
|
||||
border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
|
||||
border-color: var(--primary);
|
||||
}
|
||||
.border-background {
|
||||
border-color: hsl(var(--background) / var(--tw-border-opacity, 1));
|
||||
border-color: var(--background);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue