diff --git a/static/app.js b/static/app.js
index 240d41c..48cd0ed 100644
--- a/static/app.js
+++ b/static/app.js
@@ -1,4 +1,35 @@
 (() => {
+  // Dim mode toggle (minimize button)
+  const minimizeBtn = document.getElementById("minimizeBtn");
+
+  function getDimMode() {
+    return localStorage.getItem("dim-mode") === "true";
+  }
+
+  function setDimMode(enabled) {
+    if (enabled) {
+      document.body.classList.add("dimmed");
+    } else {
+      document.body.classList.remove("dimmed");
+    }
+    localStorage.setItem("dim-mode", enabled.toString());
+  }
+
+  function toggleDimMode() {
+    const current = document.body.classList.contains("dimmed");
+    setDimMode(!current);
+  }
+
+  // Initialize dim mode
+  if (getDimMode()) {
+    document.body.classList.add("dimmed");
+  }
+
+  // Listen for minimize button click
+  if (minimizeBtn) {
+    minimizeBtn.addEventListener("click", toggleDimMode);
+  }
+
   let qs = new URLSearchParams(window.location.search);
   const qInput = document.getElementById("q");
   const channelDropdown = document.getElementById("channelDropdown");
diff --git a/static/index.html b/static/index.html
index d3fe8cd..4b1f4fc 100644
--- a/static/index.html
+++ b/static/index.html
@@ -13,7 +13,7 @@
       <div class="title-bar">
         <div class="title-bar-text">This Little Corner — Elastic Search</div>
         <div class="title-bar-controls">
-          <button aria-label="Minimize"></button>
+          <button id="minimizeBtn" aria-label="Minimize"></button>
           <button aria-label="Maximize"></button>
           <button aria-label="Close"></button>
         </div>
diff --git a/static/style.css b/static/style.css
index afbd415..a9bc10f 100644
--- a/static/style.css
+++ b/static/style.css
@@ -37,6 +37,11 @@ body {
   background: teal;
   padding: 0;
   margin: 0;
+  transition: filter 0.3s ease;
+}
+
+body.dimmed {
+  filter: brightness(0.5) contrast(1.25) sepia(0.6);
 }
 
 /* Mobile responsiveness */