Merge pull request #16564 from overleaf/mf-fix-green-link

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

GitOrigin-RevId: 889f6846a71d0adfd12d93f6a64aa0772e3a0c21

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);
       }
     }
   }

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;

services/web/frontend/stylesheets/variables/css-variables.less

@@ -79,4 +79,7 @@
 
   // gradient
   --premium-gradient: @premium-gradient;
+
+  // website-redesign
+  --emerald-green: @emerald-green;
 }