- revert colors

- make intro text less foreign
Provable-Games · Sep 13, 2024 · 159d61a · 159d61a
1 parent cc7842c
commit 159d61a
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/ui/src/app/GlitchEffect.css b/ui/src/app/GlitchEffect.css
@@ -13,7 +13,7 @@
     left      : 0;
     width     : 100%;
     height    : 100%;
-    background: rgba(173, 216, 230, 0.1);
+    background: rgba(74, 246, 38, 0.1);
     clip-path : polygon(0 var(--clip-top), 100% var(--clip-top), 100% var(--clip-bottom), 0 var(--clip-bottom));
 }
 

diff --git a/ui/src/app/components/onboarding/Intro.tsx b/ui/src/app/components/onboarding/Intro.tsx
@@ -68,7 +68,7 @@ const Intro = () => {
                   setNetwork(network! as Network);
                 }}
               >
-                Play on {network}
+                Play for Real
               </Button>
             </div>
           </div>
@@ -87,7 +87,7 @@ const Intro = () => {
                   setNetwork("katana");
                 }}
               >
-                Play on Testnet
+                Play for Free
               </Button>
             </div>
           </div>

diff --git a/ui/src/app/globals.css b/ui/src/app/globals.css
@@ -10,7 +10,7 @@ input[type="text"] {
   font-weight  : 400;
   text-shadow  : rgb(173, 216, 230, 0.9) 1px 0 10px;
   animation    : textShadow 0.3s infinite;
-  outline-color: rgba(173, 216, 230, 1);
+  outline-color: rgba(74, 246, 38, 1);
 }
 
 input[type='number']::-webkit-inner-spin-button,

diff --git a/ui/src/app/head.tsx b/ui/src/app/head.tsx
@@ -57,7 +57,7 @@ export default function Head() {
       />
       {/* PWA */}
       <link rel="manifest" href="/manifest.json" />
-      <meta name="theme-color" content="#add8e6" />
+      <meta name="theme-color" content="#33FF33" />
       <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     </>
   );

diff --git a/ui/tailwind.config.js b/ui/tailwind.config.js
@@ -82,13 +82,13 @@ module.exports = {
             appearance: "none",
             width: "20px",
             height: "20px",
-            "background-color": "rgba(173, 216, 230, 1)",
+            "background-color": "rgba(74, 246, 38, 1)",
             cursor: "pointer",
           },
           "&::-moz-range-thumb": {
             width: "20px",
             height: "20px",
-            "background-color": "rgba(173, 216, 230, 1)",
+            "background-color": "rgba(74, 246, 38, 1)",
             cursor: "pointer",
           },
           "&::-webkit-slider-runnable-track": {