diff --git a/src/renderer/src/pages/theme-editor/theme-editor.scss b/src/renderer/src/pages/theme-editor/theme-editor.scss
index 8ba09958..ad6f01a4 100644
--- a/src/renderer/src/pages/theme-editor/theme-editor.scss
+++ b/src/renderer/src/pages/theme-editor/theme-editor.scss
@@ -1,4 +1,5 @@
 @use "../../scss/globals.scss";
+@use "sass:color";
 
 .theme-editor {
   display: flex;
@@ -58,7 +59,10 @@
         gap: 8px;
 
         .active {
-          background-color: darken(globals.$dark-background-color, 2%);
+          background-color: color.adjust(
+            globals.$dark-background-color,
+            $lightness: -2%
+          );
         }
       }
     }