From 4861e427981a682f7303bb2b2089afbe83b0ee32 Mon Sep 17 00:00:00 2001
From: Ian Renton <ian@ianrenton.com>
Date: Fri, 27 Mar 2026 08:05:47 +0000
Subject: [PATCH] Reduce general blueness levels

---
 templates/about.html                           |  2 +-
 templates/add_spot.html                        |  6 +++---
 templates/alerts.html                          |  4 ++--
 templates/bands.html                           |  6 +++---
 templates/base.html                            |  8 ++++----
 templates/cards/worked-calls.html              |  2 +-
 templates/map.html                             |  6 +++---
 templates/spots.html                           |  6 +++---
 templates/status.html                          |  4 ++--
 templates/widgets/display-area-header.html     |  2 +-
 templates/widgets/filters-area-header.html     |  2 +-
 templates/widgets/filters-display-buttons.html |  4 ++--
 templates/widgets/run-pause.html               |  4 ++--
 webassets/css/style.css                        |  2 +-
 webassets/js/common.js                         |  2 +-
 webassets/js/spotsbandsandmap.js               | 12 ++++++------
 16 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/templates/about.html b/templates/about.html
index 546314b..1eaf3ac 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -66,7 +66,7 @@
     <p>This software is dedicated to the memory of Tom G1PJB, SK, a friend and colleague who sadly passed away around the time I started writing it in Autumn 2025. I was looking forward to showing it to you when it was done.</p>
 </div>
 
-<script src="/js/common.js?v=1773053188"></script>
+<script src="/js/common.js?v=1774598747"></script>
 <script>$(document).ready(function() { $("#nav-link-about").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/add_spot.html b/templates/add_spot.html
index 1641404..180924d 100644
--- a/templates/add_spot.html
+++ b/templates/add_spot.html
@@ -10,7 +10,7 @@
 
 <div class="mt-3">
     <div id="add-spot-area" class="card mb-3">
-        <div class="card-header text-white bg-primary">
+        <div class="card-header">
             <div class="row">
                 <div class="col-auto me-auto">
                     Add a Spot
@@ -69,8 +69,8 @@
 
 </div>
 
-<script src="/js/common.js?v=1773053188"></script>
-<script src="/js/add-spot.js?v=1773053188"></script>
+<script src="/js/common.js?v=1774598747"></script>
+<script src="/js/add-spot.js?v=1774598747"></script>
 <script>$(document).ready(function() { $("#nav-link-add-spot").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/alerts.html b/templates/alerts.html
index 97bd949..5cd05e3 100644
--- a/templates/alerts.html
+++ b/templates/alerts.html
@@ -56,8 +56,8 @@
 
 </div>
 
-<script src="/js/common.js?v=1773053188"></script>
-<script src="/js/alerts.js?v=1773053188"></script>
+<script src="/js/common.js?v=1774598747"></script>
+<script src="/js/alerts.js?v=1774598747"></script>
 <script>$(document).ready(function() { $("#nav-link-alerts").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/bands.html b/templates/bands.html
index f3a100a..a417450 100644
--- a/templates/bands.html
+++ b/templates/bands.html
@@ -62,9 +62,9 @@
 <script>
     let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
 </script>
-<script src="/js/common.js?v=1773053188"></script>
-<script src="/js/spotsbandsandmap.js?v=1773053188"></script>
-<script src="/js/bands.js?v=1773053188"></script>
+<script src="/js/common.js?v=1774598747"></script>
+<script src="/js/spotsbandsandmap.js?v=1774598747"></script>
+<script src="/js/bands.js?v=1774598747"></script>
 <script>$(document).ready(function() { $("#nav-link-bands").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index 3935bde..4c3544b 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -46,10 +46,10 @@
             crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/tinycolor2@1.6.0/cjs/tinycolor.min.js"></script>
 
-    <script src="https://misc.ianrenton.com/jsutils/utils.js?v=1773053188"></script>
-    <script src="https://misc.ianrenton.com/jsutils/storage.js?v=1773053188"></script>
-    <script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1773053188"></script>
-    <script src="https://misc.ianrenton.com/jsutils/geo.js?v=1773053188"></script>
+    <script src="https://misc.ianrenton.com/jsutils/utils.js?v=1774598747"></script>
+    <script src="https://misc.ianrenton.com/jsutils/storage.js?v=1774598747"></script>
+    <script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1774598747"></script>
+    <script src="https://misc.ianrenton.com/jsutils/geo.js?v=1774598747"></script>
 
 </head>
 <body>
diff --git a/templates/cards/worked-calls.html b/templates/cards/worked-calls.html
index 123e199..8721ab3 100644
--- a/templates/cards/worked-calls.html
+++ b/templates/cards/worked-calls.html
@@ -1,6 +1,6 @@
 <div class="card">
     <div class="card-body">
         <h5 class="card-title">Worked Calls</h5>
-        <button type="button" class="btn btn-primary" onClick="clearWorked();">Clear worked calls</button>
+        <button type="button" class="btn btn-secondary" onClick="clearWorked();">Clear worked calls</button>
     </div>
 </div>
\ No newline at end of file
diff --git a/templates/map.html b/templates/map.html
index 2c2377f..d478314 100644
--- a/templates/map.html
+++ b/templates/map.html
@@ -70,9 +70,9 @@
 <script>
     let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
 </script>
-<script src="/js/common.js?v=1773053188"></script>
-<script src="/js/spotsbandsandmap.js?v=1773053188"></script>
-<script src="/js/map.js?v=1773053188"></script>
+<script src="/js/common.js?v=1774598747"></script>
+<script src="/js/spotsbandsandmap.js?v=1774598747"></script>
+<script src="/js/map.js?v=1774598747"></script>
 <script>$(document).ready(function() { $("#nav-link-map").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/spots.html b/templates/spots.html
index 3e21804..a3d6d79 100644
--- a/templates/spots.html
+++ b/templates/spots.html
@@ -87,9 +87,9 @@
 <script>
     let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
 </script>
-<script src="/js/common.js?v=1773053188"></script>
-<script src="/js/spotsbandsandmap.js?v=1773053188"></script>
-<script src="/js/spots.js?v=1773053188"></script>
+<script src="/js/common.js?v=1774598747"></script>
+<script src="/js/spotsbandsandmap.js?v=1774598747"></script>
+<script src="/js/spots.js?v=1774598747"></script>
 <script>$(document).ready(function() { $("#nav-link-spots").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/status.html b/templates/status.html
index 08e238c..fb520e2 100644
--- a/templates/status.html
+++ b/templates/status.html
@@ -3,8 +3,8 @@
 
 <div id="status-container" class="row row-cols-1 row-cols-md-4 g-4 mt-4"></div>
 
-<script src="/js/common.js?v=1773053188"></script>
-<script src="/js/status.js?v=1773053188"></script>
+<script src="/js/common.js?v=1774598747"></script>
+<script src="/js/status.js?v=1774598747"></script>
 <script>$(document).ready(function() { $("#nav-link-status").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/widgets/display-area-header.html b/templates/widgets/display-area-header.html
index 34dfd27..40b27d2 100644
--- a/templates/widgets/display-area-header.html
+++ b/templates/widgets/display-area-header.html
@@ -1,4 +1,4 @@
-<div class="card-header text-white bg-primary">
+<div class="card-header">
     <div class="row">
         <div class="col-auto me-auto">
             Display
diff --git a/templates/widgets/filters-area-header.html b/templates/widgets/filters-area-header.html
index d97d75e..dd2a09e 100644
--- a/templates/widgets/filters-area-header.html
+++ b/templates/widgets/filters-area-header.html
@@ -1,4 +1,4 @@
-<div class="card-header text-white bg-primary">
+<div class="card-header">
     <div class="row">
         <div class="col-auto me-auto">
             Filters
diff --git a/templates/widgets/filters-display-buttons.html b/templates/widgets/filters-display-buttons.html
index f960569..f6cf612 100644
--- a/templates/widgets/filters-display-buttons.html
+++ b/templates/widgets/filters-display-buttons.html
@@ -1,4 +1,4 @@
 <div class="d-inline-flex gap-1">
-    <button id="filters-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button" onclick="toggleFiltersPanel();"><i class="fa-solid fa-filter"></i>&nbsp;Filters</button>
-    <button id="display-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button" onclick="toggleDisplayPanel();"><i class="fa-solid fa-desktop"></i>&nbsp;Display</button>
+    <button id="filters-button" type="button" class="btn btn-outline-secondary" data-bs-toggle="button" onclick="toggleFiltersPanel();"><i class="fa-solid fa-filter"></i>&nbsp;Filters</button>
+    <button id="display-button" type="button" class="btn btn-outline-secondary" data-bs-toggle="button" onclick="toggleDisplayPanel();"><i class="fa-solid fa-desktop"></i>&nbsp;Display</button>
 </div>
\ No newline at end of file
diff --git a/templates/widgets/run-pause.html b/templates/widgets/run-pause.html
index 51e3c65..5c36831 100644
--- a/templates/widgets/run-pause.html
+++ b/templates/widgets/run-pause.html
@@ -1,7 +1,7 @@
 <span class="btn-group" role="group">
   <input type="radio" class="btn-check" name="runPause" id="runButton" autocomplete="off" checked>
-    <label class="btn btn-outline-primary" for="runButton"><i class="fa-solid fa-play"></i>&nbsp;Run</label>
+    <label class="btn btn-outline-success" for="runButton"><i class="fa-solid fa-play"></i>&nbsp;Run</label>
 
   <input type="radio" class="btn-check" name="runPause" id="pauseButton" autocomplete="off">
-    <label class="btn btn-outline-primary" for="pauseButton"><i class="fa-solid fa-pause"></i>&nbsp;Pause</label>
+    <label class="btn btn-outline-danger" for="pauseButton"><i class="fa-solid fa-stop"></i>&nbsp;Stop</label>
 </span>
\ No newline at end of file
diff --git a/webassets/css/style.css b/webassets/css/style.css
index 60a00d9..5c87f8d 100644
--- a/webassets/css/style.css
+++ b/webassets/css/style.css
@@ -223,7 +223,7 @@ div#map {
 }
 
 /* Make buttons overlaid on the map have a non-transparent fill so you can see the text better */
-.btn-outline-primary {
+.btn-outline-secondary {
     --bs-btn-bg: var(--bs-body-bg) !important;
 }
 
diff --git a/webassets/js/common.js b/webassets/js/common.js
index d74e458..6906f26 100644
--- a/webassets/js/common.js
+++ b/webassets/js/common.js
@@ -96,7 +96,7 @@ function allFilterOptionsSelected(parameter) {
 function generateMultiToggleFilterCard(elementID, filterQuery, options) {
     // Create a button for each option
     options.forEach(o => {
-        $(elementID).append(`<input type="checkbox" class="btn-check filter-button-${filterQuery} storeable-checkbox" name="options" id="filter-button-${filterQuery}-${o}" value="${o}" autocomplete="off" onClick="filtersUpdated()" checked><label class="btn btn-outline-primary" for="filter-button-${filterQuery}-${o}">${o}</label> `);
+        $(elementID).append(`<input type="checkbox" class="btn-check filter-button-${filterQuery} storeable-checkbox" name="options" id="filter-button-${filterQuery}-${o}" value="${o}" autocomplete="off" onClick="filtersUpdated()" checked><label class="btn btn-outline-success" for="filter-button-${filterQuery}-${o}">${o}</label> `);
     });
     // Create All/None buttons
     $(elementID).append(` <span style="display: inline-block"><button id="filter-button-${filterQuery}-all" type="button" class="btn btn-outline-secondary" onclick="toggleFilterButtons('${filterQuery}', true);">All</button>&nbsp;<button id="filter-button-${filterQuery}-none" type="button" class="btn btn-outline-secondary" onclick="toggleFilterButtons('${filterQuery}', false);">None</button></span>`);
diff --git a/webassets/js/spotsbandsandmap.js b/webassets/js/spotsbandsandmap.js
index 807aef0..0c65092 100644
--- a/webassets/js/spotsbandsandmap.js
+++ b/webassets/js/spotsbandsandmap.js
@@ -12,7 +12,7 @@ function addBandToggleColourCSS(band_options) {
     var $style = $('<style>');
     band_options.forEach(o => {
         var domSafeName = o["name"].replace(/^[^A-Za-z0-9]+|[^\w]+/gi, "");
-        $style.append(`#filter-button-label-band-${domSafeName} { border-color: ${bandToColor(o['name'])}; color: var(--bs-primary);}`);
+        $style.append(`#filter-button-label-band-${domSafeName} { border-color: ${bandToColor(o['name'])}; color: var(--bs-secondary);}`);
         $style.append(`.btn-check:checked + #filter-button-label-band-${domSafeName} { background-color: ${bandToColor(o['name'])}; color: ${bandToContrastColor(o['name'])};}`);
     });
     $('html > head').append($style);
@@ -23,7 +23,7 @@ function generateBandsMultiToggleFilterCard(band_options) {
     // Create a button for each option
     band_options.forEach(o => {
         var domSafeName = o["name"].replace(/^[^A-Za-z0-9]+|[^\w]+/gi, "");
-        $("#band-options").append(`<input type="checkbox" class="btn-check filter-button-band storeable-checkbox" name="options" id="filter-button-band-${domSafeName}" value="${o['name']}" autocomplete="off" onClick="filtersUpdated()" checked><label class="btn btn-outline" id="filter-button-label-band-${domSafeName}" for="filter-button-band-${domSafeName}">${o['name']}</label> `);
+        $("#band-options").append(`<input type="checkbox" class="btn-check filter-button-band storeable-checkbox" name="options" id="filter-button-band-${domSafeName}" value="${o['name']}" autocomplete="off" onClick="filtersUpdated()" checked><label class="btn btn-outline-secondary" id="filter-button-label-band-${domSafeName}" for="filter-button-band-${domSafeName}">${o['name']}</label> `);
     });
     // Create All/None/Ham HF buttons
     $("#band-options").append(` <span style="display: inline-block"><button id="filter-button-band-all" type="button" class="btn btn-outline-secondary" onclick="toggleFilterButtons('band', true);">All</button> <button id="filter-button-band-none" type="button" class="btn btn-outline-secondary" onclick="toggleFilterButtons('band', false);">None</button> <button id="filter-button-band-none" type="button" class="btn btn-outline-secondary" onclick="setHamHFBandToggles();">Ham HF</button></span>`);
@@ -44,10 +44,10 @@ function generateSIGsMultiToggleFilterCard(sig_options) {
     // Create a button for each option
     sig_options.forEach(o => {
         var domSafeName = o["name"].replace(/^[^A-Za-z0-9]+|[^\w]+/gi, "");
-        $("#sig-options").append(`<input type="checkbox" class="btn-check filter-button-sig storeable-checkbox" name="options" id="filter-button-sig-${domSafeName}" value="${o['name']}" autocomplete="off" onClick="filtersUpdated()" checked><label class="btn btn-outline-primary" id="filter-button-label-sig-${domSafeName}" for="filter-button-sig-${domSafeName}" title="${o['description']}"><i class="fa-solid ${sigToIcon(o['name'], 'fa-tower-cell')}"></i> ${o['name']}</label> `);
+        $("#sig-options").append(`<input type="checkbox" class="btn-check filter-button-sig storeable-checkbox" name="options" id="filter-button-sig-${domSafeName}" value="${o['name']}" autocomplete="off" onClick="filtersUpdated()" checked><label class="btn btn-outline-success" id="filter-button-label-sig-${domSafeName}" for="filter-button-sig-${domSafeName}" title="${o['description']}"><i class="fa-solid ${sigToIcon(o['name'], 'fa-tower-cell')}"></i> ${o['name']}</label> `);
     });
     // Create a bonus "NO_SIG" / "General DX" option
-    $("#sig-options").append(`<input type="checkbox" class="btn-check filter-button-sig storeable-checkbox" name="options" id="filter-button-sig-NO_SIG" value="NO_SIG" autocomplete="off" onClick="filtersUpdated()" checked><label class="btn btn-outline-primary" id="filter-button-label-sig-NO_SIG" for="filter-button-sig-NO_SIG"><i class="fa-solid fa-tower-cell"></i> General DX</label> `);
+    $("#sig-options").append(`<input type="checkbox" class="btn-check filter-button-sig storeable-checkbox" name="options" id="filter-button-sig-NO_SIG" value="NO_SIG" autocomplete="off" onClick="filtersUpdated()" checked><label class="btn btn-outline-success" id="filter-button-label-sig-NO_SIG" for="filter-button-sig-NO_SIG"><i class="fa-solid fa-tower-cell"></i> General DX</label> `);
     // Create All/None buttons
     $("#sig-options").append(` <span style="display: inline-block"><button id="filter-button-sig-all" type="button" class="btn btn-outline-secondary" onclick="toggleFilterButtons('sig', true);">All</button>&nbsp;<button id="filter-button-sig-none" type="button" class="btn btn-outline-secondary" onclick="toggleFilterButtons('sig', false);">None</button></span>`);
 }
@@ -57,7 +57,7 @@ function generateModesMultiToggleFilterCard(mode_options) {
     // Create a button for each option
     mode_options.forEach(o => {
         var domSafeName = o.replace(/^[^A-Za-z0-9]+|[^\w]+/gi, "");
-        $("#mode-options").append(`<input type="checkbox" class="btn-check filter-button-mode storeable-checkbox" name="options" id="filter-button-mode-${domSafeName}" value="${o}" autocomplete="off" onClick="filtersUpdated()" checked><label class="btn btn-outline-primary" id="filter-button-label-mode-${domSafeName}" for="filter-button-mode-${domSafeName}">${o}</label> `);
+        $("#mode-options").append(`<input type="checkbox" class="btn-check filter-button-mode storeable-checkbox" name="options" id="filter-button-mode-${domSafeName}" value="${o}" autocomplete="off" onClick="filtersUpdated()" checked><label class="btn btn-outline-success" id="filter-button-label-mode-${domSafeName}" for="filter-button-mode-${domSafeName}">${o}</label> `);
     });
     // Create All/None buttons
     $("#mode-options").append(` <span style="display: inline-block"><button id="filter-button-mode-all" type="button" class="btn btn-outline-secondary" onclick="toggleFilterButtons('mode', true);">All</button>&nbsp;<button id="filter-button-mode-none" type="button" class="btn btn-outline-secondary" onclick="toggleFilterButtons('mode', false);">None</button></span>`);
@@ -103,7 +103,7 @@ function generateSourcesMultiToggleFilterCard(source_options, sources_enabled_by
     source_options.forEach(o => {
         var enable = sources_enabled_by_default.includes(o);
         var domSafeName = o.replace(/^[^A-Za-z0-9]+|[^\w]+/gi, "");
-        $("#source-options").append(`<input type="checkbox" class="btn-check filter-button-source storeable-checkbox" name="options" id="filter-button-source-${domSafeName}" value="${o}" autocomplete="off" onClick="filtersUpdated()" ${enable ? "checked" : ""}><label class="btn btn-outline-primary" for="filter-button-source-${domSafeName}">${o}</label> `);
+        $("#source-options").append(`<input type="checkbox" class="btn-check filter-button-source storeable-checkbox" name="options" id="filter-button-source-${domSafeName}" value="${o}" autocomplete="off" onClick="filtersUpdated()" ${enable ? "checked" : ""}><label class="btn btn-outline-success" for="filter-button-source-${domSafeName}">${o}</label> `);
     });
     // Create All/None buttons
     $("#source-options").append(` <span style="display: inline-block"><button id="filter-button-source-all" type="button" class="btn btn-outline-secondary" onclick="toggleFilterButtons('source', true);">All</button>&nbsp;<button id="filter-button-source-none" type="button" class="btn btn-outline-secondary" onclick="toggleFilterButtons('source', false);">None</button></span>`);