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;