From 0e0d960cd41ad711d650289ce912ae7652e3d46b Mon Sep 17 00:00:00 2001
From: shall0pass <20625555+shall0pass@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:50:41 -0600
Subject: [PATCH] [Bugfix] Midnight theme - Budget Name color, Mobile category
 color in account view (#2422)

* budget name / mobile account category color

* note

* color of plus on account page
---
 .../src/components/accounts/MobileAccounts.jsx              | 2 +-
 .../src/components/transactions/MobileTransaction.jsx       | 2 +-
 packages/desktop-client/src/style/themes/midnight.ts        | 2 +-
 upcoming-release-notes/2422.md                              | 6 ++++++
 4 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 upcoming-release-notes/2422.md

diff --git a/packages/desktop-client/src/components/accounts/MobileAccounts.jsx b/packages/desktop-client/src/components/accounts/MobileAccounts.jsx
index f05662950..0563e1383 100644
--- a/packages/desktop-client/src/components/accounts/MobileAccounts.jsx
+++ b/packages/desktop-client/src/components/accounts/MobileAccounts.jsx
@@ -167,7 +167,7 @@ function AccountList({
         <Button
           type="bare"
           style={{
-            ...noBackgroundColorStyle,
+            color: theme.mobileHeaderText,
             margin: 10,
           }}
           activeStyle={noBackgroundColorStyle}
diff --git a/packages/desktop-client/src/components/transactions/MobileTransaction.jsx b/packages/desktop-client/src/components/transactions/MobileTransaction.jsx
index bf97e9d59..24fc2987b 100644
--- a/packages/desktop-client/src/components/transactions/MobileTransaction.jsx
+++ b/packages/desktop-client/src/components/transactions/MobileTransaction.jsx
@@ -1272,7 +1272,7 @@ const Transaction = memo(function Transaction({
                   marginTop: 1,
                   fontWeight: '400',
                   color: prettyCategory
-                    ? theme.tableTextSelected
+                    ? theme.tableText
                     : theme.menuItemTextSelected,
                   fontStyle:
                     specialCategory || !prettyCategory ? 'italic' : undefined,
diff --git a/packages/desktop-client/src/style/themes/midnight.ts b/packages/desktop-client/src/style/themes/midnight.ts
index 1fc41c202..f0d3a10dc 100644
--- a/packages/desktop-client/src/style/themes/midnight.ts
+++ b/packages/desktop-client/src/style/themes/midnight.ts
@@ -115,7 +115,7 @@ export const buttonNormalBorder = colorPalette.gray300;
 export const buttonNormalShadow = 'rgba(0, 0, 0, 0.4)';
 export const buttonNormalSelectedText = colorPalette.white;
 export const buttonNormalSelectedBackground = colorPalette.purple500;
-export const buttonNormalDisabledText = colorPalette.gray500;
+export const buttonNormalDisabledText = colorPalette.gray400;
 export const buttonNormalDisabledBackground = colorPalette.gray700;
 export const buttonNormalDisabledBorder = colorPalette.gray500;
 
diff --git a/upcoming-release-notes/2422.md b/upcoming-release-notes/2422.md
new file mode 100644
index 000000000..9caa1732c
--- /dev/null
+++ b/upcoming-release-notes/2422.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [shall0pass]
+---
+
+Fix colors for the budget name and category name in the accounts view on mobile.
-- 
GitLab