From 90904e876c0f0b47c193bebe28ba1c1ce839646f Mon Sep 17 00:00:00 2001
From: Tim Down <158919+timdown@users.noreply.github.com>
Date: Wed, 2 Oct 2024 15:36:17 +0100
Subject: [PATCH] Merge pull request #20718 from
 overleaf/td-bs5-update-foundations

Update BS5 Foundations Sass to match Figma

GitOrigin-RevId: 23712486ea497f4bfac643e47171baf076ca77af
---
 .../stylesheets/bootstrap-5/foundations/colors.scss       | 8 ++++----
 .../stylesheets/bootstrap-5/foundations/elevation.scss    | 6 +++---
 .../stylesheets/bootstrap-5/foundations/spacing.scss      | 2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss b/services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss
index 75a5dfe244..50e405ebc1 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss
@@ -99,8 +99,8 @@ $border-active: $blue-50;
 $border-danger: $red-50;
 $border-divider: $neutral-20;
 $link-web: $green-50;
-$link-web-hover: $green-70;
-$link-web-visited: $green-50;
+$link-web-hover: $green-60;
+$link-web-visited: $green-60;
 $link-ui: $blue-50;
 $link-ui-hover: $blue-60;
 $link-ui-visited: $blue-60;
@@ -218,8 +218,8 @@ $link-ui-visited-dark: $blue-40;
   --border-danger: var(--red-50);
   --border-divider: var(--neutral-20);
   --link-web: var(--green-50);
-  --link-web-hover: var(--green-70);
-  --link-web-visited: var(--green-50);
+  --link-web-hover: var(--green-60);
+  --link-web-visited: var(--green-60);
   --link-ui: var(--blue-50);
   --link-ui-hover: var(--blue-60);
   --link-ui-visited: var(--blue-60);
diff --git a/services/web/frontend/stylesheets/bootstrap-5/foundations/elevation.scss b/services/web/frontend/stylesheets/bootstrap-5/foundations/elevation.scss
index f75e99a21c..225908542c 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/foundations/elevation.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/foundations/elevation.scss
@@ -1,13 +1,13 @@
 // Cards
 @mixin shadow-sm {
-  box-shadow: 0 2px 8px rgb(30 37 48 / 8%);
+  box-shadow: 0 2px 4px 0 rgb(30 37 48 / 16%);
 }
 
 // Tooltips, Callouts, Dropdowns, etc.
 @mixin shadow-md {
   box-shadow:
-    0 4px 24px rgb(30 37 48 / 12%),
-    0 1px 4px rgb(30 37 48 / 8%);
+    0 4px 12px 0 rgb(30 37 48 / 12%),
+    0 2px 4px rgb(30 37 48 / 8%);
 }
 
 // Modals, drawers
diff --git a/services/web/frontend/stylesheets/bootstrap-5/foundations/spacing.scss b/services/web/frontend/stylesheets/bootstrap-5/foundations/spacing.scss
index 792c5386a5..397e11f3cb 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/foundations/spacing.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/foundations/spacing.scss
@@ -1,4 +1,4 @@
-// This file provided both Sass and CSS variables for spacing
+// This file provides both Sass and CSS variables for spacing
 $spacing-00: 0;
 $spacing-01: 2px;
 $spacing-02: 4px;