From b2cc6d7f0998759fc9364f91424123e58ccc5ad1 Mon Sep 17 00:00:00 2001
From: KayoticCarnige <32397453+kckarnige@users.noreply.github.com>
Date: Mon, 4 Oct 2021 09:32:25 -0400
Subject: [PATCH 1/2] Added hover CSS vars for green rebrand

---
 src/variables.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/variables.css b/src/variables.css
index 24e4a46..48b8d65 100644
--- a/src/variables.css
+++ b/src/variables.css
@@ -1,6 +1,9 @@
 body {
   /* Revert new green to old color */
   --old-green: #43b581;
+  --old-green-hover0: #369167;
+  --old-green-hover1: #3ca374;
+  --old-green-hover2: #66c69a;
   --info-positive-foreground: var(--old-green);
   --status-positive-background: var(--old-green);
   --text-positive: var(--old-green);
@@ -63,4 +66,4 @@ body {
   --brand-experiment-85a: rgba(114,137,218,0.85);
   --brand-experiment-90a: rgba(114,137,218,0.9);
   --brand-experiment-95a: rgba(114,137,218,0.95);
-}
\ No newline at end of file
+}

From 241650dc1125cac8fd240a9a7ca6358d182a73ef Mon Sep 17 00:00:00 2001
From: KayoticCarnige <32397453+kckarnige@users.noreply.github.com>
Date: Fri, 8 Oct 2021 06:22:21 -0400
Subject: [PATCH 2/2] Update inputs.css

---
 src/general/inputs.css | 55 +++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 54 insertions(+), 1 deletion(-)

diff --git a/src/general/inputs.css b/src/general/inputs.css
index 562ae64..e2e54ea 100644
--- a/src/general/inputs.css
+++ b/src/general/inputs.css
@@ -66,4 +66,57 @@
 /* Color picker default to blurple instead of new brand color */
 .colorPickerSwatch-5GX3Ve.default-cS_caM {
   background-color: var(--brand-experiment) !important;
-}
\ No newline at end of file
+}
+
+/* Fixes some inputs that didn't have the green rebrand applied [Green Revert] */
+.root-3QyAh1.root-1gCeng.small-3iVZYw.fullscreenOnMobile-1bD22y .header-4zuFdR .horizontal-1ae9ci .colorGreen-29iAKY, .root-3QyAh1.root-1gCeng.small-3iVZYw.fullscreenOnMobile-1bD22y .relationshipButtons-pUQVkf .actionButton-3vN-m0.colorGreen-29iAKY, [style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"], .circleIconButton-1XqULR.selected-2jcQaY {
+  background: var(--old-green) !important;
+}
+[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"], .circleIconButton-1XqULR {
+  fill: var(--old-green) !important;
+  color: var(--old-green);
+}
+
+/* When those input are hovered [Green Revert] */
+.root-3QyAh1.root-1gCeng.small-3iVZYw.fullscreenOnMobile-1bD22y .header-4zuFdR .horizontal-1ae9ci .colorGreen-29iAKY:hover, .root-3QyAh1.root-1gCeng.small-3iVZYw.fullscreenOnMobile-1bD22y .relationshipButtons-pUQVkf .actionButton-3vN-m0.colorGreen-29iAKY:hover {
+  background: var(--old-green-hover2) !important;
+}
+	
+/* When those input are clicked [Green Revert] */
+.root-3QyAh1.root-1gCeng.small-3iVZYw.fullscreenOnMobile-1bD22y .header-4zuFdR .horizontal-1ae9ci .colorGreen-29iAKY:active, .root-3QyAh1.root-1gCeng.small-3iVZYw.fullscreenOnMobile-1bD22y .relationshipButtons-pUQVkf .actionButton-3vN-m0.colorGreen-29iAKY:active {
+  background: var(--old-green-hover1) !important;
+}
+
+/* I'm not entirely sure what these do, though they do seem to be for the same element [Green Revert] */
+.root-3QyAh1.root-1gCeng.small-3iVZYw.fullscreenOnMobile-1bD22y .relationshipButtons-pUQVkf .actionButton-3vN-m0.colorGreen-29iAKY[disabled] {
+  border: solid 1px currentColor;
+  background: none;
+  color: var(--old-green);
+  opacity: 1;
+  cursor: default;
+}
+.root-3QyAh1.root-1gCeng.small-3iVZYw.fullscreenOnMobile-1bD22y .relationshipButtons-pUQVkf .actionButton-3vN-m0.colorGreen-29iAKY[disabled]:hover {
+  color: var(--old-green-hover0);
+}
+
+/* I'm assuming this fixs the outline for an element specifically doesn't have a hover or click reaction attached to it [Green Revert] */
+.lookOutlined-3sRXeN.colorGreen-29iAKY:not(:hover):not(:active) {
+  border-color: var(--old-green)4d;
+}
+
+/* Everything under here is for any elements that are meant to be inputs / have the "colorGreen" class, including clicking (:active) and hovering (:hover) [Green Revert] */	
+.lookOutlined-3sRXeN.colorGreen-29iAKY {
+  color: var(--old-green);
+}
+.lookFilled-1Gx00P.colorGreen-29iAKY {
+  background-color: var(--old-green);
+}
+.lookFilled-1Gx00P.colorGreen-29iAKY:hover {
+  background-color: var(--old-green-hover1);
+}
+.lookFilled-1Gx00P.colorGreen-29iAKY:active {
+  background-color: var(--old-green-hover0);
+}
+.lookFilled-1Gx00P.colorGreen-29iAKY:disabled {
+  background-color: var(--old-green);
+}