From a11dfd94c5ca8f906104c3dd45c44c7e8f012063 Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Wed, 17 Jan 2024 09:32:40 -0700
Subject: [PATCH] Merge pull request #16564 from overleaf/mf-fix-green-link

Website redesign - Change green-link (the one with the arrow) styling

GitOrigin-RevId: 889f6846a71d0adfd12d93f6a64aa0772e3a0c21
---
 .../web/frontend/stylesheets/app/website-redesign.less   | 9 ++++++---
 services/web/frontend/stylesheets/variables/colors.less  | 3 +++
 .../frontend/stylesheets/variables/css-variables.less    | 3 +++
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less
index 2d54988f44..cd5187ef05 100644
--- a/services/web/frontend/stylesheets/app/website-redesign.less
+++ b/services/web/frontend/stylesheets/app/website-redesign.less
@@ -532,6 +532,9 @@
   .link-with-arrow {
     font-size: 1.125rem;
     line-height: 1.333;
+    font-family: 'DM Mono', monospace;
+    font-feature-settings: 'ss05';
+    font-weight: 500;
 
     i.material-symbols-rounded {
       vertical-align: middle;
@@ -542,12 +545,12 @@
 
   .green-link {
     .link-with-arrow;
-    color: @green-60;
+    color: var(--emerald-green);
 
     &:hover {
-      color: var(--green-70);
+      color: var(--green-60);
       .right-arrow {
-        background: var(--green-70);
+        background: var(--green-60);
       }
     }
   }
diff --git a/services/web/frontend/stylesheets/variables/colors.less b/services/web/frontend/stylesheets/variables/colors.less
index a8f1e706bb..82c4318137 100644
--- a/services/web/frontend/stylesheets/variables/colors.less
+++ b/services/web/frontend/stylesheets/variables/colors.less
@@ -92,6 +92,9 @@
 @content-disabled: @content-disabled-on-light-bg;
 @content-placeholder: @content-placeholder-on-light-bg;
 
+// == website-redesign
+@emerald-green: #098842;
+
 // == ol-* legacy variables ==
 // These will eventually be removed and replaced with above names
 @ol-type-color: @content-secondary;
diff --git a/services/web/frontend/stylesheets/variables/css-variables.less b/services/web/frontend/stylesheets/variables/css-variables.less
index 2b46670e97..f560707813 100644
--- a/services/web/frontend/stylesheets/variables/css-variables.less
+++ b/services/web/frontend/stylesheets/variables/css-variables.less
@@ -79,4 +79,7 @@
 
   // gradient
   --premium-gradient: @premium-gradient;
+
+  // website-redesign
+  --emerald-green: @emerald-green;
 }