From 92a05f171ccf0e17c8cd79458a8420698a645407 Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Sun, 16 Jun 2024 23:08:44 +0200
Subject: [PATCH] style: change label text color when checkbox is disabled

---
 frontend/src/styles/inputs.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/styles/inputs.scss b/frontend/src/styles/inputs.scss
index 9340519f0..9dddddb21 100644
--- a/frontend/src/styles/inputs.scss
+++ b/frontend/src/styles/inputs.scss
@@ -147,6 +147,10 @@ input[type="checkbox"] {
   }
 }
 
+label:has(input[type="checkbox"][disabled]) {
+  color: color-mix(in srgb, transparent 66%, var(--text-color));
+}
+
 input[type="color"] {
   height: 3px; //i dont know why its 3, but safari gods have spoken - 3 makes it work
   opacity: 0;