vaporwave theme

backgrounds.html

@@ -65,6 +65,8 @@
       <a href="https://www.pixiv.net/en/users/10746425">邦乔彦</a>
       <img src="themebgs/mountains_theme.jpg" class="img-credits">
       <a href="https://www.mattvince.com/">Matt Vince</a>
+      <img src="themebgs/vaporwave_theme.jpg" class="img-credits">
+      <a href="https://www.rafaeldejongh.com/synthwave-neon-80s-background/">Rafaël De Jongh</a>
     </main>
     
     <footer>

settings.html

@@ -90,6 +90,7 @@
         <button onclick="setTheme('cools1te')" style="background-color: #a134dc; color: #d3a4fa; border: 5px solid #b153e3">cools1te</button>
         <button onclick="setTheme('sunset')" style="background-color: #537294; color: #fff; border: 5px solid #30719c">sunset</button>
         <button onclick="setTheme('mountains')" style="background-color: #d37f7f; color: #fff; border: 5px solid #e28a8a">mountains</button>
+        <button onclick="setTheme('vaporwave')" style="background-color: #4b2d64; color: #fff; border: 5px solid #74568d">vaporwave</button>
         <!-- <button onclick="customTheme()">custom</button>
         one day ill add this.. maybe -->
       </div>

style.css

@@ -116,7 +116,7 @@ button, input#websubmit.submit, input[type=submit]#panic {
   cursor: pointer;
   background-color: var(--inputbg);
   border-color: var(--inputborder);
-  border-width: 5px;
+  border-width: 3px;
   border-radius: 10px;
   border-style: solid;
   padding: 7px;
@@ -134,6 +134,7 @@ img {
   width: 100%;
   aspect-ratio: auto;
   user-select: none;
+  filter: drop-shadow(var(--shadow))
 }
 
 .img-container a {

themes.css

@@ -56,5 +56,14 @@ body[theme=mountains] {
     --textcolor: #fff;
     --bg: url("themebgs/mountains_theme.jpg"), #bf7483;
     /* https://wallhaven.cc/w/l82kpr */
-    --shadow: 0px 0px 3px #88726c;
+    --shadow: 0px 0px 4px #bba29b;
+}
+body[theme=vaporwave] {
+    --inputbg: #4b2d64;
+    --inputborder: #74568d;
+    --uibg: #51166d;
+    --textcolor: #fff;
+    --bg: url("themebgs/vaporwave_theme.jpg"), #61437a;
+    /* https://wallhaven.cc/w/l82kpr */
+    --shadow: 0px 0px 4px #000000;
 }