chatwoot/app/javascript/widget
Sojan Jose e09496078b
fix(widget): improve dark mode select options (#14538)
Fixes the web widget select dropdown styling in dark mode so native
select options remain readable against the widget's dark UI.

Closes
None

## Screenshots

Previous state:

<img width="426" height="764" alt="Previous dark mode dropdown issue"
src="https://github.com/user-attachments/assets/812fa88c-ae5a-4769-be14-748fbbaf7dfe"
/>

Current state:

<img width="1210" height="610" alt="Current dark mode dropdown styling"
src="https://github.com/user-attachments/assets/0ec9b6d7-025d-4b97-b43e-ef026857f9c4"
/>

## How to test

1. Enable the web widget pre-chat form with a list/select field.
2. Load the widget with dark mode enabled.
3. Open the select field and verify the select control and option text
remain readable in dark mode.

## What changed

- Adds light/dark color-scheme handling for widget native selects.
- Applies explicit option background and text colors so dark-mode select
options do not inherit unreadable colors from the browser popup.

---------

Co-authored-by: iamsivin <iamsivin@gmail.com>
2026-05-22 12:59:48 +05:30
..
api fix(widget): Queue SDK-set conversation attributes and labels for first message (#13912) 2026-04-02 12:09:24 +04:00
assets fix(widget): improve dark mode select options (#14538) 2026-05-22 12:59:48 +05:30
components chore: resolve sass and vue compiler deprecation warnings (#13794) 2026-05-22 12:16:43 +05:30
composables revert: html background for widget (#13981) 2026-04-02 16:02:22 +05:30
constants feat: widget opened and closed events (#11240) 2025-04-24 17:01:39 +05:30
helpers perf: reduce presence update frequency and fix background tab throttling (#13726) 2026-03-09 18:23:44 +05:30
i18n fix: missing widget es translations (#14375) 2026-05-15 12:16:49 +05:30
mixins feat: Migrate availability mixins to composable and helper (#11596) 2025-08-22 00:43:34 +05:30
store fix(widget): Queue SDK-set conversation attributes and labels for first message (#13912) 2026-04-02 12:09:24 +04:00
views revert: html background for widget (#13981) 2026-04-02 16:02:22 +05:30
App.vue chore: Use widget color for chat input focus state (#13214) 2026-01-14 14:33:56 +05:30
router.js chore: Add cache to improve widget performance (#11163) 2025-03-24 16:04:49 -07:00