From 953049fde877ccc4cc6e2f2981c1e11331d8152b Mon Sep 17 00:00:00 2001
From: Sky <skysth3limit@pm.me>
Date: Thu, 3 Aug 2023 16:26:44 -0400
Subject: [PATCH] adding a few themes

---
 index.html                  |  2 +-
 js/particles/particles.json |  2 +-
 js/themes.js                |  1 +
 settings.html               |  7 ++++---
 style.css                   |  1 +
 themes.json                 | 31 ++++++++++++++++++++++---------
 6 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 1fceaed6..c2e0416d 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,7 @@
       <input class="hiddenUpload" type="file" accept=".save" hidden />
 
       <div class="title">
-        <img src="./new.svg" style="width: 4%;padding-right: 1%" />
+        <img src="./new.svg" style="width: 4%;padding-right: 1%;filter: invert(var(--invert-logo, 0));" />
         <h2 style="font-size: 70px">selenite</h2>
       </div>
       <a href="javascript:downloadMainSave()">Download Save</a><a href="javascript:uploadMainSave()">Upload Save</a>
diff --git a/js/particles/particles.json b/js/particles/particles.json
index a774a6d3..7d44dab9 100644
--- a/js/particles/particles.json
+++ b/js/particles/particles.json
@@ -14,7 +14,7 @@
         "type": "circle",
         "stroke": {
           "width": 0,
-          "color": "#000000"
+          "color": "#808080"
         },
         "polygon": {
           "nb_sides": 5
diff --git a/js/themes.js b/js/themes.js
index 5871ecb1..083bb5fc 100644
--- a/js/themes.js
+++ b/js/themes.js
@@ -22,5 +22,6 @@ function setTheme(themename) {
     r.style.setProperty('--game-color', loadedthemes[themename]["--game-color"]); 
     r.style.setProperty('--bg-1', loadedthemes[themename]["--bg-1"]); 
     r.style.setProperty('--bg-2', loadedthemes[themename]["--bg-2"]); 
+    r.style.setProperty('--invert-logo', loadedthemes[themename]["--invert-logo"]); 
     Cookies.set("theme", themename);
 }
\ No newline at end of file
diff --git a/settings.html b/settings.html
index bf782c93..5d154810 100644
--- a/settings.html
+++ b/settings.html
@@ -61,7 +61,7 @@
       <input class="hiddenUpload" type="file" accept=".save" hidden />
 
       <div class="title">
-        <img src="./favicon.png" style="width: 4%;padding-right:1%;" />
+        <img src="./new.svg" style="width: 4%;padding-right:1%;filter: invert(var(--invert-logo, 0));" />
         <h2 style="font-size: 70px">selenite</h2>
       </div>
 
@@ -78,8 +78,9 @@
       <button onclick="javascript:clearCloak();">Clear your current tab cloak</button>
       <br />
       <h3>Themes</h3>
-      <button onclick="setTheme('selenite')" style="background-color:#74747488;color:#dadada;border: 2px solid #979797bb;">Selenite</button>
-      <button onclick="setTheme('theme2')" style="background-color:#ffffff;color:#ffffff;border: 2px solid #ffffff;">Theme 2</button>
+      <button onclick="setTheme('selenite')" style="background-color:#747474;color:#dadada;border: 2px solid #979797;">Selenite</button>
+      <button onclick="setTheme('lightmode')" style="background-color:#aaaaaa;color:#dddddd;border: 2px solid #999999;">Selenite - Blinding Edition</button>
+      <button onclick="setTheme('egamepass')" style="background-color:#596eb1;color:#95baf1;border: 2px solid #5586e0;">e-gamepass</button>
       <br />
       <form action="javascript:setPanicMode();">
         <h3 for="panic">Website URL</h3>
diff --git a/style.css b/style.css
index c99264c4..befb82f0 100644
--- a/style.css
+++ b/style.css
@@ -7,6 +7,7 @@
   --game-color: #5e5e5e66;
   --bg-1: #0c0c0c;
   --bg-2: #030303;
+  --invert-logo: 0;
 }
 
 
diff --git a/themes.json b/themes.json
index 7012a574..3f62ecc1 100644
--- a/themes.json
+++ b/themes.json
@@ -7,16 +7,29 @@
         "--star-color": "#ffffff",
         "--game-color": "#5e5e5e66",
         "--bg-1": "#0c0c0c",
-        "--bg-2": "#030303"
+        "--bg-2": "#030303",
+        "--invert-logo": "0"
     },
-    "theme2": {
-        "--input-bg-color": "#ffffff",
-        "--main-text-color": "#ffffff",
-        "--p-text-color": "#ffffff",
-        "--border-color": "#ffffff",
+    "lightmode": {
+        "--input-bg-color": "#aaaaaa88",
+        "--main-text-color": "#555555",
+        "--p-text-color": "#a1a1a1",
+        "--border-color": "#5a5a5abb",
+        "--star-color": "#000000",
+        "--game-color": "#5e5e5e66",
+        "--bg-1": "#dcdcdc",
+        "--bg-2": "#d3d3d3",
+        "--invert-logo": "1"
+    },
+    "egamepass": {
+        "--input-bg-color": "#596eb188",
+        "--main-text-color": "#95baf1",
+        "--p-text-color": "#8daad8",
+        "--border-color": "#527ac4bb",
         "--star-color": "#ffffff",
-        "--game-color": "#ffffff",
-        "--bg-1": "#ffffff",
-        "--bg-2": "#ffffff"
+        "--game-color": "#5376eb66",
+        "--bg-1": "#244580",
+        "--bg-2": "#181157",
+        "--invert-logo": "0"
     }
 }
\ No newline at end of file