From 3c72ad1c92ab87844d02c1717d0a45a572d66fe3 Mon Sep 17 00:00:00 2001
From: Brian McGee <brian@bmcgee.ie>
Date: Fri, 27 Jun 2025 09:45:38 +0100
Subject: [PATCH] fix(ui): hover and inverted colors for checkbox

---
 pkgs/clan-app/ui/src/components/v2/Form/Field.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/pkgs/clan-app/ui/src/components/v2/Form/Field.css b/pkgs/clan-app/ui/src/components/v2/Form/Field.css
index d108d005f..ceb3badf2 100644
--- a/pkgs/clan-app/ui/src/components/v2/Form/Field.css
+++ b/pkgs/clan-app/ui/src/components/v2/Form/Field.css
@@ -114,6 +114,10 @@ div.form-field {
     & > div.checkbox-control {
       @apply w-5 h-5 rounded-sm bg-def-1 border border-inv-1 p-[0.0625rem];
 
+      &:hover {
+        @apply bg-def-acc-2;
+      }
+
       &[data-disabled] {
         @apply border-def-2;
       }
@@ -190,7 +194,12 @@ div.form-field {
 
     &.form-field-checkbox {
       & > div.checkbox-control {
-        @apply bg-inv-acc-4;
+        @apply bg-inv-1;
+
+        &:hover,
+        &[data-checked] {
+          @apply bg-inv-acc-4;
+        }
 
         &[data-disabled] {
           @apply bg-def-4 border-none;