Upload index.vue

frontend/src/views/Editor/Thumbnails/index.vue

@@ -535,6 +535,8 @@ const copyToClipboard = async (text: string, label: string) => {
 </script>
 
 <style lang="scss" scoped>
+@use 'sass:color';
+
 .thumbnails {
   border-right: solid 1px $borderColor;
   background-color: #fff;
@@ -668,7 +670,7 @@ const copyToClipboard = async (text: string, label: string) => {
       transform: scale(1.1);
 
       .icon {
-        color: darken($themeColor, 10%);
+        color: color.adjust($themeColor, $lightness: -10%);
       }
     }
   }
@@ -805,7 +807,7 @@ const copyToClipboard = async (text: string, label: string) => {
           cursor: pointer;
 
           &:hover {
-            background-color: darken($themeColor, 10%);
+            background-color: color.adjust($themeColor, $lightness: -10%);
           }
         }
       }