From 17589b081a29d7be2375a2863ebf621eef1c6eca Mon Sep 17 00:00:00 2001
From: Jos de Jong <wjosdejong@gmail.com>
Date: Mon, 14 Oct 2024 13:50:36 +0200
Subject: [PATCH] chore: fix linting issues

---
 src/routes/development/+page.svelte | 54 +++++++++++++++++++++++------
 1 file changed, 43 insertions(+), 11 deletions(-)

diff --git a/src/routes/development/+page.svelte b/src/routes/development/+page.svelte
index 4c586615..83d6cfc6 100644
--- a/src/routes/development/+page.svelte
+++ b/src/routes/development/+page.svelte
@@ -891,7 +891,7 @@ See https://github.com/sveltejs/kit/issues/981
 {/if}
 
 <style lang="scss">
-  @use "sass:color";
+  @use 'sass:color';
   @import '../../lib/themes/jse-theme-dark.css';
   @import '../themes/jse-theme-big.css';
 
@@ -914,16 +914,48 @@ See https://github.com/sveltejs/kit/issues/981
       $background-color: hsl(76, 52%, 70%);
 
       --jse-contents-background-color: #{$background-color};
-      --jse-selection-background-color: #{color.adjust($background-color, $lightness: -10%,  $saturation: -20%)};
-      --jse-selection-background-inactive-color: #{color.adjust($background-color, $lightness: -5%,  $saturation: -10%)};
-      --jse-hover-background-color: #{color.adjust($background-color, $lightness: -5%,  $saturation: -10%)};
-
-      --jse-context-menu-pointer-hover-background: #{color.adjust($background-color, $lightness: -20%,  $saturation: -20%)};
-      --jse-context-menu-pointer-background-highlight: #{color.adjust($background-color, $lightness: -30%,  $saturation: -30%)};
-      --jse-context-menu-pointer-background: #{color.adjust($background-color, $lightness: -40%,  $saturation: -40%)};
-
-      --jse-collapsed-items-background-color: #{color.adjust($background-color, $lightness: -5%,  $saturation: -10%)};
-      --jse-collapsed-items-selected-background-color: #{color.adjust($background-color, $lightness: -20%,  $saturation: -20%)};
+      --jse-selection-background-color: #{color.adjust(
+          $background-color,
+          $lightness: -10%,
+          $saturation: -20%
+        )};
+      --jse-selection-background-inactive-color: #{color.adjust(
+          $background-color,
+          $lightness: -5%,
+          $saturation: -10%
+        )};
+      --jse-hover-background-color: #{color.adjust(
+          $background-color,
+          $lightness: -5%,
+          $saturation: -10%
+        )};
+
+      --jse-context-menu-pointer-hover-background: #{color.adjust(
+          $background-color,
+          $lightness: -20%,
+          $saturation: -20%
+        )};
+      --jse-context-menu-pointer-background-highlight: #{color.adjust(
+          $background-color,
+          $lightness: -30%,
+          $saturation: -30%
+        )};
+      --jse-context-menu-pointer-background: #{color.adjust(
+          $background-color,
+          $lightness: -40%,
+          $saturation: -40%
+        )};
+
+      --jse-collapsed-items-background-color: #{color.adjust(
+          $background-color,
+          $lightness: -5%,
+          $saturation: -10%
+        )};
+      --jse-collapsed-items-selected-background-color: #{color.adjust(
+          $background-color,
+          $lightness: -20%,
+          $saturation: -20%
+        )};
     }
   }