diff --git a/packages/desktop-client/src/components/budget/BudgetCategories.js b/packages/desktop-client/src/components/budget/BudgetCategories.js index 7e288191796..9f6d2286f5d 100644 --- 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( diff --git a/packages/desktop-client/src/components/budget/SidebarCategory.js b/packages/desktop-client/src/components/budget/SidebarCategory.js index 01e5d70cd48..31a5391d478 100644 --- 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 index 9adab83304c..5162866fb63 100644 --- 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 index fe6b6144002..e11021468ed 100644 --- 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 index ee49899adc8..77763babfb2 100644 --- 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 new file mode 100644 index 00000000000..18dd1da9b46 --- /dev/null +++ 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.