From 75f65dc2ab725be8860e2a08a0d4e726b59531a4 Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Mon, 29 Sep 2025 11:45:25 -0400
Subject: [PATCH] refactor: adjust primer colors used for background

Signed-off-by: Adam Setch <adam.setch@outlook.com>
---
 tailwind.config.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/tailwind.config.ts b/tailwind.config.ts
index 7dc50e5b5..c6543ff83 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -20,7 +20,6 @@ const config: Config = {
       colors: {
         gitify: {
           font: 'var(--fgColor-default)',
-          background: 'var(--bgColor-muted)',
           sidebar: '#24292e',
           footer: 'var(--bgColor-neutral-muted)',
 
@@ -76,6 +75,8 @@ const config: Config = {
       // TODO - ideally we would use GitHub Primer Design Tokens instead of TailwindCSS
       addBase({
         '[data-color-mode="light"]': {
+          '--gitify-background': 'var(--bgColor-default)',
+
           '--gitify-scrollbar-track': colors.gray[100],
           '--gitify-scrollbar-thumb': colors.gray[300],
           '--gitify-scrollbar-thumb-hover': colors.gray[400],
@@ -85,6 +86,8 @@ const config: Config = {
           '--gitify-counter-text': colors.gray[800],
         },
         '[data-color-mode="dark"]': {
+          '--gitify-background': 'var(--bgColor-muted)',
+
           '--gitify-scrollbar-track': colors.gray[900],
           '--gitify-scrollbar-thumb': colors.gray[700],
           '--gitify-scrollbar-thumb-hover': colors.gray[600],