29. Sept. 2024, 02:46

_res/_custom.css

@@ -27,6 +27,8 @@ div.tabs>div.tab-nav {
 }
 
 div.tabs>div.tab-nav>button {
+    background: var(--primary-600) !important;
+    opacity: 0.7 !important;
     min-width: 145px !important;
     color: var(--neutral-800);
 }
@@ -46,6 +48,20 @@ div.tabs div.tabitem {
 
 #input_column {
 
+    & div.tabs>div.tab-nav>button {
+        background: var(--primary-600) !important;
+        opacity: 0.7 !important;
+        min-width: 145px !important;
+        color: var(--neutral-400);
+    }
+
+    & div.tabs>div.tab-nav>button.selected {
+        border-width: 0 !important;
+        background: var(--primary-600) !important;
+        color: var(--neutral-950);
+        font-weight: 600;
+    }
+
     & div.tabs div.tabitem {
         background-color: var(--neutral-800) !important;
         border: 0 solid var(--neutral-800) !important;
@@ -136,7 +152,8 @@ div.tabs div.tabitem {
     &>label:has(input[type="checkbox"]:checked)::after {
         content: "";
         position: absolute;
-        background: var(--neutral-50);
+        background: var(--neutral-900);
+        opacity: 0.8;
         left: 32px;
     }
 
@@ -182,10 +199,16 @@ label.selected.svelte-1k4wjf2.svelte-1k4wjf2.svelte-1k4wjf2 {
         color: var(--primary-100) !important;
         line-height: 1.5 !important;
 
-        & i.winking-hand-emoji,
-        i.heart-beat-emoji {
-            font-size: inherit !important;
+        & i {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+
+            & svg {
+                font-size: inherit !important;
+                width: 16px !important;
+                height: 16px !important;
+            }
         }
     }
-
 }