feat: optimize background color

Author: subframe7536

src/variable.scss

@@ -201,9 +201,9 @@ body {
     calc(8% + var(--theme-accent-active-l) * 0.1 * var(--color-opacity))
   );
 
-  --background-primary-hsl: var(--base-accent-h), 5%, 11%;
+  --background-primary-hsl: var(--base-accent-h), 6%, 11%;
   --background-primary-alt-hsl: var(--base-accent-h), 10%, 13%;
-  --background-secondary-hsl: calc(var(--base-accent-h) - 18), 6%, 12%;
+  --background-secondary-hsl: calc(var(--base-accent-h) - 8), 6%, 12%;
   --background-modifier-hover: hsl(
     var(--base-accent-h),
     var(--theme-accent-active-s),
@@ -220,7 +220,7 @@ body {
 
     --background-primary-hsl: var(--base-accent-h), 4%, 10%;
     --background-primary-alt-hsl: var(--base-accent-h), 8%, 12%;
-    --background-secondary-hsl: calc(var(--base-accent-h) - 18), 4%, 12%;
+    --background-secondary-hsl: calc(var(--base-accent-h) - 8), 4%, 12%;
     --frame-bg: hsl(
       var(--base-accent-h),
       calc(var(--theme-accent-active-s) * 0.1),
@@ -234,6 +234,17 @@ body {
   }
 
   &.color-use-custom {
+    // --setting-bg-delta: 4%;
+    // --background-primary-hsl: var(--base-accent-h),
+    //   calc(5% + var(--setting-bg-delta) / 2),
+    //   calc(11% + var(--setting-bg-delta));
+    // --background-primary-alt-hsl: var(--base-accent-h),
+    //   calc(10% + var(--setting-bg-delta) / 2),
+    //   calc(13% + var(--setting-bg-delta));
+    // --background-secondary-hsl: calc(var(--base-accent-h) - 18),
+    //   calc(6% + var(--setting-bg-delta) / 2),
+    //   calc(12% + var(--setting-bg-delta));
+
     --base-accent-h: var(--setting-accent-h-dark, 207);
     --theme-accent-active-s: 24%;
     --theme-accent-active-l: 52%;