From 28c18e2486e96a47d02bf880f63864ba5359ad33 Mon Sep 17 00:00:00 2001
From: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>
Date: Fri, 17 May 2024 12:24:28 +0200
Subject: [PATCH] Merge pull request #18365 from overleaf/rd-link-color

[web] Fix button links color

GitOrigin-RevId: ea8c1a4424ee85dd91995e45c0ef9a081a74546b
---
 .../web/frontend/stylesheets/bootstrap-5/base/links.scss    | 4 ----
 .../frontend/stylesheets/bootstrap-5/components/button.scss | 6 ++++++
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/links.scss b/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
index 269a131b70..55d94df75e 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
@@ -18,7 +18,3 @@ a {
     color: var(--link-visited-color);
   }
 }
-
-a[role='button'] {
-  color: inherit;
-}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/button.scss b/services/web/frontend/stylesheets/bootstrap-5/components/button.scss
index 5a10892dce..881eac6597 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/button.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/button.scss
@@ -190,3 +190,9 @@
 .icon-button-large {
   padding: var(--spacing-05);
 }
+
+// Set the visited colour for a link that is styled as a button. This is necessary because we have a generic rule that
+// sets the colour of visited links
+a[role='button']:visited {
+  color: var(--bs-btn-color);
+}