Skip to content

Commit ae03f35

Browse files
feat: add missing hover utility classes for semantic colors
- Add hover states for success, warning, info, error colors - Add hover:bg-success/20, hover:bg-error/20, etc. classes - Add hover:text-success-foreground, hover:text-error-foreground classes - Start/Stop and Destroy buttons now have proper hover effects - All dropdown menu items now have consistent hover behavior
1 parent 404a90a commit ae03f35

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

src/styles/globals.css

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -137,6 +137,25 @@
137137
.hover\:ring-2:hover { --tw-ring-width: 2px; }
138138
.hover\:ring-offset-2:hover { --tw-ring-offset-width: 2px; }
139139

140+
/* Status color hover states */
141+
.hover\:bg-success:hover { background-color: hsl(var(--success)); }
142+
.hover\:bg-success\/20:hover { background-color: hsl(var(--success) / 0.2); }
143+
.hover\:text-success:hover { color: hsl(var(--success)); }
144+
.hover\:text-success-foreground:hover { color: hsl(var(--success-foreground)); }
145+
.hover\:bg-warning:hover { background-color: hsl(var(--warning)); }
146+
.hover\:bg-warning\/20:hover { background-color: hsl(var(--warning) / 0.2); }
147+
.hover\:text-warning:hover { color: hsl(var(--warning)); }
148+
.hover\:text-warning-foreground:hover { color: hsl(var(--warning-foreground)); }
149+
.hover\:bg-info:hover { background-color: hsl(var(--info)); }
150+
.hover\:bg-info\/20:hover { background-color: hsl(var(--info) / 0.2); }
151+
.hover\:text-info:hover { color: hsl(var(--info)); }
152+
.hover\:text-info-foreground:hover { color: hsl(var(--info-foreground)); }
153+
.hover\:bg-error:hover { background-color: hsl(var(--error)); }
154+
.hover\:bg-error\/20:hover { background-color: hsl(var(--error) / 0.2); }
155+
.hover\:text-error:hover { color: hsl(var(--error)); }
156+
.hover\:text-error-foreground:hover { color: hsl(var(--error-foreground)); }
157+
.hover\:bg-muted\/20:hover { background-color: hsl(var(--muted) / 0.2); }
158+
140159

141160
* {
142161
-ms-overflow-style: none;

0 commit comments

Comments
 (0)