PetschStudios/KanbanGit
3
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 24 Wiki Activity

first ui rework commit

Browse Source
This commit is contained in:
Twyco
2026-04-16 01:48:14 +02:00
parent a95f2dfe55
commit ab86f68638
47 changed files with 1045 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+58 -55
View File
@@ -9,10 +9,13 @@
@theme inline {
--font-sans:
Instrument Sans, ui-sans-serif, system-ui, sans-serif,
Inter, ui-sans-serif, system-ui, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
--font-display:
Manrope, ui-sans-serif, system-ui, sans-serif;
--radius-lg: var(--radius);
--radius-md: calc(var(--radius) - 2px);
--radius-sm: calc(var(--radius) - 4px);
@@ -83,83 +86,83 @@
body,
html {
--font-sans:
'Instrument Sans', ui-sans-serif, system-ui, sans-serif,
'Inter', ui-sans-serif, system-ui, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
}
}
:root {
--background: hsl(0 0% 100%);
--foreground: hsl(0 0% 3.9%);
--background: hsl(120 10% 98%);
--foreground: hsl(120 5% 12%);
--card: hsl(0 0% 100%);
--card-foreground: hsl(0 0% 3.9%);
--card-foreground: hsl(120 5% 12%);
--popover: hsl(0 0% 100%);
--popover-foreground: hsl(0 0% 3.9%);
--primary: hsl(0 0% 9%);
--primary-foreground: hsl(0 0% 98%);
--secondary: hsl(0 0% 92.1%);
--secondary-foreground: hsl(0 0% 9%);
--muted: hsl(0 0% 96.1%);
--muted-foreground: hsl(0 0% 45.1%);
--accent: hsl(0 0% 96.1%);
--accent-foreground: hsl(0 0% 9%);
--popover-foreground: hsl(120 5% 12%);
--primary: hsl(107 80% 24%);
--primary-foreground: hsl(107 30% 97%);
--secondary: hsl(107 8% 91%);
--secondary-foreground: hsl(107 10% 18%);
--muted: hsl(107 8% 95%);
--muted-foreground: hsl(107 5% 42%);
--accent: hsl(107 10% 93%);
--accent-foreground: hsl(107 10% 18%);
--destructive: hsl(0 84.2% 60.2%);
--destructive-foreground: hsl(0 0% 98%);
--border: hsl(0 0% 92.8%);
--input: hsl(0 0% 89.8%);
--ring: hsl(0 0% 3.9%);
--chart-1: hsl(12 76% 61%);
--border: hsl(107 8% 90%);
--input: hsl(107 8% 87%);
--ring: hsl(107 80% 24%);
--chart-1: hsl(107 80% 30%);
--chart-2: hsl(173 58% 39%);
--chart-3: hsl(197 37% 24%);
--chart-4: hsl(43 74% 66%);
--chart-5: hsl(27 87% 67%);
--radius: 0.5rem;
--sidebar-background: hsl(0 0% 98%);
--sidebar-foreground: hsl(240 5.3% 26.1%);
--sidebar-primary: hsl(0 0% 10%);
--sidebar-primary-foreground: hsl(0 0% 98%);
--sidebar-accent: hsl(0 0% 94%);
--sidebar-accent-foreground: hsl(0 0% 30%);
--sidebar-border: hsl(0 0% 91%);
--sidebar-ring: hsl(217.2 91.2% 59.8%);
--sidebar: hsl(0 0% 98%);
--radius: 0.625rem;
--sidebar-background: hsl(120 10% 97%);
--sidebar-foreground: hsl(120 5% 26%);
--sidebar-primary: hsl(107 80% 24%);
--sidebar-primary-foreground: hsl(107 30% 97%);
--sidebar-accent: hsl(107 10% 93%);
--sidebar-accent-foreground: hsl(107 10% 25%);
--sidebar-border: hsl(107 8% 90%);
--sidebar-ring: hsl(107 80% 24%);
--sidebar: hsl(120 10% 97%);
}
.dark {
--background: hsl(0 0% 3.9%);
--foreground: hsl(0 0% 98%);
--card: hsl(0 0% 3.9%);
--card-foreground: hsl(0 0% 98%);
--popover: hsl(0 0% 3.9%);
--popover-foreground: hsl(0 0% 98%);
--primary: hsl(0 0% 98%);
--primary-foreground: hsl(0 0% 9%);
--secondary: hsl(0 0% 14.9%);
--secondary-foreground: hsl(0 0% 98%);
--muted: hsl(0 0% 16.08%);
--muted-foreground: hsl(0 0% 63.9%);
--accent: hsl(0 0% 14.9%);
--accent-foreground: hsl(0 0% 98%);
--background: hsl(120 5% 6%);
--foreground: hsl(120 5% 95%);
--card: hsl(120 5% 8%);
--card-foreground: hsl(120 5% 95%);
--popover: hsl(120 5% 8%);
--popover-foreground: hsl(120 5% 95%);
--primary: hsl(107 70% 55%);
--primary-foreground: hsl(107 80% 8%);
--secondary: hsl(107 5% 16%);
--secondary-foreground: hsl(107 5% 90%);
--muted: hsl(107 5% 14%);
--muted-foreground: hsl(107 5% 60%);
--accent: hsl(107 8% 16%);
--accent-foreground: hsl(107 5% 90%);
--destructive: hsl(0 84% 60%);
--destructive-foreground: hsl(0 0% 98%);
--border: hsl(0 0% 14.9%);
--input: hsl(0 0% 14.9%);
--ring: hsl(0 0% 83.1%);
--chart-1: hsl(220 70% 50%);
--border: hsl(107 5% 16%);
--input: hsl(107 5% 16%);
--ring: hsl(107 70% 55%);
--chart-1: hsl(107 60% 45%);
--chart-2: hsl(160 60% 45%);
--chart-3: hsl(30 80% 55%);
--chart-4: hsl(280 65% 60%);
--chart-5: hsl(340 75% 55%);
--sidebar-background: hsl(0 0% 7%);
--sidebar-foreground: hsl(0 0% 95.9%);
--sidebar-primary: hsl(360, 100%, 100%);
--sidebar-primary-foreground: hsl(0 0% 100%);
--sidebar-accent: hsl(0 0% 15.9%);
--sidebar-accent-foreground: hsl(240 4.8% 95.9%);
--sidebar-border: hsl(0 0% 15.9%);
--sidebar-ring: hsl(217.2 91.2% 59.8%);
--sidebar: hsl(240 5.9% 10%);
--sidebar-background: hsl(120 5% 7%);
--sidebar-foreground: hsl(120 5% 92%);
--sidebar-primary: hsl(107 70% 55%);
--sidebar-primary-foreground: hsl(107 80% 8%);
--sidebar-accent: hsl(107 8% 16%);
--sidebar-accent-foreground: hsl(107 5% 88%);
--sidebar-border: hsl(107 5% 16%);
--sidebar-ring: hsl(107 70% 55%);
--sidebar: hsl(120 5% 7%);
}
@layer base {