diff --git a/artifacts/toolrate/src/components/mini-bars.tsx b/artifacts/toolrate/src/components/mini-bars.tsx
index b5efa12..699d37e 100644
--- a/artifacts/toolrate/src/components/mini-bars.tsx
+++ b/artifacts/toolrate/src/components/mini-bars.tsx
@@ -38,9 +38,9 @@ export function MiniBars({
{label}
-
+
@@ -67,17 +67,17 @@ export function MiniBarStack({
const a = num(usability);
return (
diff --git a/artifacts/toolrate/src/components/ui/button.tsx b/artifacts/toolrate/src/components/ui/button.tsx
index fc34b83..b027c53 100644
--- a/artifacts/toolrate/src/components/ui/button.tsx
+++ b/artifacts/toolrate/src/components/ui/button.tsx
@@ -12,9 +12,9 @@ const buttonVariants = cva(
variant: {
default:
// @replit: no hover, and add primary border
- "bg-primary text-primary-foreground border border-primary-border hover:neon-glow-primary focus-visible:neon-glow-primary transition-shadow",
+ "bg-primary text-primary-foreground border border-primary-border neon-glow-primary hover:brightness-105 focus-visible:brightness-105 transition-[box-shadow,filter]",
destructive:
- "bg-destructive text-destructive-foreground shadow-sm border-destructive-border",
+ "bg-destructive text-destructive-foreground shadow-sm border-destructive-border shadow-[0_0_12px_-2px_hsl(var(--destructive)/0.5)] hover:brightness-105 transition-[box-shadow,filter]",
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
diff --git a/artifacts/toolrate/src/components/ui/input.tsx b/artifacts/toolrate/src/components/ui/input.tsx
index 08d3e72..1b7b5ad 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
>(
diff --git a/artifacts/toolrate/src/components/ui/sidebar.tsx b/artifacts/toolrate/src/components/ui/sidebar.tsx
index 1bd0a82..989fa2a 100644
--- a/artifacts/toolrate/src/components/ui/sidebar.tsx
+++ b/artifacts/toolrate/src/components/ui/sidebar.tsx
@@ -487,7 +487,7 @@ function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
}
const sidebarMenuButtonVariants = cva(
- "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:w-8! group-data-[collapsible=icon]:h-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+ "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[active=true]:neon-glow-primary data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:w-8! group-data-[collapsible=icon]:h-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
{
variants: {
variant: {
@@ -530,7 +530,7 @@ function SidebarMenuButton({
data-sidebar="menu-button"
data-size={size}
data-active={isActive}
- className={cn(sidebarMenuButtonVariants({ variant, size }), className)}
+ className={cn("neon-sidebar-active", sidebarMenuButtonVariants({ variant, size }), className)}
{...props}
/>
)
diff --git a/artifacts/toolrate/src/components/ui/textarea.tsx b/artifacts/toolrate/src/components/ui/textarea.tsx
index 97c16c2..e02bd78 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 (