From d8cbe651cd8672579560e9119de02b227b81d246 Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Mon, 12 Jan 2026 09:54:50 +0000
Subject: [PATCH] Reduce brightness of primary colour in dark mode (#30486)

GitOrigin-RevId: 12fddbe998317a8c3e405479ab666b3035fe202b
---
 services/web/frontend/stylesheets/components/button.scss  | 8 ++++----
 services/web/frontend/stylesheets/foundations/colors.scss | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/services/web/frontend/stylesheets/components/button.scss b/services/web/frontend/stylesheets/components/button.scss
index 80220a6911..831a2e1734 100644
--- a/services/web/frontend/stylesheets/components/button.scss
+++ b/services/web/frontend/stylesheets/components/button.scss
@@ -35,7 +35,7 @@
   // Variants
   &.btn-primary {
     @include ol-button-variant(
-      $color: var(--content-primary-dark),
+      $color: var(--white),
       $background: var(--bg-accent-01),
       $hover-background: var(--bg-accent-02),
       $hover-border: var(--bg-accent-02)
@@ -63,7 +63,7 @@
 
   &.btn-danger {
     @include ol-button-variant(
-      $color: var(--content-primary-dark),
+      $color: var(--white),
       $background: var(--bg-danger-01),
       $border: var(--bg-danger-01),
       $hover-background: var(--bg-danger-02)
@@ -80,7 +80,7 @@
 
   &.btn-premium {
     @include ol-button-variant(
-      $color: var(--content-primary-dark),
+      $color: var(--white),
       $background: var(--blue-70)
     );
 
@@ -105,7 +105,7 @@
 
   &.btn-blue {
     @include ol-button-variant(
-      $color: var(--content-primary-dark),
+      $color: var(--white),
       $background: var(--sapphire-blue),
       $border: var(--sapphire-blue),
       $hover-background: (
diff --git a/services/web/frontend/stylesheets/foundations/colors.scss b/services/web/frontend/stylesheets/foundations/colors.scss
index 8e5e9e8a78..0104b0897a 100644
--- a/services/web/frontend/stylesheets/foundations/colors.scss
+++ b/services/web/frontend/stylesheets/foundations/colors.scss
@@ -209,7 +209,7 @@ $link-ui-visited-dark: $blue-40;
   --link-ui: var(--blue-50);
   --link-ui-hover: var(--blue-60);
   --link-ui-visited: var(--blue-60);
-  --content-primary-dark: var(--white);
+  --content-primary-dark: var(--neutral-10);
   --content-secondary-dark: var(--neutral-20);
   --content-disabled-dark: var(--neutral-60);
   --content-placeholder-dark: var(--neutral-50);