From c8940b2b9c67f0cbf743d2e1d9c313833b8faf67 Mon Sep 17 00:00:00 2001
From: grandeljay <github.jay@grandel.anonaddy.me>
Date: Mon, 13 Jun 2022 22:20:27 +0200
Subject: [PATCH] Improve checkbox and menu dark theme

---
 src/assets/css/default/dark.css | 45 +++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/src/assets/css/default/dark.css b/src/assets/css/default/dark.css
index 471c8d1e..9109095a 100644
--- a/src/assets/css/default/dark.css
+++ b/src/assets/css/default/dark.css
@@ -100,6 +100,25 @@ body,
         color: rgba(255, 255, 255, 0.95);
         background-color: rgba(255, 255, 255, 0.05);
     }
+    .ui.menu .item::before {
+        background-color: rgba(221, 219, 217, 0.1);
+    }
+    .ui.secondary.menu .active.item {
+        color: rgba(255, 255, 255, 0.95);
+        background-color: rgba(255, 255, 255, 0.05);
+    }
+    .ui.secondary.menu .active.item:hover {
+        color: rgba(255, 255, 255, 0.95);
+    }
+    .ui.ui.menu .item.disabled {
+        color: rgba(215, 215, 215, 0.3);
+    }
+    .ui.secondary.menu .dropdown.item:hover,
+    .ui.secondary.menu .link.item:hover,
+    .ui.secondary.menu a.item:hover {
+        color: rgba(255, 255, 255, 0.95);
+        background-color: rgba(255, 255, 255, 0.05);
+    }
 
     /** */
     .ui.link.menu .item:hover,
@@ -374,9 +393,35 @@ body,
     .ui.checkbox + label:hover {
         color: rgba(255, 255, 255, 0.8);
     }
+    .ui.checkbox label::before {
+        border: 1px solid #2b2b2a;
+        background-color: #000;
+    }
+    .ui.checkbox label:hover::before {
+        border-color: rgba(221, 219, 217, 0.35);
+        background-color: #000;
+    }
     .ui.checkbox input:focus ~ label {
         color: rgba(255, 255, 255, 0.95);
     }
+    .ui.checkbox input:focus ~ label::before {
+        background-color: #000;
+    }
+    .ui.checkbox input:checked:focus ~ label::before,
+    .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::before {
+        background-color: #000;
+    }
+    .ui.checkbox input:checked ~ label::before {
+        background-color: #000;
+        border-color: rgba(221, 219, 217, 0.35);
+    }
+    .ui.checkbox input:checked ~ label::after {
+        color: rgba(255, 255, 255, 0.95);
+    }
+    .ui.checkbox input:checked:focus ~ label::after,
+    .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::after {
+        color: rgba(255, 255, 255, 0.95);
+    }
 
     /** Calendar */
     .ui.ui.table td.active,