From b096e2aeeb79573a386bc718104000442170b044 Mon Sep 17 00:00:00 2001
From: knight <gitea@ghost.tel>
Date: Wed, 5 Nov 2025 00:43:08 -0500
Subject: [PATCH] Add dimmed viewing mode via minimize button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Minimize button now toggles a comfortable viewing filter
- Applies brightness(0.5) contrast(1.25) sepia(0.6)
- Smooth 0.3s transition between modes
- Persists choice in localStorage
- Creates warm, dimmed aesthetic while keeping XP theme

Click minimize to toggle between bright and dimmed modes.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 static/app.js     | 31 +++++++++++++++++++++++++++++++
 static/index.html |  2 +-
 static/style.css  |  5 +++++
 3 files changed, 37 insertions(+), 1 deletion(-)

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 */