From 390a3dff90befe15b30b8bb09ebe865d85c649e5 Mon Sep 17 00:00:00 2001
From: hgosalia <hiralg@gmail.com>
Date: Tue, 30 Jun 2026 20:57:53 -0400
Subject: [PATCH] Feature: Remove Bright Map

---
 README.md                  | 2 +-
 docs/keyboard-shortcuts.md | 1 -
 index.html                 | 1 -
 js/demo.js                 | 1 -
 js/map.js                  | 8 +++-----
 5 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index d93a3a9..71a4b45 100644
--- a/README.md
+++ b/README.md
@@ -57,7 +57,7 @@
 | 🗓 Timeline | Chronological photo browser |
 | 🖼 Lightbox | Full-size viewer with navigation and camera info |
 | 📝 Notes | Add notes to any pin |
-| 🛰 Map styles | Light, Bright, Dark, Terrain, 3D Terrain, Satellite, 3D Satellite, Globe |
+| 🛰 Map styles | Light, Dark, Terrain, 3D Terrain, Satellite, 3D Satellite, Globe |
 | 🔄 Clustering | Pins cluster by zoom, expand on click |
 | 💾 Auto-save | Background backup to disk via `serve.py` |
 | 📦 Export / Import | Full dataset as compressed `.json.gz` |
diff --git a/docs/keyboard-shortcuts.md b/docs/keyboard-shortcuts.md
index 368e07d..79ba755 100644
--- a/docs/keyboard-shortcuts.md
+++ b/docs/keyboard-shortcuts.md
@@ -7,7 +7,6 @@ Shortcuts are disabled when typing in any input field.
 | Key | Action |
 |---|---|
 | `L` | Switch to Light Map |
-| `B` | Switch to Bright Map |
 | `D` | Switch to Dark Map |
 | `T` | Switch to Terrain |
 | `3` | Switch to 3D Terrain |
diff --git a/index.html b/index.html
index 41fda94..5a65d0e 100644
--- a/index.html
+++ b/index.html
@@ -135,7 +135,6 @@
       <button class="tb-btn" id="tb-style-btn" onclick="toggleStyleMenu(event)">Dark Map ▾</button>
       <div class="style-menu" id="style-menu">
         <div class="style-menu-item" data-style="light" onclick="setMapStyle('light')">Light Map</div>
-        <div class="style-menu-item" data-style="bright" onclick="setMapStyle('bright')">Bright Map</div>
         <div class="style-menu-item active" data-style="dark" onclick="setMapStyle('dark')">Dark Map</div>
         <div class="style-menu-item" data-style="enriched" onclick="setMapStyle('enriched')">Terrain</div>
         <div class="style-menu-item" data-style="terrain3d" onclick="setMapStyle('terrain3d')">3D Terrain</div>
diff --git a/js/demo.js b/js/demo.js
index a8cefb0..ec15fdb 100644
--- a/js/demo.js
+++ b/js/demo.js
@@ -15,7 +15,6 @@ document.addEventListener('keydown', e => {
   if (e.ctrlKey || e.metaKey || e.altKey || e.shiftKey) return;
   switch (e.key) {
     case 'l': case 'L': setMapStyle('light'); break;
-    case 'b': case 'B': setMapStyle('bright'); break;
     case 'd': case 'D': setMapStyle('dark'); break;
     case 't': case 'T': setMapStyle('enriched'); break;
     case '3': setMapStyle('terrain3d'); break;
diff --git a/js/map.js b/js/map.js
index a295a7b..42ca9eb 100644
--- a/js/map.js
+++ b/js/map.js
@@ -4,11 +4,9 @@
 function _styleUrl() {
   if (_mapStyle === 'satellite' || _mapStyle === 'satellite3d') return STYLE_SAT;
   if (_mapStyle === 'dark') return STYLE_DARK;
-  if (_mapStyle === 'bright') return STYLE_BRIGHT;
   return STYLE_STREET; // light, enriched, terrain3d, globe all use Liberty as base
 }
 const STYLE_STREET = 'https://tiles.openfreemap.org/styles/liberty';
-const STYLE_BRIGHT = 'https://tiles.openfreemap.org/styles/bright';
 const STYLE_DARK = 'https://tiles.openfreemap.org/styles/dark';
 const STYLE_SAT = {
   version:8,
@@ -441,7 +439,7 @@ function addPinLayers() {
 // ═══════════════════════════════════════
 function initTheme() {
   const stored = localStorage.getItem('matrix-theme');
-  if (stored && ['dark', 'light', 'bright', 'enriched', 'terrain3d', 'globe'].includes(stored)) {
+  if (stored && ['dark', 'light', 'enriched', 'terrain3d', 'globe'].includes(stored)) {
     _mapStyle = stored;
   } else {
     _mapStyle = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
@@ -460,7 +458,7 @@ function applyTheme() {
   document.getElementById('map')?.classList.toggle('dark-map', _mapStyle === 'dark');
   _tileTemplatesCache = null;
   const btn = document.getElementById('tb-style-btn');
-  const labels = { light: 'Light Map', bright: 'Bright Map', enriched: 'Terrain', dark: 'Dark Map', satellite: 'Satellite', satellite3d: '3D Satellite', terrain3d: '3D Terrain', globe: 'Globe' };
+  const labels = { light: 'Light Map', enriched: 'Terrain', dark: 'Dark Map', satellite: 'Satellite', satellite3d: '3D Satellite', terrain3d: '3D Terrain', globe: 'Globe' };
   if (btn) btn.textContent = (labels[_mapStyle] || _mapStyle) + ' ▾';
   document.querySelectorAll('.style-menu-item').forEach(el => el.classList.toggle('active', el.dataset.style === _mapStyle));
   _syncExportBtnState();
@@ -900,7 +898,7 @@ function setMapStyle(mode) {
   _syncExportBtnState();
 
   // Update button label
-  const labels = { light: 'Light Map', bright: 'Bright Map', enriched: 'Terrain', dark: 'Dark Map', satellite: 'Satellite', satellite3d: '3D Satellite', terrain3d: '3D Terrain', globe: 'Globe' };
+  const labels = { light: 'Light Map', enriched: 'Terrain', dark: 'Dark Map', satellite: 'Satellite', satellite3d: '3D Satellite', terrain3d: '3D Terrain', globe: 'Globe' };
   const btn = document.getElementById('tb-style-btn');
   if (btn) btn.textContent = (labels[mode] || mode) + ' ▾';