From f06e2c1a4ab42e087beacad8ef4c3f56d9d3f79f Mon Sep 17 00:00:00 2001 From: _00_ <131402327+rgaricano@users.noreply.github.com> Date: Sat, 25 Oct 2025 13:35:58 +0200 Subject: [PATCH 1/3] FIX:style_dark_mode_select_boxes ### UPD_Styles: Add dark mode styles for select elements and options. Actually some select "boxes" have css dark theme support, but other not. This PR add CSS for dark theme selects. --- src/app.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/app.css b/src/app.css index e8f4ee137b..7727f3fe9f 100644 --- a/src/app.css +++ b/src/app.css @@ -152,6 +152,16 @@ select { -webkit-appearance: none; } +.dark select { + background-color: rgb(23, 23, 23); /* gray-900 */ + color: rgb(209, 213, 219); /* gray-300 */ +} + +.dark select option { + background-color: rgb(38, 38, 38); /* gray-850 */ + color: rgb(255, 255, 255); +} + @keyframes shimmer { 0% { background-position: 200% 0; From 235ed8956c8e3c085a4abaf29d902e32a3689b1c Mon Sep 17 00:00:00 2001 From: _00_ <131402327+rgaricano@users.noreply.github.com> Date: Sun, 26 Oct 2025 09:40:05 +0100 Subject: [PATCH 2/3] UPD: Refactor dark select styles using Tailwind CSS classes ### UPD_Styles: Add dark mode styles for select elements and options. Actually some select "boxes" have css dark theme support, but other not. This PR add CSS for dark theme selects. --- src/app.css | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/src/app.css b/src/app.css index 7727f3fe9f..c8c0b0470e 100644 --- a/src/app.css +++ b/src/app.css @@ -153,13 +153,11 @@ select { } .dark select { - background-color: rgb(23, 23, 23); /* gray-900 */ - color: rgb(209, 213, 219); /* gray-300 */ + @apply bg-gray-900 text-gray-300; } - + .dark select option { - background-color: rgb(38, 38, 38); /* gray-850 */ - color: rgb(255, 255, 255); + @apply bg-gray-850 text-white; } @keyframes shimmer { From 2f6a050325804f6bd26e5316ab95f40a95534e82 Mon Sep 17 00:00:00 2001 From: _00_ <131402327+rgaricano@users.noreply.github.com> Date: Sun, 26 Oct 2025 15:05:42 +0100 Subject: [PATCH 3/3] Refactor dark mode select styles-more specific Refactor dark mode select styles to be more specific and avoid interference with already classed select elements. --- src/app.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/app.css b/src/app.css index c8c0b0470e..cf5d0360cc 100644 --- a/src/app.css +++ b/src/app.css @@ -152,12 +152,12 @@ select { -webkit-appearance: none; } -.dark select { - @apply bg-gray-900 text-gray-300; -} +.dark select:not([class*="bg-transparent"]) { + @apply bg-gray-900 text-gray-300; +} -.dark select option { - @apply bg-gray-850 text-white; +.dark select option { + @apply bg-gray-850 text-white; } @keyframes shimmer {