From 4b033eef4292a5b834a0253b5638ef3f92d41e00 Mon Sep 17 00:00:00 2001
From: Avindra Goolcharan <aavindraa@gmail.com>
Date: Fri, 24 Oct 2025 19:18:25 -0400
Subject: [PATCH 1/2] Upgrade to Bootstrap 5.3

dark mode introduced in this release
---
 anitya/static/package-lock.json | 30 ++++++++++++++++--------------
 anitya/static/package.json      |  6 +-----
 2 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/anitya/static/package-lock.json b/anitya/static/package-lock.json
index 6042fa3dd..eb1e6f1ea 100644
--- a/anitya/static/package-lock.json
+++ b/anitya/static/package-lock.json
@@ -10,25 +10,26 @@
       "license": "ISC",
       "dependencies": {
         "@popperjs/core": "^2.11.6",
-        "bootstrap": "^5.2.2",
+        "bootstrap": "^5.3.0",
         "jquery": "^3.6.1",
         "jquery-ui": "^1.13.2",
         "moment": "^2.29.4"
       }
     },
     "node_modules/@popperjs/core": {
-      "version": "2.11.6",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
-      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/popperjs"
       }
     },
     "node_modules/bootstrap": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.2.tgz",
-      "integrity": "sha512-dEtzMTV71n6Fhmbg4fYJzQsw1N29hJKO1js5ackCgIpDcGid2ETMGC6zwSYw09v05Y+oRdQ9loC54zB1La3hHQ==",
+      "version": "5.3.8",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz",
+      "integrity": "sha512-HP1SZDqaLDPwsNiqRqi5NcP0SSXciX2s9E+RyqJIIqGo+vJeN5AJVM98CXmW/Wux0nQ5L7jeWUdplCEf0Ee+tg==",
       "funding": [
         {
           "type": "github",
@@ -39,8 +40,9 @@
           "url": "https://opencollective.com/bootstrap"
         }
       ],
+      "license": "MIT",
       "peerDependencies": {
-        "@popperjs/core": "^2.11.6"
+        "@popperjs/core": "^2.11.8"
       }
     },
     "node_modules/jquery": {
@@ -67,14 +69,14 @@
   },
   "dependencies": {
     "@popperjs/core": {
-      "version": "2.11.6",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
-      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw=="
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A=="
     },
     "bootstrap": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.2.tgz",
-      "integrity": "sha512-dEtzMTV71n6Fhmbg4fYJzQsw1N29hJKO1js5ackCgIpDcGid2ETMGC6zwSYw09v05Y+oRdQ9loC54zB1La3hHQ==",
+      "version": "5.3.8",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz",
+      "integrity": "sha512-HP1SZDqaLDPwsNiqRqi5NcP0SSXciX2s9E+RyqJIIqGo+vJeN5AJVM98CXmW/Wux0nQ5L7jeWUdplCEf0Ee+tg==",
       "requires": {}
     },
     "jquery": {
diff --git a/anitya/static/package.json b/anitya/static/package.json
index dc80b63ba..ad7686af0 100644
--- a/anitya/static/package.json
+++ b/anitya/static/package.json
@@ -6,10 +6,6 @@
   "directories": {
     "doc": "docs"
   },
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "webpack"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Zlopez/anitya.git"
@@ -23,7 +19,7 @@
   "homepage": "https://github.com/Zlopez/anitya#readme",
   "dependencies": {
     "@popperjs/core": "^2.11.6",
-    "bootstrap": "^5.2.2",
+    "bootstrap": "^5.3.0",
     "jquery": "^3.6.1",
     "jquery-ui": "^1.13.2",
     "moment": "^2.29.4"

From 25c1be9ca153966c2ff64b018a541d9918520092 Mon Sep 17 00:00:00 2001
From: Avindra Goolcharan <aavindraa@gmail.com>
Date: Fri, 24 Oct 2025 19:48:57 -0400
Subject: [PATCH 2/2] add dark mode toggle (fix #1937)

icons from bootstrap icons:

https://icons.getbootstrap.com/?q=bulb
---
 anitya/templates/master.html | 37 ++++++++++++++++++++++++++++++++++--
 news/1937.feature            |  1 +
 2 files changed, 36 insertions(+), 2 deletions(-)
 create mode 100644 news/1937.feature

diff --git a/anitya/templates/master.html b/anitya/templates/master.html
index 4fd4d430c..1d70e5882 100644
--- a/anitya/templates/master.html
+++ b/anitya/templates/master.html
@@ -28,7 +28,7 @@
   >
     <header>
       <!-- Static navbar -->
-      <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
+      <nav class="navbar navbar-expand-lg fixed-top">
         <div id="wrap" class="container-fluid ms-2">
             <a class="navbar-brand" href="{{url_for('anitya_ui.index')}}">
                 release-monitoring.org
@@ -171,7 +171,7 @@
       {% block body %}{% endblock %}
     </main>
 
-    <footer class="footer mt-auto bg-light">
+    <footer class="footer mt-auto">
         <div class="d-flex justify-content-center flex-nowrap">
             <p class="text-muted credit">
                 Anitya ({{ version }}):
@@ -190,6 +190,8 @@
                 Err ({{ cron_status.error_count }})
                 Rate ({{ cron_status.ratelimit_count }})
                 {% endif %}
+
+                <span id="theme-toggle"></span>
             </p>
         </div>
     </footer>
@@ -226,6 +228,37 @@
           delay: 600,
         });
       });
+
+      const html = document.documentElement;
+
+      const bulbOn = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightbulb-fill" viewBox="0 0 16 16">
+                        <path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.46-.302l-.761-1.77a2 2 0 0 0-.453-.618A5.98 5.98 0 0 1 2 6m3 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1-.5-.5"/>
+                      </svg>`;
+
+      const bulbOff =  `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightbulb-off" viewBox="0 0 16 16">
+                          <path fill-rule="evenodd" d="M2.23 4.35A6 6 0 0 0 2 6c0 1.691.7 3.22 1.826 4.31.203.196.359.4.453.619l.762 1.769A.5.5 0 0 0 5.5 13a.5.5 0 0 0 0 1 .5.5 0 0 0 0 1l.224.447a1 1 0 0 0 .894.553h2.764a1 1 0 0 0 .894-.553L10.5 15a.5.5 0 0 0 0-1 .5.5 0 0 0 0-1 .5.5 0 0 0 .288-.091L9.878 12H5.83l-.632-1.467a3 3 0 0 0-.676-.941 4.98 4.98 0 0 1-1.455-4.405zm1.588-2.653.708.707a5 5 0 0 1 7.07 7.07l.707.707a6 6 0 0 0-8.484-8.484zm-2.172-.051a.5.5 0 0 1 .708 0l12 12a.5.5 0 0 1-.708.708l-12-12a.5.5 0 0 1 0-.708"/>
+                        </svg>`;
+
+      const toggle = document.getElementById('theme-toggle');
+      let currentTheme = localStorage.getItem('theme');
+      if (!currentTheme) {
+        const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+        if (prefersDark) {
+          currentTheme = 'dark';
+        } else {
+          currentTheme = 'light';
+        }
+      }
+
+      html.setAttribute('data-bs-theme', currentTheme);
+      toggle.innerHTML = currentTheme === 'dark' ? bulbOff : bulbOn;
+      toggle.onclick = function() {
+        currentTheme = currentTheme === 'dark' ? 'light' : 'dark';
+        html.setAttribute('data-bs-theme', currentTheme);
+        localStorage.setItem('theme', currentTheme);
+        toggle.innerHTML = currentTheme === 'dark' ? bulbOff : bulbOn;
+      };
+
     </script>
     {% block jscript %}{% endblock %}
   </body>
diff --git a/news/1937.feature b/news/1937.feature
new file mode 100644
index 000000000..12780147a
--- /dev/null
+++ b/news/1937.feature
@@ -0,0 +1 @@
+Implement dark mode via Bootstrap 5.3