diff --git a/website/src/app.css b/website/src/app.css
index 360452e37..d93b269f9 100644
--- a/website/src/app.css
+++ b/website/src/app.css
@@ -34,6 +34,7 @@
 
  --support: rgb(220 15 130);
  --link: rgb(0 110 180);
+ --selection: hsl(240 4.8% 93%);
  
  --radius: 0.5rem;
 }
@@ -69,6 +70,7 @@
 
  --support: rgb(255 110 190);
  --link: rgb(80 190 255);
+ --selection: hsl(240 3.7% 22%);
 }
  
 @theme inline {
diff --git a/website/src/lib/components/file-list/FileListNodeContent.svelte b/website/src/lib/components/file-list/FileListNodeContent.svelte
index 0cb2afb7f..fe6926cc3 100644
--- a/website/src/lib/components/file-list/FileListNodeContent.svelte
+++ b/website/src/lib/components/file-list/FileListNodeContent.svelte
@@ -121,20 +121,16 @@
     }
 
     .vertical :global(button) {
-        @apply hover:bg-muted;
-    }
-
-    .vertical :global(.sortable-selected button) {
-        @apply hover:bg-accent;
+        @apply hover:bg-[var(--selection)];
     }
 
     .vertical :global(.sortable-selected) {
-        @apply bg-accent;
+        @apply bg-[var(--selection)];
     }
 
     .horizontal :global(button) {
-        @apply bg-accent;
-        @apply hover:bg-muted;
+        @apply bg-[var(--selection)];
+        @apply hover:bg-background;
     }
 
     .horizontal :global(.sortable-selected button) {