From 84dce24c55856b22edbed6bfc5b3f2aae5d36d2e Mon Sep 17 00:00:00 2001
From: Joost De Cock <joost@joost.at>
Date: Sat, 5 Feb 2022 22:01:01 +0100
Subject: [PATCH] fix(dev): Force color of theme picker. Closes #1814

This is a bit of a hack because I can't seem to get to the
root cause, so this just adds CSS specificity so that the
dropdown is styled as it should.
---
 .../freesewing.shared/components/theme-picker.js     | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/freesewing.shared/components/theme-picker.js b/packages/freesewing.shared/components/theme-picker.js
index 0ddaff0010b..60e979f8342 100644
--- a/packages/freesewing.shared/components/theme-picker.js
+++ b/packages/freesewing.shared/components/theme-picker.js
@@ -23,12 +23,14 @@ const ThemePicker = ({ app, className }) => {
             <li key={theme}>
               <button
                 onClick={() => app.setTheme(theme)}
-                className="btn btn-ghost text-base-content hover:bg-base-200"
+                className="btn btn-ghost hover:bg-base-200"
               >
-                {app.i18n
-                  ? app.t(`${theme}Theme`)
-                  : `${theme} Theme`
-                }
+                <span className="text-base-content">
+                  {app.i18n
+                    ? app.t(`${theme}Theme`)
+                    : `${theme} Theme`
+                  }
+                </span>
               </button>
             </li>
           ))}