From ed4dda86148d440598cbbab41654834bee3ff0a8 Mon Sep 17 00:00:00 2001 From: lklynet Date: Mon, 12 Jan 2026 10:14:46 -0500 Subject: [PATCH] feat(ui): update theme system and improve UI consistency - Rename default theme to hypermind and add hypermind-classic theme - Update theme colors and ordering in theme selector - Add Google Sans fonts and update terminal font styling - Move sound command status to system status bar - Update documentation and screenshots for new themes - Cleaned up branding images --- README.md | 6 +- THEMES.md | 18 +- hypermind2.svg | 1 - hypernode.svg | 1 - package.json | 2 +- public/app.js | 4 +- public/favicon.ico | Bin 15406 -> 0 bytes public/index.html | 284 ++++++++++-------- public/js/chat-commands/sound.js | 9 +- public/style.css | 6 +- .../{default.css => hypermind-classic.css} | 0 public/themes/hypermind.css | 4 +- 12 files changed, 181 insertions(+), 154 deletions(-) delete mode 100644 hypermind2.svg delete mode 100644 hypernode.svg delete mode 100644 public/favicon.ico rename public/themes/{default.css => hypermind-classic.css} (100%) diff --git a/README.md b/README.md index 7ab590c..9f1c021 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@
-Hypermind Logo +Hypermind Logo

Hypermind

@@ -51,8 +51,8 @@ A completely decentralized chat system built directly on top of the swarm topolo ### 3. Visualizations * **Particle Map:** Visualizes approximate peer locations (if enabled). -* **Themes:** Built-in theme switcher (Nord, Solarized, Tokyo Night, etc).
- Default Nord Solarized Tokyo Night Volcano Hypermind +* **Themes:** Built-in theme switcher (Hypermind, Hypermind Classic, Nord, Solarized, Tokyo Night, etc).
+ Hypermind Hypermind Classic Nord Solarized Tokyo Night Volcano --- diff --git a/THEMES.md b/THEMES.md index f020290..b1b7442 100644 --- a/THEMES.md +++ b/THEMES.md @@ -1,6 +1,10 @@ # Current themes -### Default +### Hypermind (Default) + +![Hypermind theme screenshot](assets/images/hypermind-theme.png) + +### Hypermind Classic ![Default theme screenshot](assets/images/default-theme.png) @@ -20,26 +24,22 @@ ![Volcano theme screenshot](assets/images/volcano-theme.png) -### Hypermind - -![Hypermind theme screenshot](assets/images/hypermind-theme.png) - # Contributing custom themes 1. Fork `main` and clone locally to your device. -2. Create a copy of `default.css` (or any other existing theme file). +2. Create a copy of `hypermind.css` (or any other existing theme file). Rename the file `new-theme.css` replacing "new-theme" with the actual name of your theme. Filename may not include capitals or spaces (use dashes `-`). Only add `dark` or `light` to the filename if the theme you are creating is based on a popular theme (solarized, nord, etc) that has dark and light versions. If a theme does not have two versions, or if a theme is completely made up by you, do not add `dark` or `light`. 3. Edit the `const themes` block in [`app.js`](public/app.js) with the filename of your new theme so that when you press the theme cycle button in the bottom left corner of the UI, your new theme will appear as one of the options. ```js const themes = [ - 'default.css', + 'hypermind.css', + 'hypermind-classic.css', 'tokyo-night.css', 'nord-dark.css', 'solarized-light.css', 'volcano.css', - 'hypermind.css', 'new-theme.css' /* always add to the end of the list ]; ``` @@ -48,4 +48,4 @@ 6. Once you have finished creating your theme, edit [`THEMES.md`](THEMES.md) to include the name of your theme and a fullscreen screenshot in 16:9 aspect ratio at the bottom of the list. Ensure to match existing formatting. 7. Create a pull request titled `theme: add *name of theme*`. -#### Thank you for contributing to Hypermind! \ No newline at end of file +#### Thank you for contributing to Hypermind! diff --git a/hypermind2.svg b/hypermind2.svg deleted file mode 100644 index ef660f7..0000000 --- a/hypermind2.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/hypernode.svg b/hypernode.svg deleted file mode 100644 index 6008193..0000000 --- a/hypernode.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/package.json b/package.json index 075abd6..7e91603 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "hypermind", - "version": "0.11.1", + "version": "0.12.0", "description": "A decentralized P2P counter of active deployments", "main": "server.js", "scripts": { diff --git a/public/app.js b/public/app.js index ad8c4f7..24e56f3 100644 --- a/public/app.js +++ b/public/app.js @@ -818,12 +818,12 @@ updateParticles(initialCount); animate(); const themes = [ - "default.css", + "hypermind.css", + "hypermind-classic.css", "tokyo-night.css", "nord-dark.css", "solarized-light.css", "volcano.css", - "hypermind.css", ]; let currentThemeIndex = 0; diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index 60c0acef162ae47a36be2e42b6d1de1f8ab47853..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 15406 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 Nd(e%)8wzx+z&{fmGadi{ diff --git a/public/index.html b/public/index.html index b5734c0..24ddb76 100644 --- a/public/index.html +++ b/public/index.html @@ -1,77 +1,98 @@ + + Hypermind + + + + + + + + + + + + + + + + - - Hypermind - - - - - - - - - - - - - + +
+
+ New version available! + View Release + +
+
- -
-
- New version available! - View Release - + +
+
+ {{COUNT}} +
+
Active Nodes
+ +
+ ID: {{ID}}
+ Direct Connections: {{DIRECT}}
+ Total Unique: {{TOTAL_UNIQUE}}
+ diagnostics + + | + map +
-
- -
-
- {{COUNT}} + -
Active Nodes
- -
- ID: {{ID}}
- Direct Connections: {{DIRECT}}
- Total Unique: {{TOTAL_UNIQUE}}
- diagnostics - - | - map -
-
- - -