diff --git a/components.json b/components.json
index e72c826..789f311 100644
--- a/components.json
+++ b/components.json
@@ -7,11 +7,11 @@
"config": "tailwind.config.js",
"css": "src/index.css",
"baseColor": "slate",
- "cssVariables": false,
+ "cssVariables": true,
"prefix": ""
},
"aliases": {
- "components": "src/@/components",
- "utils": "src/@/lib/utils"
+ "components": "src/components",
+ "utils": "src/lib/utils"
}
}
\ No newline at end of file
diff --git a/src/components/pages/home.tsx b/src/components/pages/home.tsx
index 317bf77..f127b33 100644
--- a/src/components/pages/home.tsx
+++ b/src/components/pages/home.tsx
@@ -57,13 +57,13 @@ const Home: React.FC = () => {
{card.value !== undefined ? card.value : 'Loading...'}
- {card.description}
+ {card.description}
))}
-
+
Stats last updated: {lastUpdated}
diff --git a/src/components/pages/packages.tsx b/src/components/pages/packages.tsx
index e431605..eddaa17 100644
--- a/src/components/pages/packages.tsx
+++ b/src/components/pages/packages.tsx
@@ -190,7 +190,7 @@ const Packages: React.FC = () => {
-
+
{firstPackage.Version}
{firstPackage.NewVersion && (
diff --git a/src/components/ui/alert.tsx b/src/components/ui/alert.tsx
index ff437e6..8ab095c 100644
--- a/src/components/ui/alert.tsx
+++ b/src/components/ui/alert.tsx
@@ -1,16 +1,16 @@
import * as React from "react"
import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "../../lib/utils"
+import { cn } from "../../lib/utils";
const alertVariants = cva(
- "relative w-full rounded-lg border border-slate-200 p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-slate-950 dark:border-slate-800 dark:[&>svg]:text-slate-50",
+ "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
{
variants: {
variant: {
- default: "bg-white text-slate-950 dark:bg-slate-950 dark:text-slate-50",
+ default: "bg-background text-foreground",
destructive:
- "border-red-500/50 text-red-500 dark:border-red-500 [&>svg]:text-red-500 dark:border-red-900/50 dark:text-red-900 dark:dark:border-red-900 dark:[&>svg]:text-red-900",
+ "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
},
},
defaultVariants: {
diff --git a/src/components/ui/avatar.tsx b/src/components/ui/avatar.tsx
index 8a8c783..9e2182a 100644
--- a/src/components/ui/avatar.tsx
+++ b/src/components/ui/avatar.tsx
@@ -1,7 +1,7 @@
import * as React from "react"
import * as AvatarPrimitive from "@radix-ui/react-avatar"
-import { cn } from "../../lib/utils"
+import { cn } from "../../lib/utils";
const Avatar = React.forwardRef<
React.ElementRef
,
@@ -37,7 +37,7 @@ const AvatarFallback = React.forwardRef<
(({ className, ...props }, ref) => (
))
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index 27aaa40..3273600 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -2,7 +2,7 @@ import * as React from "react"
import * as DialogPrimitive from "@radix-ui/react-dialog"
import { X } from "lucide-react"
-import { cn } from "../../lib/utils"
+import { cn } from "../../lib/utils";
const Dialog = DialogPrimitive.Root
@@ -36,13 +36,13 @@ const DialogContent = React.forwardRef<
{children}
-
+
Close
@@ -100,7 +100,7 @@ const DialogDescription = React.forwardRef<
>(({ className, ...props }, ref) => (
))
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
index 1a654f1..976e3bf 100644
--- a/src/components/ui/dropdown-menu.tsx
+++ b/src/components/ui/dropdown-menu.tsx
@@ -2,7 +2,7 @@ import * as React from "react"
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
import { Check, ChevronRight, Circle } from "lucide-react"
-import { cn } from "../../lib/utils"
+import { cn } from "../../lib/utils";
const DropdownMenu = DropdownMenuPrimitive.Root
@@ -25,7 +25,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
(({ className, ...props }, ref) => (
))
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index e52e13f..40c6157 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -1,6 +1,6 @@
import * as React from "react"
-import { cn } from "../../lib/utils"
+import { cn } from "../../lib/utils";
export interface InputProps
extends React.InputHTMLAttributes {}
@@ -11,7 +11,7 @@ const Input = React.forwardRef(
) => (
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index 258339e..756d1e3 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -2,7 +2,7 @@ import * as React from "react"
import * as SelectPrimitive from "@radix-ui/react-select"
import { Check, ChevronDown, ChevronUp } from "lucide-react"
-import { cn } from "../../lib/utils"
+import { cn } from "../../lib/utils";
const Select = SelectPrimitive.Root
@@ -17,7 +17,7 @@ const SelectTrigger = React.forwardRef<
span]:line-clamp-1 dark:border-slate-800 dark:bg-slate-950 dark:ring-offset-slate-950 dark:placeholder:text-slate-400 dark:focus:ring-slate-300",
+ "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
className
)}
{...props}
@@ -73,7 +73,7 @@ const SelectContent = React.forwardRef<
(({ className, ...props }, ref) => (
))
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
index 430d717..ca7dc4b 100644
--- a/src/components/ui/table.tsx
+++ b/src/components/ui/table.tsx
@@ -1,6 +1,6 @@
import * as React from "react"
-import { cn } from "../../lib/utils"
+import { cn } from "../../lib/utils";
const Table = React.forwardRef<
HTMLTableElement,
@@ -43,7 +43,7 @@ const TableFooter = React.forwardRef<
tr]:last:border-b-0 dark:bg-slate-800/50",
+ "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
className
)}
{...props}
@@ -58,7 +58,7 @@ const TableRow = React.forwardRef<
(({ className, ...props }, ref) => (
))
diff --git a/src/index.css b/src/index.css
index 771416c..490ebcf 100644
--- a/src/index.css
+++ b/src/index.css
@@ -11,34 +11,32 @@
@layer base {
:root {
- --background: 222.2 84% 4.9%;
- --foreground: 210 40% 98%;
-
- --card: 222.2 84% 4.9%;
- --card-foreground: 210 40% 98%;
-
- --popover: 222.2 84% 4.9%;
- --popover-foreground: 210 40% 98%;
-
- --primary: 210 40% 98%;
- --primary-foreground: 222.2 47.4% 11.2%;
-
- --secondary: 217.2 32.6% 17.5%;
- --secondary-foreground: 210 40% 98%;
-
- --muted: 217.2 32.6% 17.5%;
- --muted-foreground: 215 20.2% 65.1%;
-
- --accent: 217.2 32.6% 17.5%;
- --accent-foreground: 210 40% 98%;
-
- --destructive: 0 62.8% 30.6%;
- --destructive-foreground: 210 40% 98%;
-
- --border: 217.2 32.6% 17.5%;
- --input: 217.2 32.6% 17.5%;
- --ring: 212.7 26.8% 83.9%;
- }
+ --background: 48 25% 10%;
+ --foreground: 48 5% 90%;
+ --card: 48 25% 10%;
+ --card-foreground: 48 5% 90%;
+ --popover: 48 25% 5%;
+ --popover-foreground: 48 5% 90%;
+ --primary: 48 100% 53%;
+ --primary-foreground: 0 0% 100%;
+ --secondary: 48 25% 20%;
+ --secondary-foreground: 0 0% 100%;
+ --muted: 48 25% 25%;
+ --muted-foreground: 48 5% 60%;
+ --accent: 48 100% 25%;
+ --accent-foreground: 60 9.1% 97.8%;
+ --destructive: 0 50% 44%;
+ --destructive-foreground: 48 5% 90%;
+ --border: 48 25% 44%;
+ --input: 48 25% 44%;
+ --ring: 48 100% 53%;
+ --radius: 0.3rem;
+ --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%;
+ }
}
@layer base {