From a99b08aea55687bbfee8dade48f2d2fb581fb51c Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Sat, 29 Jul 2023 00:26:57 +0900
Subject: [PATCH] refactor: improve checkbox style

---
 apps/blog/src/styles/checkbox.scss | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/apps/blog/src/styles/checkbox.scss b/apps/blog/src/styles/checkbox.scss
index 4a5f768..6c80bda 100644
--- a/apps/blog/src/styles/checkbox.scss
+++ b/apps/blog/src/styles/checkbox.scss
@@ -4,10 +4,19 @@ input[type="checkbox"] {
     height: 13px;
 }
 
-input[type="checkbox"][disabled][checked] {
-    filter: invert(100%) brightness(5);
+:not(.dark) {
+    input[type="checkbox"][disabled] {
+        filter: invert(20%);
+    }
+
+    input[type="checkbox"][disabled][checked] {
+        filter: invert(97%) brightness(2);
+    }
 }
 
-input[type="checkbox"][disabled] {
-    filter: invert(100%) brightness(5);
+:is(.dark) {
+    input[type="checkbox"][disabled],
+    input[type="checkbox"][disabled][checked] {
+        filter: invert(100%) brightness(5);
+    }
 }