diff --git a/src/components/launch/LaunchWindow.module.css b/src/components/launch/LaunchWindow.module.css index b04e4cf6..8e01e553 100644 --- a/src/components/launch/LaunchWindow.module.css +++ b/src/components/launch/LaunchWindow.module.css @@ -40,3 +40,12 @@ opacity: 0.7; background: none !important; } + +.micSelect { + color-scheme: dark; +} + +.micSelect option { + background-color: #131722; + color: #e5e7eb; +} diff --git a/src/components/launch/LaunchWindow.tsx b/src/components/launch/LaunchWindow.tsx index 185537e2..2b97f4c9 100644 --- a/src/components/launch/LaunchWindow.tsx +++ b/src/components/launch/LaunchWindow.tsx @@ -164,7 +164,7 @@ export function LaunchWindow() { setSelectedDeviceId(event.target.value); setMicrophoneDeviceId(event.target.value); }} - className="max-w-[230px] rounded-full border border-white/15 bg-white/10 px-3 py-1 text-xs text-white outline-none" + className={`max-w-[230px] rounded-full border border-white/15 bg-[#131722] px-3 py-1 text-xs text-slate-100 outline-none ${styles.micSelect}`} > {devices.map((device) => (