2 files changed, 24 insertions, 0 deletions

diff --git a/app/views/layouts/_nav_switchers.html.erb b/app/views/layouts/_nav_switchers.html.erb
new file mode 100644
index 00000000..9c3b222e
--- /dev/null
+++ b/app/views/layouts/_nav_switchers.html.erb
@@ -0,0 +1,23 @@
+<%= link_to url_for(locale: (:en unless I18n.locale == :en)),
+      class: "nav_toggle",
+      "aria-label" => t(".switch_locale"), title: t(".switch_locale") do %>
+  <%= I18n.locale == :en ? "DE" : "EN" %>
+<% end %>
+<%= check_box_tag "scheme_override", 1, false, class: "nav_toggle_input" %>
+<%= label_tag "scheme_override", class: "nav_toggle",
+      "aria-label" => t(".scheme_override"), title: t(".scheme_override") do %>
+  <%= icon("contrast", library: "tabler", "aria-hidden": true) %>
+<% end %>
+
+<%= javascript_tag nonce: true do %>
+  (function () {
+    var box = document.getElementById("scheme_override");
+    try {
+      if (localStorage.getItem("override-prefers-color-scheme")) box.checked = true;
+      box.addEventListener("change", function () {
+        if (box.checked) localStorage.setItem("override-prefers-color-scheme", 1);
+        else localStorage.removeItem("override-prefers-color-scheme");
+      });
+    } catch (e) { /* storage unavailable: the toggle still works per page */ }
+  })();
+<% end %>
diff --git a/app/views/layouts/admin.html.erb b/app/views/layouts/admin.html.erb
index f6ceaaff..6ac9b756 100644
--- a/app/views/layouts/admin.html.erb
+++ b/app/views/layouts/admin.html.erb
@@ -27,6 +27,7 @@
       <div id="navigation">
         <div id="main_navigation">
           <%= render :partial => 'admin/menu' if current_user %>
+          <%= render :partial => 'layouts/nav_switchers' %>
         </div>
         <div id="search_widget" style="display: none;">
           <div>