From 6fbdc8667f8468483a2b22fed72628c43f126015 Mon Sep 17 00:00:00 2001 From: Manjiro Sano Date: Mon, 24 Nov 2025 21:36:20 +0530 Subject: [PATCH] Fix dropdown visibility in dark mode (Issue #389) Added CSS rules to fix the 'Filter by category' dropdown visibility in dark mode. The dropdown previously had white text on white background in dark mode, making the options unreadable. This fix: - Sets dark background color for the dropdown in dark mode - Sets light text color for better contrast - Ensures dropdown options are also properly styled Resolves #389 --- static/styles/main.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/static/styles/main.css b/static/styles/main.css index 39aa1f9..38e1763 100644 --- a/static/styles/main.css +++ b/static/styles/main.css @@ -426,4 +426,16 @@ --rh-icon-size: 10px; } } -} \ No newline at end of file + + /* Fix for dark mode dropdown visibility - Issue #389 */ +[data-theme="dark"] #table-search-dropdown { + background-color: var(--pf-global--BackgroundColor--dark-100, #1f1f1f); + color: var(--pf-global--Color--light-100, #ffffff); + border-color: var(--pf-global--BorderColor--dark-100, #6a6e73); +} + +[data-theme="dark"] #table-search-dropdown option { + background-color: var(--pf-global--BackgroundColor--dark-100, #1f1f1f); + color: var(--pf-global--Color--light-100, #ffffff); +} +}