Add New themes! And semi-add disclamer from PR #15

Author: MotorTruck1221

src/pages/disclamer.md

@@ -0,0 +1,12 @@
+# DISCLAIMER
+
+Last updated February 28, 2023
+
+
+## WEBSITE DISCLAIMER
+
+The information provided by Ruby Network ("we," "us," or "our") on https://rubynetwork.tech/ (the "Site") and our mobile application is for general informational purposes only. All information on the Site and our mobile application is provided in good faith, however we make no representation or warranty of any kind, express or implied, regarding the accuracy, adequacy, validity, reliability, availability, or completeness of any information on the Site or our mobile application. UNDER NO CIRCUMSTANCE SHALL WE HAVE ANY LIABILITY TO YOU FOR ANY LOSS OR DAMAGE OF ANY KIND INCURRED AS A RESULT OF THE USE OF THE SITE OR OUR MOBILE APPLICATION OR RELIANCE ON ANY INFORMATION PROVIDED ON THE SITE AND OUR MOBILE APPLICATION. YOUR USE OF THE SITE AND OUR MOBILE APPLICATION AND YOUR RELIANCE ON ANY INFORMATION ON THE SITE AND OUR MOBILE APPLICATION IS SOLELY AT YOUR OWN RISK.
+
+## EXTERNAL LINKS DISCLAIMER
+
+The Site and our mobile application may contain (or you may be sent through the Site or our mobile application) links to other websites or content belonging to or originating from third parties or links to websites and features in banners or other advertising. Such external links are not investigated, monitored, or checked for accuracy, adequacy, validity, reliability, availability, or completeness by us. WE DO NOT WARRANT, ENDORSE, GUARANTEE, OR ASSUME RESPONSIBILITY FOR THE ACCURACY OR RELIABILITY OF ANY INFORMATION OFFERED BY THIRD-PARTY WEBSITES LINKED THROUGH THE SITE OR ANY WEBSITE OR FEATURE LINKED IN ANY BANNER OR OTHER ADVERTISING. WE WILL NOT BE A PARTY TO OR IN ANY WAY BE RESPONSIBLE FOR MONITORING ANY TRANSACTION BETWEEN YOU AND THIRD-PARTY PROVIDERS OF PRODUCTS OR SERVICES.

src/pages/games/index.astro

@@ -112,4 +112,7 @@ import '../../styles/globals.css';
         width: 11.5rem;
         height: 13.5rem;
     }
+    body {
+        overflow-x: hidden;
+    }
 </style>

src/pages/settings.astro

@@ -107,8 +107,11 @@ import Password from '../components/password';
         <option value="midnight">Midnight</option>
         <option value="space">Space</option>
         <option value="marsh">Marsh</option>
+        <option value="basic">Basic</option>
         <option value="pinkish-purple">Pinkish Purple</option>
+        <option value="pink-and-gray">Pink And Gray</option>
         <option value="nord">Nord</option>
+        <option value="scoria">Scoria</option>
         <option value="earth">Earth</option>
         <option value="connected">Connected</option>
         <option value="terminal">Terminal</option>

src/styles/globals.css

@@ -123,6 +123,16 @@
     --scroll-bar-thumb-hover-color: #15fc95;
     --input-bg-color: #006072;
 }
+.basic {
+    --bg-color: #000000;
+    --text-color: #ffffff;
+    --border-color: #ffffff;
+    --text-bg-color: #000000;
+    --scroll-bar-track-color: #000000;
+    --scroll-bar-thumb-color: #ffffff;
+    --scroll-bar-thumb-hover-color: #fff3bc;
+    --input-bg-color: #000000;
+}
 .pinkish-purple {
     --bg-color: linear-gradient(90deg, #665fd2, #9824d3) no-repeat center center
         fixed;
@@ -134,6 +144,16 @@
     --scroll-bar-thumb-hover-color: #2f2c5e;
     --input-bg-color: #4c4798;
 }
+.pink-and-gray {
+    --bg-color: #121212;
+    --text-color: #ffffff;
+    --border-color: #ff3b5c;
+    --text-bg-color: #ff3b5c;
+    --scroll-bar-track-color: #121212;
+    --scroll-bar-thumb-color: #ff3b5c;
+    --scroll-bar-thumb-hover-color: #ffffff;
+    --input-bg-color: #ff3b5c;
+}
 .nord {
     --bg-color: #242933;
     --text-color: #ffffff;
@@ -144,6 +164,16 @@
     --scroll-bar-thumb-hover-color: #ffffff;
     --input-bg-color: #242933;
 }
+.scoria {
+    --bg-color: linear-gradient(180deg,#10001b,#1d0003) no-repeat center center fixed;
+    --text-color: #ffffff;
+    --border-color: #ff001f;
+    --text-bg-color: #ff001f;
+    --scroll-bar-track-color: #1d0003;
+    --scroll-bar-thumb-color: #ffffff;
+    --scroll-bar-thumb-hover-color: #ff001f;
+    --input-bg-color: #ff001f;
+}
 .earth {
     --bg-color: #285430;
     --text-color: #e5d9b6;