From effae5dd6c76adac75db71c673e7134df623f6f2 Mon Sep 17 00:00:00 2001
From: Cobular <22972550+Cobular@users.noreply.github.com>
Date: Fri, 17 Jun 2022 22:44:25 -0700
Subject: [PATCH] Made it more gay

---
 src/App.tsx    |  4 ++++
 src/index.scss |  2 +-
 src/vars.scss  | 17 ++++++++++++++++-
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 4031c0c..a2536ed 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,6 +3,10 @@ import "./App.scss";
 import { Main } from "./components/Main";
 
 function App() {
+  if (window.location.host.endsWith("cobular.gay")) {
+    document.body.classList.add("gay")
+  }
+
   return (
     <div className="App">
       <Main />
diff --git a/src/index.scss b/src/index.scss
index 2df89d7..6382178 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -10,7 +10,7 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   //background: url("./images/y-so-serious-white.png") repeat;
-  background-color: var(--background) !important;
+  background: var(--background) !important;
 }
 
 
diff --git a/src/vars.scss b/src/vars.scss
index c72e522..c111b01 100644
--- a/src/vars.scss
+++ b/src/vars.scss
@@ -7,7 +7,6 @@
   --grid-header-text: #F1F1F1;
   --grid-element-background: hsl(218, 24%, 25%);
   --grid-element-border: hsl(218, 24%, 29%);
-  //--grid-element-border: #6f6f6f;
   --grid-element-shadow: rgba(255, 255, 255, 0.3);
   --grid-element-header: rgb(169 162 228 / 100%);
   --grid-element-subheader: darkgrey;
@@ -32,3 +31,19 @@
 //  --link-color: grey;
 //  --grid-element-subheader: #F7A8B8;
 //}
+
+body.gay {
+  --text: black;
+  --background: linear-gradient(45deg, #ff0018 8.33%, #ffa52c 8.33%, #ffa52c 16.67%, #ffff41 16.67%, #ffff41 25%, #008018 25%, #008018 33.33%, #0000f9 33.33%, #0000f9 41.67%, #86007d 41.67%, #86007d 50%, #ff0018 50%, #ff0018 58.33%, #ffa52c 58.33%, #ffa52c 66.67%, #ffff41 66.67%, #ffff41 75%, #008018 75%, #008018 83.33%, #0000f9 83.33%, #0000f9 91.67%, #86007d 91.67%, #86007d 100%);
+  --header: #55CDFC;
+  --footer: #55CDFC;
+  --about-me: #F7A8B8;
+  --grid-background: #F7A8B8;
+  --grid-header-background: #55CDFC;
+  --grid-header-text: black;
+  --grid-element-background: #FFFFFF;
+  --grid-element-border: var(--grid-element-background);
+  --chainlink-icon-background: rgba(224, 255, 255, 0.7);
+  --link-color: white;
+  --grid-element-subheader: #F7A8B8;
+}