From d6902ec1e5d55385796205b2fa376b52b6f1f76e Mon Sep 17 00:00:00 2001
From: PierreGAMEN <pierre.gamen@gmail.com>
Date: Fri, 18 Apr 2025 09:49:58 +0200
Subject: [PATCH] feat: update ACheckbox and ATextarea styles for better
 accessibility

---
 components/ACheckbox.vue | 11 +++++++++++
 components/ATextarea.vue |  3 ++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/components/ACheckbox.vue b/components/ACheckbox.vue
index a3ec5f0..5b6c884 100644
--- a/components/ACheckbox.vue
+++ b/components/ACheckbox.vue
@@ -290,4 +290,15 @@ watch(
     }
   }
 }
+
+.custom-checkbox input:checked:disabled ~ .checkmark-lab {
+  background-color: var(--a-grey-dark) !important;
+
+  &:after {
+    display: block;
+    border-color: var(--a-white) !important;
+  }
+}
+
+
 </style>
diff --git a/components/ATextarea.vue b/components/ATextarea.vue
index 55cadf1..8c04d39 100644
--- a/components/ATextarea.vue
+++ b/components/ATextarea.vue
@@ -81,6 +81,7 @@ const color = useColor(mainColor);
 
     .textarea {
       font-family: inherit;
+      background-color: inherit;
     }
 
     &::after {
@@ -90,7 +91,7 @@ const color = useColor(mainColor);
       left: 0;
       width: 100%;
       height: 30px;
-      background: var(--a-white);
+      background-color: inherit;
       pointer-events: none;
       border-radius: 10px;
     }