feat(03-02): update Map light theme CSS and add theme-change re-render

- Update --map-country to warm cream (#f0e8d8) for Voyager-style land
- Update --map-stroke to warm border (#c8b8a8) complementing cream land
- Subtler blue grid (#b0c8d8) for light mode
- Add theme-changed event listener in Map.ts resetting baseRendered flag
- Dark theme map values unchanged

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastien Melki
2026-02-16 15:30:07 +02:00
parent 72851b9936
commit 4e623cd5cb
2 changed files with 8 additions and 3 deletions

View File

@@ -187,6 +187,11 @@ export class MapComponent {
this.setupZoomHandlers();
this.loadMapData();
this.setupResizeObserver();
window.addEventListener('theme-changed', () => {
this.baseRendered = false;
this.render();
});
}
private setupResizeObserver(): void {

View File

@@ -123,9 +123,9 @@
/* Map */
--map-bg: #e8f0f8;
--map-grid: #c0d8e8;
--map-country: #d8e8d8;
--map-stroke: #90b8a0;
--map-grid: #b0c8d8;
--map-country: #f0e8d8;
--map-stroke: #c8b8a8;
}
* {