From 1f73ff17ed6e94f3d1468d2f54e7177543f4382a Mon Sep 17 00:00:00 2001
From: Bryan Cunningham <bcunningham@bitwarden.com>
Date: Thu, 24 Jul 2025 16:15:51 -0400
Subject: [PATCH] [CL-791] global text color change (#15723)

* update variables to use same color as text-main

* remove unused headers key from tailwind config
---
 apps/web/src/scss/variables.scss        | 4 ++--
 libs/components/src/variables.scss      | 4 ++--
 libs/components/tailwind.config.base.js | 2 --
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/scss/variables.scss b/apps/web/src/scss/variables.scss
index 66773999c5..6c5278b2f9 100644
--- a/apps/web/src/scss/variables.scss
+++ b/apps/web/src/scss/variables.scss
@@ -18,7 +18,7 @@ $theme-colors: (
 );
 
 $body-bg: $white;
-$body-color: #333333;
+$body-color: #1b2029;
 
 $font-family-sans-serif:
   Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
@@ -201,7 +201,7 @@ $themes: (
     textColor: $body-color,
     textDangerColor: $white,
     textInfoColor: $white,
-    textHeadingColor: #333333,
+    textHeadingColor: $body-color,
     textMuted: #6c757d,
     textSuccessColor: $white,
     textWarningColor: $white,
diff --git a/libs/components/src/variables.scss b/libs/components/src/variables.scss
index e3651f9c37..724244d24b 100644
--- a/libs/components/src/variables.scss
+++ b/libs/components/src/variables.scss
@@ -18,7 +18,7 @@ $theme-colors: (
 );
 
 $body-bg: $white;
-$body-color: #333333;
+$body-color: #1b2029;
 
 $font-family-sans-serif:
   Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
@@ -216,7 +216,7 @@ $themes: (
     textColor: $body-color,
     textDangerColor: $white,
     textInfoColor: $white,
-    textHeadingColor: #333333,
+    textHeadingColor: $body-color,
     textMuted: #6c757d,
     textSuccessColor: $white,
     textWarningColor: $white,
diff --git a/libs/components/tailwind.config.base.js b/libs/components/tailwind.config.base.js
index 8b73ffc470..3c7437fb57 100644
--- a/libs/components/tailwind.config.base.js
+++ b/libs/components/tailwind.config.base.js
@@ -74,7 +74,6 @@ module.exports = {
         contrast: rgba("--color-text-contrast"),
         alt2: rgba("--color-text-alt2"),
         code: rgba("--color-text-code"),
-        headers: rgba("--color-text-headers"),
       },
       background: {
         DEFAULT: rgba("--color-background"),
@@ -101,7 +100,6 @@ module.exports = {
       main: rgba("--color-text-main"),
       muted: rgba("--color-text-muted"),
       contrast: rgba("--color-text-contrast"),
-      headers: rgba("--color-text-headers"),
       alt2: rgba("--color-text-alt2"),
       code: rgba("--color-text-code"),
       black: colors.black,