Remove Static Colors (#1875)

* Color Changes * notes
actualbudget · Nov 9, 2023 · 184b302 · 184b302
1 parent 3004f33
commit 184b302
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 6 deletions.
diff --git a/packages/desktop-client/src/components/budget/BudgetCategories.js b/packages/desktop-client/src/components/budget/BudgetCategories.js
@@ -300,7 +300,7 @@ const BudgetCategories = memo(
               <View
                 style={
                   !dragState && {
-                    ':hover': { backgroundColor: '#fcfcfc' },
+                    ':hover': { backgroundColor: theme.tableBackground },
                   }
                 }
               >

diff --git a/packages/desktop-client/src/components/budget/SidebarCategory.js b/packages/desktop-client/src/components/budget/SidebarCategory.js
@@ -116,7 +116,7 @@ function SidebarCategory({
         // The zIndex here forces the the view on top of a row below
         // it that may be "collapsed" and show a border on top
         ...(dragPreview && {
-          backgroundColor: 'white',
+          backgroundColor: theme.tableBackground,
           zIndex: 10000,
           borderRadius: 6,
           overflow: 'hidden',

diff --git a/packages/desktop-client/src/components/budget/report/components.tsx b/packages/desktop-client/src/components/budget/report/components.tsx
@@ -327,7 +327,7 @@ export const CategoryMonth = memo(function CategoryMonth({
               onEdit(null);
             },
             style: {
-              backgroundColor: 'white',
+              backgroundColor: theme.tableBackground,
             },
           }}
           onSave={amount => {

diff --git a/packages/desktop-client/src/components/budget/rollover/rollover-components.tsx b/packages/desktop-client/src/components/budget/rollover/rollover-components.tsx
@@ -264,7 +264,7 @@ export const ExpenseCategoryMonth = memo(function ExpenseCategoryMonth({
             borderRadius: 4,
             ':hover': {
               boxShadow: 'inset 0 0 0 1px ' + theme.mobileAccountShadow,
-              backgroundColor: 'white',
+              backgroundColor: theme.tableBackground,
             },
           }}
           valueProps={{
@@ -283,7 +283,7 @@ export const ExpenseCategoryMonth = memo(function ExpenseCategoryMonth({
               onEdit(null);
             },
             style: {
-              backgroundColor: 'white',
+              backgroundColor: theme.tableBackground,
             },
           }}
           onSave={amount => {

diff --git a/packages/desktop-client/src/components/transactions/TransactionsTable.js b/packages/desktop-client/src/components/transactions/TransactionsTable.js
@@ -1137,7 +1137,7 @@ const Transaction = memo(function Transaction(props) {
           valueStyle={valueStyle}
           style={{
             fontStyle: 'italic',
-            color: '#c0c0c0',
+            color: theme.pageTextSubdued,
             fontWeight: 300,
           }}
           inputProps={{

diff --git a/upcoming-release-notes/1875.md b/upcoming-release-notes/1875.md
@@ -0,0 +1,6 @@
+---
+category: Maintenance
+authors: [carkom]
+---
+
+Removing the last of the static colors and replacing with theme colors.
-Original file line number
+Diff line change
@@ Expand Up / @@ -300,7 +300,7 @@ const BudgetCategories = memo( @@
                   <View
                     style={
                       !dragState && {
-                        ':hover': { backgroundColor: '#fcfcfc' },
+                        ':hover': { backgroundColor: theme.tableBackground },
                       }
                     }
                   >
@@ Expand Down @@