From 8feb67de3867adf50b15d4206871f4a800911f0b Mon Sep 17 00:00:00 2001
From: Alicia Sykes <alicia@omg.lol>
Date: Sat, 15 Jun 2024 22:44:58 +0100
Subject: [PATCH] styles: Updates theme of V1 check to match homepage

---
 src/web-check-live/components/Form/Row.tsx          |  2 +-
 src/web-check-live/components/Results/BuiltWith.tsx |  2 +-
 src/web-check-live/components/Results/HostNames.tsx |  2 +-
 src/web-check-live/components/Results/SslCert.tsx   |  2 +-
 src/web-check-live/components/Results/TechStack.tsx |  2 +-
 src/web-check-live/components/Results/WhoIs.tsx     |  2 +-
 src/web-check-live/styles/colors.ts                 | 12 ++++++------
 src/web-check-live/styles/index.css                 | 10 +++++-----
 8 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/web-check-live/components/Form/Row.tsx b/src/web-check-live/components/Form/Row.tsx
index 7a66b7b..c1aee0c 100644
--- a/src/web-check-live/components/Form/Row.tsx
+++ b/src/web-check-live/components/Form/Row.tsx
@@ -21,7 +21,7 @@ export const StyledRow = styled.div`
   flex-wrap: wrap;
   padding: 0.25rem;
   &li { border-bottom: 1px dashed ${colors.primaryTransparent} !important; }
-  &:not(:last-child) { border-bottom: 1px solid ${colors.primary}; }
+  &:not(:last-child) { border-bottom: 1px solid ${colors.primaryTransparent}; }
   span.lbl { font-weight: bold; }
   span.val {
     max-width: 16rem;
diff --git a/src/web-check-live/components/Results/BuiltWith.tsx b/src/web-check-live/components/Results/BuiltWith.tsx
index 42c31e7..fbb380d 100644
--- a/src/web-check-live/components/Results/BuiltWith.tsx
+++ b/src/web-check-live/components/Results/BuiltWith.tsx
@@ -13,7 +13,7 @@ const Row = styled.div`
   display: flex;
   justify-content: space-between;
   padding: 0.25rem;
-  &:not(:last-child) { border-bottom: 1px solid ${colors.primary}; }
+  &:not(:last-child) { border-bottom: 1px solid ${colors.primaryTransparent}; }
   span.lbl { font-weight: bold; }
   span.val {
     max-width: 200px;
diff --git a/src/web-check-live/components/Results/HostNames.tsx b/src/web-check-live/components/Results/HostNames.tsx
index 649bedf..6085b5a 100644
--- a/src/web-check-live/components/Results/HostNames.tsx
+++ b/src/web-check-live/components/Results/HostNames.tsx
@@ -9,7 +9,7 @@ const Row = styled.div`
   display: flex;
   justify-content: space-between;
   padding: 0.25rem;
-  &:not(:last-child) { border-bottom: 1px solid ${colors.primary}; }
+  &:not(:last-child) { border-bottom: 1px solid ${colors.primaryTransparent}; }
   span:first-child { font-weight: bold; }
 `;
 
diff --git a/src/web-check-live/components/Results/SslCert.tsx b/src/web-check-live/components/Results/SslCert.tsx
index 007795a..89cde6a 100644
--- a/src/web-check-live/components/Results/SslCert.tsx
+++ b/src/web-check-live/components/Results/SslCert.tsx
@@ -8,7 +8,7 @@ const Row = styled.div`
   display: flex;
   justify-content: space-between;
   padding: 0.25rem;
-  &:not(:last-child) { border-bottom: 1px solid ${colors.primary}; }
+  &:not(:last-child) { border-bottom: 1px solid ${colors.primaryTransparent}; }
   span.lbl { font-weight: bold; }
   span.val {
     max-width: 200px;
diff --git a/src/web-check-live/components/Results/TechStack.tsx b/src/web-check-live/components/Results/TechStack.tsx
index 198e661..cc2fe0c 100644
--- a/src/web-check-live/components/Results/TechStack.tsx
+++ b/src/web-check-live/components/Results/TechStack.tsx
@@ -66,7 +66,7 @@ h4 {
   margin: 0.5rem 0;
 }
 &:not(:last-child) {
-  border-bottom: 1px solid ${colors.primary};
+  border-bottom: 1px solid ${colors.primaryTransparent};
 }
 &:hover {
   .tech-confidence {
diff --git a/src/web-check-live/components/Results/WhoIs.tsx b/src/web-check-live/components/Results/WhoIs.tsx
index a738a9a..e3b9b23 100644
--- a/src/web-check-live/components/Results/WhoIs.tsx
+++ b/src/web-check-live/components/Results/WhoIs.tsx
@@ -9,7 +9,7 @@ const Row = styled.div`
   display: flex;
   justify-content: space-between;
   padding: 0.25rem;
-  &:not(:last-child) { border-bottom: 1px solid ${colors.primary}; }
+  &:not(:last-child) { border-bottom: 1px solid ${colors.primaryTransparent}; }
   span.lbl { font-weight: bold; }
   span.val {
     max-width: 200px;
diff --git a/src/web-check-live/styles/colors.ts b/src/web-check-live/styles/colors.ts
index dbbac02..94f675a 100644
--- a/src/web-check-live/styles/colors.ts
+++ b/src/web-check-live/styles/colors.ts
@@ -1,14 +1,14 @@
 
 const colors = {
-  primary: '#9fef00',
+  primary: '#c1fb41',
   primaryLighter: '#cff97a',
   textColor: '#ffffff',
   textColorSecondary: '#a4b1cd',
-  background: '#141d2b',
-  backgroundDarker: '#111927',
-  backgroundLighter: '#1a2332',
-  bgShadowColor: '#0f1620',
-  fgShadowColor: '#456602',
+  background: '#141517',
+  backgroundDarker: '#000000',
+  backgroundLighter: '#242525',
+  bgShadowColor: '#101010',
+  fgShadowColor: '#3f550e',
   primaryTransparent: '#9fef0012',
 
   // Action Colors
diff --git a/src/web-check-live/styles/index.css b/src/web-check-live/styles/index.css
index 9b0b3a6..9198e41 100644
--- a/src/web-check-live/styles/index.css
+++ b/src/web-check-live/styles/index.css
@@ -16,7 +16,7 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background: #141d2b;
+  background: #141517;
   color: #fff;
 }
 
@@ -24,17 +24,17 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
-#fancy-background { color: var(--background, #141d2b); }
+#fancy-background { color: var(--background, #141517); }
 
 
 ::selection {
-  background: var(--primary, #9fef00);
-  color: var(--background, #141d2b);
+  background: var(--primary, #d6fb41);
+  color: var(--background, #141517);
 }
 
 
 svg.rsm-svg {
-  background: #2a3240;
+  background: #141517;
   border-radius: 6px;
 }