diff --git a/artifacts/toolrate/src/components/ui/button.tsx b/artifacts/toolrate/src/components/ui/button.tsx
index 16eb95d..fc34b83 100644
--- a/artifacts/toolrate/src/components/ui/button.tsx
+++ b/artifacts/toolrate/src/components/ui/button.tsx
@@ -12,14 +12,14 @@ const buttonVariants = cva(
variant: {
default:
// @replit: no hover, and add primary border
- "bg-primary text-primary-foreground border border-primary-border",
+ "bg-primary text-primary-foreground border border-primary-border hover:neon-glow-primary focus-visible:neon-glow-primary transition-shadow",
destructive:
"bg-destructive text-destructive-foreground shadow-sm border-destructive-border",
outline:
// @replit Shows the background color of whatever card / sidebar / accent background it is inside of.
// Inherits the current text color. Uses shadow-xs. no shadow on active
// No hover state
- " border [border-color:var(--button-outline)] shadow-xs active:shadow-none ",
+ " border [border-color:var(--button-outline)] shadow-xs active:shadow-none hover:neon-glow focus-visible:neon-glow transition-shadow",
secondary:
// @replit border, no hover, no shadow, secondary border.
"border bg-secondary text-secondary-foreground border border-secondary-border ",
diff --git a/artifacts/toolrate/src/components/ui/input.tsx b/artifacts/toolrate/src/components/ui/input.tsx
index 69b64fb..08d3e72 100644
--- a/artifacts/toolrate/src/components/ui/input.tsx
+++ b/artifacts/toolrate/src/components/ui/input.tsx
@@ -8,7 +8,7 @@ const Input = React.forwardRef
>(
,
React.ComponentPropsWithoutRef
>(({ className, value, ...props }, ref) => (
-
-
-
+
+
+
))
Progress.displayName = ProgressPrimitive.Root.displayName
diff --git a/artifacts/toolrate/src/components/ui/skeleton.tsx b/artifacts/toolrate/src/components/ui/skeleton.tsx
index d7e45f7..f7a70e8 100644
--- a/artifacts/toolrate/src/components/ui/skeleton.tsx
+++ b/artifacts/toolrate/src/components/ui/skeleton.tsx
@@ -6,7 +6,7 @@ function Skeleton({
}: React.HTMLAttributes) {
return (
)
diff --git a/artifacts/toolrate/src/components/ui/spinner.tsx b/artifacts/toolrate/src/components/ui/spinner.tsx
index a70e713..0647025 100644
--- a/artifacts/toolrate/src/components/ui/spinner.tsx
+++ b/artifacts/toolrate/src/components/ui/spinner.tsx
@@ -7,7 +7,10 @@ function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
)
diff --git a/artifacts/toolrate/src/components/ui/textarea.tsx b/artifacts/toolrate/src/components/ui/textarea.tsx
index e56b0af..97c16c2 100644
--- a/artifacts/toolrate/src/components/ui/textarea.tsx
+++ b/artifacts/toolrate/src/components/ui/textarea.tsx
@@ -9,7 +9,7 @@ const Textarea = React.forwardRef<
return (