fix(widgets): GeocoderWidget dark theme colors (#9899)#9974
Merged
Pessimistress merged 5 commits intomasterfrom Feb 21, 2026
Merged
fix(widgets): GeocoderWidget dark theme colors (#9899)#9974Pessimistress merged 5 commits intomasterfrom
Pessimistress merged 5 commits intomasterfrom
Conversation
Pessimistress
approved these changes
Feb 20, 2026
Replace hardcoded colors in GeocoderWidget and DropdownMenu with CSS variables to properly support dark theme. The dropdown button, menu, and input field now inherit colors from the theme system. https://claude.ai/code/session_01583bxG6ieS5bGfaVJUDuRY
Move inline styles from GeocoderWidget and DropdownMenu components to the stylesheet for better customizability. Users can now override these styles via CSS without modifying the components. https://claude.ai/code/session_01583bxG6ieS5bGfaVJUDuRY
- Apply glass effect (backdrop blur, shadows, rounded corners) to geocoder container - Integrate input and dropdown button as a unified component - Replace triangle icon with SVG chevron that rotates when open - Hide dropdown button when history is empty - Add updateHTML() call after geocode to re-render with updated history - Use consistent system UI fonts for input and dropdown menu - Add example usage of GeocoderWidget in widgets example Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
…tion in example - Style error message as themed popup below widget instead of breaking layout - Enable geolocation option in widgets example Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
ae9b476 to
2c8a1a5
Compare
… theme variables - Add location pin icon to "Current location" dropdown option - Show "Finding your location..." placeholder during geolocation - Keep text field empty when using current location (not "current") - Add dedicated menu CSS variables for independent menu theming - Fix dropdown z-index to appear above other widgets - Document new menu CSS variables in styling guide Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
| } | ||
|
|
||
| .deck-widget .deck-widget-dropdown-item:hover { | ||
| background: var(--menu-item-hover, rgba(128, 128, 128, 0.15)); |
There was a problem hiding this comment.
CSS fallback mismatch for menu item hover color
Low Severity
The CSS fallback value for --menu-item-hover is rgba(128, 128, 128, 0.15) in stylesheet.css, but the documentation in styling.md lists the default as rgba(0, 0, 0, 0.08), and the LightTheme in themes.ts also uses rgba(0, 0, 0, 0.08). When no theme is applied, users get a visually different hover color than documented.
Additional Locations (1)
Pessimistress
pushed a commit
that referenced
this pull request
Feb 21, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Closes #9899
Replace hardcoded colors in GeocoderWidget and DropdownMenu with CSS
variables to properly support dark theme. The dropdown button, menu,
and input field now inherit colors from the theme system.
Also improves the style of the current location item in the dropdown
https://claude.ai/code/session_01583bxG6ieS5bGfaVJUDuRY
Note
Medium Risk
Mostly UI/theming refactors, but it also changes geocoder dropdown behavior and adds async geolocation state handling that could affect widget interaction and rendering.
Overview
Fixes widget theming gaps by moving
GeocoderWidgetand itsDropdownMenustyling from inline/hardcoded colors to stylesheet-driven class names that consume theme CSS variables, including new menu-specific variables.Adds a richer dropdown model (
MenuItemwith optional icon) and updates the geocoder history dropdown to include a “Current location” item that triggers browser geolocation with a loading placeholder and error display.Updates built-in themes and styling docs to expose the new
--menu-*variables, and refreshes examples/tests to exercise geolocation-enabled geocoder usage.Written by Cursor Bugbot for commit 9fcabef. This will update automatically on new commits. Configure here.