From b64c192c4f795e8fb2ae01f54f5f9c7e2787c8a2 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Sun, 18 Oct 2026 09:17:01 +0200
Subject: [PATCH] consistent highlight color

---
 website/src/lib/components/explorer/Explorer.svelte     | 9 ++++++---
 website/src/lib/components/explorer/ExplorerTree.svelte | 3 +--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/website/src/lib/components/explorer/Explorer.svelte b/website/src/lib/components/explorer/Explorer.svelte
index b5f686e8d..608cf6eac 100644
--- a/website/src/lib/components/explorer/Explorer.svelte
+++ b/website/src/lib/components/explorer/Explorer.svelte
@@ -175,14 +175,17 @@
 <style lang="postcss">
     @reference "../../../app.css";
 
-    /* a selected file, and a selected folder with its chevron: the whole row of its node */
+    /* the color of the file list: a file and a folder (the whole row of its node, with its
+       chevron) under the pointer, or selected */
+    [data-explorer] :global([data-kind='file']:hover),
+    [data-explorer] :global([data-slot='button']:hover),
     [data-explorer] :global([data-kind='file'][aria-selected='true']),
     [data-explorer] :global([data-slot='button']:has([aria-selected='true'])) {
-        @apply bg-accent;
+        @apply bg-[var(--selection)];
     }
 
     /* the folder where what is dragged would go */
     [data-explorer] :global([data-slot='button']:has([data-drop-target])) {
-        @apply ring-1 ring-primary bg-accent/60;
+        @apply ring-1 ring-primary bg-[var(--selection)];
     }
 </style>
diff --git a/website/src/lib/components/explorer/ExplorerTree.svelte b/website/src/lib/components/explorer/ExplorerTree.svelte
index a50ff166a..5527ba991 100644
--- a/website/src/lib/components/explorer/ExplorerTree.svelte
+++ b/website/src/lib/components/explorer/ExplorerTree.svelte
@@ -136,8 +136,7 @@
         path={entry.path}
         name={entry.name}
         kind="file"
-        class="w-full h-7 px-1 text-sm hover:bg-muted {fileIdAt($workspace, entry.path) ===
-        undefined
+        class="w-full h-7 px-1 text-sm {fileIdAt($workspace, entry.path) === undefined
             ? 'text-muted-foreground'
             : ''}"
         style="scroll-margin-top: {level.top}px"