feat: consist control accent color

Author: subframe7536

src/style-settings/_index.scss

@@ -126,7 +126,7 @@ body:not(.color-use-default) {
       --slider-track-height: calc(var(--slider-thumb-height) - var(--size-4-3));
       --slider-thumb-radius: var(--slider-thumb-width);
       --slider-thumb-y: calc(
-        (var(--slider-track-height) - var(--slider-thumb-height)) / 1.5
+        (var(--slider-track-height) - var(--slider-thumb-height)) / 1.4
       );
       border-radius: var(--radius-s);
       $s: 60%;

src/workspace/modal.scss

@@ -35,8 +35,8 @@ input {
 }
 
 body:not(.is-mobile) {
+  --slider-track-background: var(--accent-inactive);
   &.modal-slider input[type='range'] {
-    --slider-track-background: var(--accent-inactive);
     &:focus {
       --slider-thumb-ring-factor: 5;
     }
@@ -56,6 +56,10 @@ body:not(.is-mobile) {
     }
   }
 
+  .checkbox-container.is-enabled {
+    background-color: var(--accent-active);
+  }
+
   &.modal-toggle-square {
     .checkbox-container {
       height: var(--size-4-5);