From 83d72348242b12656f4ac5616356e3c8d2bfb9f4 Mon Sep 17 00:00:00 2001
From: archipelago <archipelago@localhost>
Date: Thu, 6 Aug 2026 09:11:15 -0400
Subject: [PATCH] =?UTF-8?q?style(entropy-guide):=20use=20the=20app's=20rea?=
 =?UTF-8?q?l=20look=20=E2=80=94=20Settings=20wallpaper=20+=20Montserrat?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Layer the page over /assets/img/bg-settings.webp (fixed, cover, with a
dim gradient so prose between glass panels stays readable) and load the
actual Montserrat Bold/ExtraBold faces from the node's own web root,
instead of the flat-black background the /architecture/ guide uses.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 neode-ui/public/entropy/index.html | 33 +++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/neode-ui/public/entropy/index.html b/neode-ui/public/entropy/index.html
index d003abf0..be063af9 100644
--- a/neode-ui/public/entropy/index.html
+++ b/neode-ui/public/entropy/index.html
@@ -37,7 +37,21 @@
 
   * { margin: 0; padding: 0; box-sizing: border-box; }
 
-  html { scroll-behavior: smooth; }
+  html { scroll-behavior: smooth; color-scheme: dark; }
+
+  /* The app's actual header font, served from the node's own web root */
+  @font-face {
+    font-family: 'Montserrat';
+    src: url('/assets/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
+    font-weight: 700;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'Montserrat';
+    src: url('/assets/fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
+    font-weight: 800;
+    font-style: normal;
+  }
 
   body {
     font-family: 'Avenir Next', system-ui, -apple-system, sans-serif;
@@ -47,6 +61,23 @@
     font-size: 16px;
   }
 
+  /* The app's Settings wallpaper, with a dim gradient so prose between the
+     glass panels stays readable — same layering as the dashboard views. */
+  body::before {
+    content: '';
+    position: fixed;
+    inset: 0;
+    z-index: -2;
+    background: #000 url('/assets/img/bg-settings.webp') center center / cover no-repeat;
+  }
+  body::after {
+    content: '';
+    position: fixed;
+    inset: 0;
+    z-index: -1;
+    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.62));
+  }
+
   nav {
     position: fixed;
     top: 0; left: 0;