From 88c638323ae077666508a87c4e1404eff264f41d Mon Sep 17 00:00:00 2001
From: Mario Buikhuizen <mariobuikhuizen@widgetti.io>
Date: Tue, 6 Oct 2026 13:13:47 +0200
Subject: [PATCH] fix: improve file browser selection visibility in dark mode

---
 solara/components/file_list_widget.vue    | 5 ++++-
 solara/components/file_list_widget_v3.vue | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/solara/components/file_list_widget.vue b/solara/components/file_list_widget.vue
index 2d515bc5e..ff0d64914 100644
--- a/solara/components/file_list_widget.vue
+++ b/solara/components/file_list_widget.vue
@@ -95,9 +95,12 @@ module.exports = {
   font-weight: bold;
 }
 
-.solara-file-list-selected {
+.solara-file-list .solara-file-list-selected {
   background-color: #3333;
+}
 
+.solara-file-list .solara-file-list-selected.theme--dark {
+  background-color: #fff3;
 }
 
 .solara-file-list .v-list-item__icon,
diff --git a/solara/components/file_list_widget_v3.vue b/solara/components/file_list_widget_v3.vue
index d8894fea5..84a19ed3c 100644
--- a/solara/components/file_list_widget_v3.vue
+++ b/solara/components/file_list_widget_v3.vue
@@ -91,9 +91,12 @@ module.exports = {
   font-weight: bold;
 }
 
-.solara-file-list-selected {
+.solara-file-list .solara-file-list-selected {
   background-color: #3333;
+}
 
+.solara-file-list.v-theme--dark .solara-file-list-selected {
+  background-color: #fff3;
 }
 
 .solara-file-list .solara-file-list-row {