From 8924fa05f6d88ed01e657e45baa2d9c9b6a12251 Mon Sep 17 00:00:00 2001
From: Arthur Hanson <worldnomad@gmail.com>
Date: Mon, 17 Jun 2024 09:26:06 -0700
Subject: [PATCH 1/2] 16416 enable dark/light toggle in mobile view

---
 netbox/templates/base/layout.html | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/netbox/templates/base/layout.html b/netbox/templates/base/layout.html
index d53591cb4a8..460c473666a 100644
--- a/netbox/templates/base/layout.html
+++ b/netbox/templates/base/layout.html
@@ -35,6 +35,15 @@ <h1 class="navbar-brand navbar-brand-autodark">
 
         {# User menu (mobile view) #}
         <div class="navbar-nav flex-row d-lg-none">
+          <div class="d-flex">
+            <button class="btn color-mode-toggle hide-theme-dark" title="{% trans "Enable dark mode" %}" data-bs-toggle="tooltip" data-bs-placement="bottom">
+              <i class="mdi mdi-lightbulb"></i>
+            </button>
+            <button class="btn color-mode-toggle hide-theme-light" title="{% trans "Enable light mode" %}" data-bs-toggle="tooltip" data-bs-placement="bottom">
+              <i class="mdi mdi-lightbulb-on"></i>
+            </button>
+          </div>
+
           {% include 'inc/user_menu.html' %}
         </div>
 

From e8139ea13d71a8aa7826b0738ada570b640c6fe3 Mon Sep 17 00:00:00 2001
From: Arthur Hanson <worldnomad@gmail.com>
Date: Mon, 17 Jun 2024 09:33:23 -0700
Subject: [PATCH 2/2] 16416 move to inc file

---
 netbox/templates/base/layout.html      | 19 ++-----------------
 netbox/templates/inc/light_toggle.html | 10 ++++++++++
 2 files changed, 12 insertions(+), 17 deletions(-)
 create mode 100644 netbox/templates/inc/light_toggle.html

diff --git a/netbox/templates/base/layout.html b/netbox/templates/base/layout.html
index 460c473666a..9ba6fded3b9 100644
--- a/netbox/templates/base/layout.html
+++ b/netbox/templates/base/layout.html
@@ -35,15 +35,7 @@ <h1 class="navbar-brand navbar-brand-autodark">
 
         {# User menu (mobile view) #}
         <div class="navbar-nav flex-row d-lg-none">
-          <div class="d-flex">
-            <button class="btn color-mode-toggle hide-theme-dark" title="{% trans "Enable dark mode" %}" data-bs-toggle="tooltip" data-bs-placement="bottom">
-              <i class="mdi mdi-lightbulb"></i>
-            </button>
-            <button class="btn color-mode-toggle hide-theme-light" title="{% trans "Enable light mode" %}" data-bs-toggle="tooltip" data-bs-placement="bottom">
-              <i class="mdi mdi-lightbulb-on"></i>
-            </button>
-          </div>
-
+          {% include 'inc/light_toggle.html' %}
           {% include 'inc/user_menu.html' %}
         </div>
 
@@ -61,14 +53,7 @@ <h1 class="navbar-brand navbar-brand-autodark">
 
         <div class="navbar-nav flex-row align-items-center order-md-last">
           {# Dark/light mode toggle #}
-          <div class="d-none d-md-flex">
-            <button class="btn color-mode-toggle hide-theme-dark" title="{% trans "Enable dark mode" %}" data-bs-toggle="tooltip" data-bs-placement="bottom">
-              <i class="mdi mdi-lightbulb"></i>
-            </button>
-            <button class="btn color-mode-toggle hide-theme-light" title="{% trans "Enable light mode" %}" data-bs-toggle="tooltip" data-bs-placement="bottom">
-              <i class="mdi mdi-lightbulb-on"></i>
-            </button>
-          </div>
+          {% include 'inc/light_toggle.html' %}
 
           {# User menu #}
           {% include 'inc/user_menu.html' %}
diff --git a/netbox/templates/inc/light_toggle.html b/netbox/templates/inc/light_toggle.html
new file mode 100644
index 00000000000..7ce9dffca8a
--- /dev/null
+++ b/netbox/templates/inc/light_toggle.html
@@ -0,0 +1,10 @@
+{% load i18n %}
+
+<div class="d-flex">
+  <button class="btn color-mode-toggle hide-theme-dark" title="{% trans "Enable dark mode" %}" data-bs-toggle="tooltip" data-bs-placement="bottom">
+    <i class="mdi mdi-lightbulb"></i>
+  </button>
+  <button class="btn color-mode-toggle hide-theme-light" title="{% trans "Enable light mode" %}" data-bs-toggle="tooltip" data-bs-placement="bottom">
+    <i class="mdi mdi-lightbulb-on"></i>
+  </button>
+</div>