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] 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 d53591cb4..460c47366 100644
--- a/netbox/templates/base/layout.html
+++ b/netbox/templates/base/layout.html
@@ -35,6 +35,15 @@ Blocks:
 
         {# 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>