mirror of
https://github.com/koala73/worldmonitor.git
synced 2026-05-13 18:46:21 +02:00
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:
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
* {
|
||||
|
||||
Reference in New Issue
Block a user