starting dark mode

app/assets/stylesheets/mission_control/servers/application.tailwind.css

@@ -1,3 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.btn-default {
+  @apply inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover: bg-gray-50 dark:bg-gray-800 dark:text-white dark:ring-gray-600 dark:hover:bg-gray-700;
+}

app/javascript/mission_control/servers/controllers/dark_mode_controller.js

@@ -0,0 +1,26 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+    this.toggleDarkMode();
+  }
+
+  toggleDarkMode() {
+    if (localStorage.getItem('darkMode') === 'true') {
+      document.documentElement.classList.add('dark');
+    } else {
+      document.documentElement.classList.remove('dark');
+    }
+  }
+
+  toggle() {
+    let htmlClasses = document.documentElement.classList;
+    if (htmlClasses.contains('dark')) {
+      htmlClasses.remove('dark');
+      localStorage.setItem('darkMode', 'false');
+    } else {
+      htmlClasses.add('dark');
+      localStorage.setItem('darkMode', 'true');
+    }
+  }
+}

app/views/mission_control/servers/projects/show.html.erb

@@ -5,6 +5,8 @@
 
   <div class="mt-5 flex lg:ml-4 lg:mt-0">
     <span class="hidden sm:block">
+      <button data-controller="dark-mode" data-action="click->dark-mode#toggle" class="inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">Dark Mode</button>
+
       <%= link_to edit_project_path(@project), class: "inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50" do %>
         Edit
       <% end %>

config/tailwind.config.js

@@ -1,6 +1,7 @@
 const defaultTheme = require('tailwindcss/defaultTheme')
 
 module.exports = {
+  darkMode: 'class',
   content: [
     './public/*.html',
     './app/helpers/**/*.rb',