From 789f0bc8ffd6bfbea1301dfa25cd3e8c114491a8 Mon Sep 17 00:00:00 2001
From: checktheroads <matt@allroads.io>
Date: Fri, 7 May 2021 12:11:45 -0700
Subject: [PATCH] #6732: Add color mode toggle to login button when not
 authenticated

---
 netbox/templates/profile_button.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/netbox/templates/profile_button.html b/netbox/templates/profile_button.html
index 9cc83cb18..3f7b00fdc 100644
--- a/netbox/templates/profile_button.html
+++ b/netbox/templates/profile_button.html
@@ -37,7 +37,7 @@
   </ul>
 </span>
 {% else %}
-<div class="ms-0 ms-md-3">
+<div class="btn-group ms-0 ms-md-3">
   <a
     class="btn btn-primary ws-nowrap"
     type="button"
@@ -45,5 +45,16 @@
   >
     <i class="mdi mdi-login-variant"></i> Log In
   </a>
+  <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown">
+    <span class="visually-hidden">Toggle Dropdown</span>
+  </button>
+  <ul class="dropdown-menu dropdown-menu-end">
+    <li>
+      <button class="dropdown-item color-mode-toggle">
+        <i class="color-mode-icon mdi mdi-lightbulb"></i>&nbsp;
+        <span class="color-mode-text">Dark Mode</span>
+      </button>
+    </li>
+  </ul>
 </div>
 {% endif %}