From ef36b15ce621dc23b879bf4a911dbb26b0b6af95 Mon Sep 17 00:00:00 2001
From: 4aiman <konsorumaniakku@ya.ru>
Date: Wed, 9 Sep 2026 16:51:58 +0300
Subject: [PATCH] brouter-web: broaden dark theme (sidebar tabs, inputs,
 dropdowns, elevation chart text/footer)

Cover the elements that stayed light: right vertical sidebar tab strip, search
fields, the profile dropdown and dropdown menus, light-styled buttons, the
elevation chart's SVG axis text (was black on dark) and its background/footer/
stats. Injected as a <style> keyed on body.bw-dark.
---
 tools/brouter-web/baldav-custom.js | 30 ++++++++++++++++++++++++++----
 1 file changed, 26 insertions(+), 4 deletions(-)

diff --git a/tools/brouter-web/baldav-custom.js b/tools/brouter-web/baldav-custom.js
index b922f20..d4417e0 100644
--- a/tools/brouter-web/baldav-custom.js
+++ b/tools/brouter-web/baldav-custom.js
@@ -19,11 +19,33 @@
       // left toolbar + all leaflet control buttons (zoom, draw, etc.)
       "body.bw-dark .leaflet-bar a,body.bw-dark .leaflet-control-zoom a,body.bw-dark .leaflet-control a,body.bw-dark .leaflet-control button{background:#2b3038!important;color:#fff!important;border-color:#454b54!important}",
       "body.bw-dark .leaflet-bar a:hover,body.bw-dark .leaflet-control a:hover{background:#3a4048!important}",
-      // bottom elevation profile panel
-      "body.bw-dark .elevation,body.bw-dark #elevation-chart,body.bw-dark .elevation-summary{background:#20242a!important;color:#dfe3e8!important}",
-      "body.bw-dark .elevation text{fill:#dfe3e8!important}",
+      // bottom elevation profile panel + footer/stats
+      "body.bw-dark #elevation-chart,body.bw-dark #elevation-chart svg,body.bw-dark .elevation,body.bw-dark .elevation svg{background:#20242a!important;color:#dfe3e8!important}",
+      "body.bw-dark .elevation .background{background-color:#20242a!important}",
+      "body.bw-dark .elevation rect.background,body.bw-dark .elevation .background rect{fill:#20242a!important}",
+      "body.bw-dark footer,body.bw-dark #stats-info,body.bw-dark #stats-container,body.bw-dark #stats,body.bw-dark #track_statistics{background:#20242a!important;color:#dfe3e8!important}",
+      "body.bw-dark .elevation text,body.bw-dark .elevation .axis text{fill:#dfe3e8!important}",
       "body.bw-dark .elevation .domain,body.bw-dark .elevation .tick line,body.bw-dark .elevation .grid line{stroke:#55606a!important}",
-      "body.bw-dark .elevation path.area,body.bw-dark .elevation .area{fill:#2b3038!important;opacity:.6}"
+      "body.bw-dark .elevation path.area,body.bw-dark .elevation .area{fill:#2b3038!important;opacity:.6}",
+      // elevation SVG axis text (was black on dark)
+      "body.bw-dark #elevation-chart text,body.bw-dark #elevation-chart .tick text,body.bw-dark #elevation-chart .axis text{fill:#dfe3e8!important}",
+      "body.bw-dark #elevation-chart .tick line,body.bw-dark #elevation-chart .domain,body.bw-dark #elevation-chart path.grid,body.bw-dark #elevation-chart line{stroke:#3a4048!important}",
+      // right vertical sidebar tab strip (layers/settings/data/stats icons)
+      "body.bw-dark .leaflet-sidebar-tabs,body.bw-dark .leaflet-sidebar-tabs>ul,body.bw-dark .leaflet-sidebar-tabs li,body.bw-dark .leaflet-sidebar-tabs li a{background:#20242a!important;color:#dfe3e8!important}",
+      "body.bw-dark .leaflet-sidebar-tabs li.active a,body.bw-dark .leaflet-sidebar-tabs li a:hover{background:#2b3038!important;color:#fff!important}",
+      "body.bw-dark .leaflet-sidebar.collapsed,body.bw-dark .leaflet-sidebar-header{background:#20242a!important;color:#dfe3e8!important}",
+      // Bootstrap form controls: search fields, the profile dropdown/select, etc.
+      "body.bw-dark input,body.bw-dark textarea,body.bw-dark select,body.bw-dark .form-control,body.bw-dark .custom-select{background:#2b3038!important;color:#dfe3e8!important;border-color:#454b54!important}",
+      "body.bw-dark ::placeholder{color:#9aa4ae!important}",
+      // dropdown menus (Load, profile chooser)
+      "body.bw-dark .dropdown-menu{background:#20242a!important;color:#dfe3e8!important;border-color:#454b54!important}",
+      "body.bw-dark .dropdown-item{color:#dfe3e8!important}",
+      "body.bw-dark .dropdown-item:hover,body.bw-dark .dropdown-item:focus{background:#2b3038!important;color:#fff!important}",
+      // light-styled buttons (incl. those above the elevation chart) → dark; keep coloured btns
+      "body.bw-dark .btn-light,body.bw-dark .btn-outline-secondary,body.bw-dark .btn-secondary,body.bw-dark .btn-default,body.bw-dark button.btn:not([class*=btn-primary]):not([class*=btn-success]):not([class*=btn-danger]){background:#2b3038!important;color:#dfe3e8!important;border-color:#454b54!important}",
+      "body.bw-dark .card,body.bw-dark .modal-content,body.bw-dark .list-group-item,body.bw-dark .popover,body.bw-dark .popover-body{background:#20242a!important;color:#dfe3e8!important}",
+      // brouter-web bottom footer buttons / export-image control
+      "body.bw-dark footer .btn,body.bw-dark footer button,body.bw-dark #export-to-image,body.bw-dark .leaflet-control button{background:#2b3038!important;color:#dfe3e8!important;border-color:#454b54!important}"
     ].join("\n");
     (document.head || document.documentElement).appendChild(st);
   }