sync

lib/ui/css/checkbox.scss

@@ -51,7 +51,6 @@
 }
 
 .ui-switch {
-    position: relative;
     line-height: 1rem;
     user-select: none;
     cursor: pointer;
@@ -59,6 +58,7 @@
     >span:first-of-type {
         display: inline-flex;
         align-items: center;
+        position: relative;
 
         &::before {
             content: '';
@@ -76,6 +76,7 @@
             content: '';
             position: absolute;
             left: 1px;
+            top: calc(50% - 7px);
             width: 14px;
             height: 14px;
             background-color: white;

lib/ui/css/variables/definition.scss

@@ -38,11 +38,14 @@
     --border-radius: 2px;
     --text-indent: 4px;
     --line-height: 18px;
+    --settings-line-height: 28px;
 
     --font-size: .8125rem; // 13px
     --font-smaller-size: .75rem; // 12px
     --font-larger-size: .875rem; // 14px
+    --font-header-size: 1.5rem; // 24px
     --font-family: "Franklin Gothic Book", "San Francisco", "Segoe UI", "Open Sans", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei UI", sans-serif;
+    --header-font-family: Arial, sans-serif;
 }
 
 /*@media (prefers-color-scheme: dark) {