lee/hypermind
1
0
Fork 0
mirror of https://github.com/lklynet/hypermind.git synced 2026-05-03 09:30:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

more themes

Browse Source
This commit is contained in:
Owen G
2026-01-04 18:16:16 -07:00
parent 85db2ad6dc
commit 3ac1066064
5 changed files with 100 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app.js
+4 -1
View File
@@ -160,7 +160,10 @@ animate();
const themes = [
'default.css',
'tokyo-night.css'
'tokyo-night.css',
'nord-dark.css',
'solarized-light.css',
'volcano.css'
];
let currentThemeIndex = 0;
public/themes/nord-dark.css
+31
View File
@@ -0,0 +1,31 @@
:root {
--color-count: #88c0d0;
--color-particle: #8fbcbb;
--color-particle-link: rgba(143, 188, 187, 0.15);
--color-pulse: #eceff4;
--color-theme-toggle: #88c0d0;
--color-theme-toggle-hover: #eceff4;
--color-text-default: #eee;
--color-text-secondary: #81a1c1;
--color-text-main-label: #5e81ac;
--color-text-footer: #81a1c1;
--color-text-footer-hover: #5e81ac;
--color-text-debug: #81a1c1;
--color-text-debug-link: #81a1c1;
--color-text-debug-link-hover: #5e81ac;
--color-bg-overlay: rgba(46, 52, 64, 0.8);
--color-bg-main: #2e3440;
--color-modal-bg: #2e3440;
--color-modal-border: #434c5e;
--color-modal-title: #88c0d0;
--color-modal-close-btn: #434c5e;
--color-modal-close-btn-hover: #5e81ac;
--color-modal-stat-div: #434c5e;
--color-modal-stat-label: #5e81ac;
--color-modal-stat-value: #8fbcbb;
--color-modal-footer: #434c5e;
}
public/themes/solarized-light.css
+31
View File
@@ -0,0 +1,31 @@
:root {
--color-count: #073642;
--color-particle: #268bd2;
--color-particle-link: rgba(38, 138, 210, 0.15);
--color-pulse: #93a1a1;
--color-theme-toggle: #073642;
--color-theme-toggle-hover: #93a1a1;
--color-text-default: #eee;
--color-text-secondary: #657b83;
--color-text-main-label: #b58900;
--color-text-footer: #657b83;
--color-text-footer-hover: #b58900;
--color-text-debug: #657b83;
--color-text-debug-link: #657b83;
--color-text-debug-link-hover: #b58900;
--color-bg-overlay: rgba(238, 232, 213, 0.8);
--color-bg-main: #eee8d5;
--color-modal-bg: #eee8d5;
--color-modal-border: #073642;
--color-modal-title: #073642;
--color-modal-close-btn: #073642;
--color-modal-close-btn-hover: #b58900;
--color-modal-stat-div: #073642;
--color-modal-stat-label: #b58900;
--color-modal-stat-value: #268bd2;
--color-modal-footer: #073642;
}
public/themes/tokyo-night.css
+3 -3
View File
@@ -2,9 +2,9 @@
--color-count: #f7768e;
--color-particle: #ff9e64;
--color-particle-link: rgba(255, 157, 100, 0.15);
--color-pulse: #fff;
--color-pulse: #b4f9f8;
--color-theme-toggle: #f7768e;
--color-theme-toggle-hover: #fff;
--color-theme-toggle-hover: #b4f9f8;
--color-text-default: #eee;
--color-text-secondary: #9aa5ce;
@@ -15,7 +15,7 @@
--color-text-debug-link: #9aa5ce;
--color-text-debug-link-hover: #bb9af7;
--color-bg-overlay: rgba(0, 0, 0, 0.8);
--color-bg-overlay: rgba(26, 27, 38, 0.8);
--color-bg-main: #1a1b26;
--color-modal-bg: #1a1b26;
public/themes/volcano.css
+31
View File
@@ -0,0 +1,31 @@
:root {
--color-count: #00bcd4;
--color-particle: #f78c6c;
--color-particle-link: rgba(247, 140, 108, 0.15);
--color-pulse: #ffd0aa;
--color-theme-toggle: #00bcd4;
--color-theme-toggle-hover: #ffd0aa;
--color-text-default: #eee;
--color-text-secondary: #ffd0aa;
--color-text-main-label: #ffd0aa;
--color-text-footer: #7F6451;
--color-text-footer-hover: #ffd0aa;
--color-text-debug: #7F6451;
--color-text-debug-link: #7F6451;
--color-text-debug-link-hover: #ffd0aa;
--color-bg-overlay: rgba(57, 0, 0, 0.8);
--color-bg-main: #390000;
--color-modal-bg: #390000;
--color-modal-border: #ffd0aa;
--color-modal-title: #ffd0aa;
--color-modal-close-btn: #ffd0aa;
--color-modal-close-btn-hover: #00bcd4;
--color-modal-stat-div: #550000;
--color-modal-stat-label: #7F6451;
--color-modal-stat-value: #00bcd4;
--color-modal-footer: #7F6451;
}