28. Sept. 2024, 12:17

custom.css

@@ -44,7 +44,7 @@ div.tabs div.tabitem {
         width: 57px;
         height: 27px;
         display: inline-block;
-        border-radius: var(--radius-xxl);
+        border-radius: 13px;
         background: var(--neutral-700);
         box-shadow: var(--shadow-inset);
         transition: background-color .3s, cursor .3s;
@@ -68,11 +68,10 @@ div.tabs div.tabitem {
     &>label:has(input[type="checkbox"])::after {
         content: "";
         position: absolute;
-        top: 0;
-        left: 0;
-        width: 26px;
-        height: 26px;
-        border: 2px solid var(--neutral-700);
+        top: 3px;
+        left: 3px;
+        width: 20px;
+        height: 20px;
         border-radius: 50%;
         background: var(--neutral-900);
         box-shadow: var(--shadow-inset);
@@ -83,7 +82,11 @@ div.tabs div.tabitem {
     &>label:has(input[type="checkbox"]:checked)::after {
         content: "";
         position: absolute;
+        background: var(--neutral-50);
+        left: 32px;
+    }
+
+    &>label:has(input[type="checkbox"]:checked) {
         background: var(--primary-600);
-        left: 33px;
     }
 }