diff --git a/public/app.js b/public/app.js
index 383e293..b65e53b 100644
--- a/public/app.js
+++ b/public/app.js
@@ -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;
diff --git a/public/themes/nord-dark.css b/public/themes/nord-dark.css
new file mode 100644
index 0000000..5512899
--- /dev/null
+++ b/public/themes/nord-dark.css
@@ -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;
+
+}
\ No newline at end of file
diff --git a/public/themes/solarized-light.css b/public/themes/solarized-light.css
new file mode 100644
index 0000000..f3e9045
--- /dev/null
+++ b/public/themes/solarized-light.css
@@ -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;
+
+}
\ No newline at end of file
diff --git a/public/themes/tokyo-night.css b/public/themes/tokyo-night.css
index 3f58705..944643d 100644
--- a/public/themes/tokyo-night.css
+++ b/public/themes/tokyo-night.css
@@ -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;
diff --git a/public/themes/volcano.css b/public/themes/volcano.css
new file mode 100644
index 0000000..bbdb4db
--- /dev/null
+++ b/public/themes/volcano.css
@@ -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;
+
+}
\ No newline at end of file