diff --git a/packages/component-library/src/theme.ts b/packages/component-library/src/theme.ts index b6662d8e6c4..b4a2ce577da 100644 --- a/packages/component-library/src/theme.ts +++ b/packages/component-library/src/theme.ts @@ -1,4 +1,5 @@ export const theme = { + brand: 'var(--color-brand)', pageBackground: 'var(--color-pageBackground)', pageBackgroundModalActive: 'var(--color-pageBackgroundModalActive)', pageBackgroundTopLeft: 'var(--color-pageBackgroundTopLeft)', @@ -17,6 +18,9 @@ export const theme = { cardBorder: 'var(--color-cardBorder)', cardShadow: 'var(--color-cardShadow)', tableBackground: 'var(--color-tableBackground)', + tableRowBorder: 'var(--color-tableRowBorder)', + tableRowBackground: 'var(--color-tableRowBackground)', + tableRowBackgroundLight: 'var(--color-tableRowBackgroundLight)', tableRowBackgroundHover: 'var(--color-tableRowBackgroundHover)', tableText: 'var(--color-tableText)', tableTextLight: 'var(--color-tableTextLight)', diff --git a/packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-2-chromium-linux.png b/packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-2-chromium-linux.png index 285c0dc76df..9d92e3f69bc 100644 Binary files a/packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-2-chromium-linux.png and b/packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-5-chromium-linux.png b/packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-5-chromium-linux.png index 2fa1b6a30a1..64e1de6fb49 100644 Binary files a/packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-5-chromium-linux.png and b/packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-5-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-8-chromium-linux.png b/packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-8-chromium-linux.png index c6506b1d3a6..0d1d685775c 100644 Binary files a/packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-8-chromium-linux.png and b/packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-8-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-2-chromium-linux.png b/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-2-chromium-linux.png index 019872cae44..b405726daf3 100644 Binary files a/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-2-chromium-linux.png and b/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-2-chromium-linux.png b/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-2-chromium-linux.png index 510fa9bf584..ff8d214adaf 100644 Binary files a/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-2-chromium-linux.png and b/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-closes-an-account-2-chromium-linux.png b/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-closes-an-account-2-chromium-linux.png index 485cd1f4285..15f575acd3f 100644 Binary files a/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-closes-an-account-2-chromium-linux.png and b/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-closes-an-account-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-creates-a-new-account-and-views-the-initial-balance-transaction-2-chromium-linux.png b/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-creates-a-new-account-and-views-the-initial-balance-transaction-2-chromium-linux.png index ed98f8c437d..0e95becfa01 100644 Binary files a/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-creates-a-new-account-and-views-the-initial-balance-transaction-2-chromium-linux.png and b/packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-creates-a-new-account-and-views-the-initial-balance-transaction-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--321fd-ed-amount-opens-the-budget-summary-menu-modal-2-chromium-linux.png b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--321fd-ed-amount-opens-the-budget-summary-menu-modal-2-chromium-linux.png index 4e6252fec76..4d066fb2e90 100644 Binary files a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--321fd-ed-amount-opens-the-budget-summary-menu-modal-2-chromium-linux.png and b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--321fd-ed-amount-opens-the-budget-summary-menu-modal-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--6ab37-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--6ab37-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png index fdeab1ba236..fec9bb76c9c 100644 Binary files a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--6ab37-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png and b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--6ab37-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--bed18-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--bed18-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png index 8a1216a031e..e7de50f3b42 100644 Binary files a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--bed18-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png and b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--bed18-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--ff568-l-redirects-to-the-category-transactions-page-2-chromium-linux.png b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--ff568-l-redirects-to-the-category-transactions-page-2-chromium-linux.png index febfd876426..c2cfbc7bc7d 100644 Binary files a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--ff568-l-redirects-to-the-category-transactions-page-2-chromium-linux.png and b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking--ff568-l-redirects-to-the-category-transactions-page-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png index 8693a86302d..86983a64aef 100644 Binary files a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png and b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Envelope-checks-that-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--57d88-l-redirects-to-the-category-transactions-page-2-chromium-linux.png b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--57d88-l-redirects-to-the-category-transactions-page-2-chromium-linux.png index febfd876426..c2cfbc7bc7d 100644 Binary files a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--57d88-l-redirects-to-the-category-transactions-page-2-chromium-linux.png and b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--57d88-l-redirects-to-the-category-transactions-page-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--5f098-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--5f098-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png index 4aa9b5e57fd..0074d4e4299 100644 Binary files a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--5f098-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png and b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--5f098-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--b1562-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--b1562-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png index 2a99ccb16fa..e3a0202b2ca 100644 Binary files a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--b1562-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png and b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--b1562-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png index ba95a2c8aa3..3df204e2765 100644 Binary files a/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png and b/packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png b/packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png index 0e88086318c..db3ff6958c2 100644 Binary files a/packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png and b/packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png b/packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png index 28b19c5ea36..e6d321d2028 100644 Binary files a/packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png and b/packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/onboarding.test.ts-snapshots/Onboarding-checks-the-page-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/onboarding.test.ts-snapshots/Onboarding-checks-the-page-visuals-2-chromium-linux.png index bcc06d1e53c..41b66b30813 100644 Binary files a/packages/desktop-client/e2e/onboarding.test.ts-snapshots/Onboarding-checks-the-page-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/onboarding.test.ts-snapshots/Onboarding-checks-the-page-visuals-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/onboarding.test.ts-snapshots/Onboarding-checks-the-page-visuals-5-chromium-linux.png b/packages/desktop-client/e2e/onboarding.test.ts-snapshots/Onboarding-checks-the-page-visuals-5-chromium-linux.png index 1615b251a44..319f5fb84c3 100644 Binary files a/packages/desktop-client/e2e/onboarding.test.ts-snapshots/Onboarding-checks-the-page-visuals-5-chromium-linux.png and b/packages/desktop-client/e2e/onboarding.test.ts-snapshots/Onboarding-checks-the-page-visuals-5-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Area-Graph-and-checks-the-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Area-Graph-and-checks-the-visuals-2-chromium-linux.png index 7193a2cf6d4..da42efafcaf 100644 Binary files a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Area-Graph-and-checks-the-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Area-Graph-and-checks-the-visuals-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Bar-Graph-and-checks-the-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Bar-Graph-and-checks-the-visuals-2-chromium-linux.png index 9f5a64be2a0..1c21fce0fc4 100644 Binary files a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Bar-Graph-and-checks-the-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Bar-Graph-and-checks-the-visuals-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Data-Table-and-checks-the-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Data-Table-and-checks-the-visuals-2-chromium-linux.png index 439409faa6a..29f9100ead2 100644 Binary files a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Data-Table-and-checks-the-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Data-Table-and-checks-the-visuals-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Donut-Graph-and-checks-the-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Donut-Graph-and-checks-the-visuals-2-chromium-linux.png index 12b3e9f79a2..87d96222d3b 100644 Binary files a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Donut-Graph-and-checks-the-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Donut-Graph-and-checks-the-visuals-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Line-Graph-and-checks-the-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Line-Graph-and-checks-the-visuals-2-chromium-linux.png index 3da49f83528..698c7349a7d 100644 Binary files a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Line-Graph-and-checks-the-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Switches-to-Line-Graph-and-checks-the-visuals-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Validates-that-show-labels-button-shows-the-labels-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Validates-that-show-labels-button-shows-the-labels-2-chromium-linux.png index d2c43de301b..38db6719c5c 100644 Binary files a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Validates-that-show-labels-button-shows-the-labels-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Validates-that-show-labels-button-shows-the-labels-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Validates-that-show-legend-button-shows-the-legend-side-bar-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Validates-that-show-legend-button-shows-the-legend-side-bar-2-chromium-linux.png index 8fb5757e46b..f9bf0f7a7c6 100644 Binary files a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Validates-that-show-legend-button-shows-the-legend-side-bar-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Validates-that-show-legend-button-shows-the-legend-side-bar-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Validates-that-show-summary-button-shows-the-summary-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Validates-that-show-summary-button-shows-the-summary-2-chromium-linux.png index c013552736c..c500a3d30c3 100644 Binary files a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Validates-that-show-summary-button-shows-the-summary-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-custom-reports-Validates-that-show-summary-button-shows-the-summary-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-loads-net-worth-and-cash-flow-reports-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-loads-net-worth-and-cash-flow-reports-2-chromium-linux.png index 6f624f82196..9c3ae480a3c 100644 Binary files a/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-loads-net-worth-and-cash-flow-reports-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.ts-snapshots/Reports-loads-net-worth-and-cash-flow-reports-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-checks-the-page-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-checks-the-page-visuals-2-chromium-linux.png index d73aa766fa4..cc9541ddf46 100644 Binary files a/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-checks-the-page-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-checks-the-page-visuals-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png b/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png index 818b986ea1d..a59cafc4147 100644 Binary files a/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png and b/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-5-chromium-linux.png b/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-5-chromium-linux.png index bd89f131a23..b6c8dead557 100644 Binary files a/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-5-chromium-linux.png and b/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-5-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-creates-a-split-transaction-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png b/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-creates-a-split-transaction-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png index 26f4b19f4ec..2c03c368aed 100644 Binary files a/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-creates-a-split-transaction-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png and b/packages/desktop-client/e2e/rules.test.ts-snapshots/Rules-creates-a-split-transaction-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-checks-the-page-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-checks-the-page-visuals-2-chromium-linux.png index 4bc68fb5ef6..7ea1a43684b 100644 Binary files a/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-checks-the-page-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-checks-the-page-visuals-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-11-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-11-chromium-linux.png index 4055724ce66..a4868eccf3a 100644 Binary files a/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-11-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-11-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-14-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-14-chromium-linux.png index 39bed4e713b..37bc1dece5b 100644 Binary files a/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-14-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-14-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-2-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-2-chromium-linux.png index da2c3cd7389..94828dd9e69 100644 Binary files a/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-2-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-5-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-5-chromium-linux.png index 8ba08ccec08..8ea65734452 100644 Binary files a/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-5-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-5-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-8-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-8-chromium-linux.png index 282bb57ad5b..e67204b3c06 100644 Binary files a/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-8-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.ts-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-8-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/settings.mobile.test.ts-snapshots/Mobile-Settings-checks-that-settings-page-can-be-opened-5-chromium-linux.png b/packages/desktop-client/e2e/settings.mobile.test.ts-snapshots/Mobile-Settings-checks-that-settings-page-can-be-opened-5-chromium-linux.png index 3ceeed398bd..b12b9551aff 100644 Binary files a/packages/desktop-client/e2e/settings.mobile.test.ts-snapshots/Mobile-Settings-checks-that-settings-page-can-be-opened-5-chromium-linux.png and b/packages/desktop-client/e2e/settings.mobile.test.ts-snapshots/Mobile-Settings-checks-that-settings-page-can-be-opened-5-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/settings.test.ts-snapshots/Settings-checks-the-page-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/settings.test.ts-snapshots/Settings-checks-the-page-visuals-2-chromium-linux.png index d59e7aa0b44..cce6cccae80 100644 Binary files a/packages/desktop-client/e2e/settings.test.ts-snapshots/Settings-checks-the-page-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/settings.test.ts-snapshots/Settings-checks-the-page-visuals-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-categorized-transaction-from-accounts-uncategorized-page-2-chromium-linux.png b/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-categorized-transaction-from-accounts-uncategorized-page-2-chromium-linux.png index c7cd31e05e4..c949c89c793 100644 Binary files a/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-categorized-transaction-from-accounts-uncategorized-page-2-chromium-linux.png and b/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-categorized-transaction-from-accounts-uncategorized-page-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-from-accounts-id-page-1-chromium-linux.png b/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-from-accounts-id-page-1-chromium-linux.png index de7d6de98a8..94f1e39dc2d 100644 Binary files a/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-from-accounts-id-page-1-chromium-linux.png and b/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-from-accounts-id-page-1-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-via-footer-button-1-chromium-linux.png b/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-via-footer-button-1-chromium-linux.png index 53683550415..67a82bb6267 100644 Binary files a/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-via-footer-button-1-chromium-linux.png and b/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-via-footer-button-1-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-via-footer-button-4-chromium-linux.png b/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-via-footer-button-4-chromium-linux.png index f80ce02231b..615726000a2 100644 Binary files a/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-via-footer-button-4-chromium-linux.png and b/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-via-footer-button-4-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-via-footer-button-5-chromium-linux.png b/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-via-footer-button-5-chromium-linux.png index 44b75e38918..8a14a60207c 100644 Binary files a/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-via-footer-button-5-chromium-linux.png and b/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-a-transaction-via-footer-button-5-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-an-uncategorized-transaction-from-accounts-uncategorized-page-2-chromium-linux.png b/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-an-uncategorized-transaction-from-accounts-uncategorized-page-2-chromium-linux.png index 1a2ebaae049..a99f1672702 100644 Binary files a/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-an-uncategorized-transaction-from-accounts-uncategorized-page-2-chromium-linux.png and b/packages/desktop-client/e2e/transactions.mobile.test.ts-snapshots/Mobile-Transactions-creates-an-uncategorized-transaction-from-accounts-uncategorized-page-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-checks-the-page-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-checks-the-page-visuals-2-chromium-linux.png index ef26ee363e6..58a0dc10486 100644 Binary files a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-checks-the-page-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-checks-the-page-visuals-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-split-test-transaction-2-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-split-test-transaction-2-chromium-linux.png index 889125db7a8..f68ebf76d09 100644 Binary files a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-split-test-transaction-2-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-split-test-transaction-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-test-transaction-2-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-test-transaction-2-chromium-linux.png index 8d0c7018160..a15295a84bf 100644 Binary files a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-test-transaction-2-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-test-transaction-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-transfer-test-transaction-2-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-transfer-test-transaction-2-chromium-linux.png index 0ab88f45bf6..18c7155acf4 100644 Binary files a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-transfer-test-transaction-2-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-transfer-test-transaction-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-transfer-test-transaction-5-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-transfer-test-transaction-5-chromium-linux.png index 1ff8a39cd07..a7bcd410e8f 100644 Binary files a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-transfer-test-transaction-5-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-creates-a-transfer-test-transaction-5-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-category-2-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-category-2-chromium-linux.png index 1cf49f768b1..ef4fc00241c 100644 Binary files a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-category-2-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-category-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-category-5-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-category-5-chromium-linux.png index ac6583f5c46..ee65015909f 100644 Binary files a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-category-5-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-category-5-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-category-8-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-category-8-chromium-linux.png index db9dc48bb2e..63ffbbda315 100644 Binary files a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-category-8-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-category-8-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-date-2-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-date-2-chromium-linux.png index 5f331e9c873..5e6570251b4 100644 Binary files a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-date-2-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-date-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-date-8-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-date-8-chromium-linux.png index 2d637e7109d..88ca0c5876d 100644 Binary files a/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-date-8-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.ts-snapshots/Transactions-filters-transactions-by-date-8-chromium-linux.png differ diff --git a/packages/desktop-client/src/components/autocomplete/Autocomplete.tsx b/packages/desktop-client/src/components/autocomplete/Autocomplete.tsx index c79698da2de..19c806fe136 100644 --- a/packages/desktop-client/src/components/autocomplete/Autocomplete.tsx +++ b/packages/desktop-client/src/components/autocomplete/Autocomplete.tsx @@ -688,7 +688,7 @@ function MultiAutocomplete({ flexWrap: 'wrap', flexDirection: 'row', alignItems: 'center', - backgroundColor: theme.tableBackground, + backgroundColor: theme.formInputBackground, borderRadius: 4, border: '1px solid ' + theme.formInputBorder, ...(focused && { diff --git a/packages/desktop-client/src/components/banksync/AccountRow.tsx b/packages/desktop-client/src/components/banksync/AccountRow.tsx index e98d2242f92..d98c370c594 100644 --- a/packages/desktop-client/src/components/banksync/AccountRow.tsx +++ b/packages/desktop-client/src/components/banksync/AccountRow.tsx @@ -39,7 +39,7 @@ export const AccountRow = memo( fontSize: 13, backgroundColor: backgroundFocus ? theme.tableRowBackgroundHover - : theme.tableBackground, + : theme.tableRowBackground, }} collapsed={true} onMouseEnter={() => onHover && onHover(account.id)} diff --git a/packages/desktop-client/src/components/mobile/MobileForms.tsx b/packages/desktop-client/src/components/mobile/MobileForms.tsx index 58ebcd0106e..2ca4ce4ef31 100644 --- a/packages/desktop-client/src/components/mobile/MobileForms.tsx +++ b/packages/desktop-client/src/components/mobile/MobileForms.tsx @@ -65,7 +65,7 @@ export const InputField = forwardRef( color: disabled ? theme.tableTextInactive : theme.tableText, backgroundColor: disabled ? theme.formInputTextReadOnlySelection - : theme.tableBackground, + : theme.formInputBackground, }} {...props} /> @@ -104,7 +104,7 @@ export const TapField = forwardRef( alignItems: 'center', ...style, ...valueStyle, - backgroundColor: theme.tableBackground, + backgroundColor: theme.formInputBackground, ...(disabled && { backgroundColor: theme.formInputTextReadOnlySelection, }), diff --git a/packages/desktop-client/src/components/mobile/accounts/Accounts.tsx b/packages/desktop-client/src/components/mobile/accounts/Accounts.tsx index ae0b3b4ed63..8ff80b17df3 100644 --- a/packages/desktop-client/src/components/mobile/accounts/Accounts.tsx +++ b/packages/desktop-client/src/components/mobile/accounts/Accounts.tsx @@ -128,6 +128,7 @@ function AccountCard({ borderRadius: 6, boxShadow: `0 1px 1px ${theme.mobileAccountShadow}`, marginTop: 10, + backgroundColor: theme.tableRowBackground, }} data-testid="account-list-item" > diff --git a/packages/desktop-client/src/components/mobile/transactions/TransactionEdit.jsx b/packages/desktop-client/src/components/mobile/transactions/TransactionEdit.jsx index e0f15d20dbd..add090d8c17 100644 --- a/packages/desktop-client/src/components/mobile/transactions/TransactionEdit.jsx +++ b/packages/desktop-client/src/components/mobile/transactions/TransactionEdit.jsx @@ -193,7 +193,7 @@ function Footer({ paddingRight: styles.mobileEditingPadding, paddingTop: 10, paddingBottom: 10, - backgroundColor: theme.tableHeaderBackground, + backgroundColor: theme.mobileHeaderBackground, borderTopWidth: 1, borderColor: theme.tableBorder, }} diff --git a/packages/desktop-client/src/components/mobile/transactions/TransactionList.tsx b/packages/desktop-client/src/components/mobile/transactions/TransactionList.tsx index 2fe59e36af3..1c6132a4f2c 100644 --- a/packages/desktop-client/src/components/mobile/transactions/TransactionList.tsx +++ b/packages/desktop-client/src/components/mobile/transactions/TransactionList.tsx @@ -161,7 +161,7 @@ export function TransactionList({
diff --git a/packages/desktop-client/src/components/mobile/transactions/TransactionListWithBalances.tsx b/packages/desktop-client/src/components/mobile/transactions/TransactionListWithBalances.tsx index a8da911d1d0..84c7e151f49 100644 --- a/packages/desktop-client/src/components/mobile/transactions/TransactionListWithBalances.tsx +++ b/packages/desktop-client/src/components/mobile/transactions/TransactionListWithBalances.tsx @@ -34,7 +34,6 @@ function TransactionSearchInput({ style={{ flexDirection: 'row', alignItems: 'center', - backgroundColor: theme.mobilePageBackground, padding: 10, width: '100%', }} @@ -59,7 +58,7 @@ function TransactionSearchInput({ }} placeholder={placeholder} style={{ - backgroundColor: theme.tableBackground, + backgroundColor: theme.formInputBackground, border: `1px solid ${theme.formInputBorder}`, flex: 1, height: styles.mobileMinHeight, diff --git a/packages/desktop-client/src/components/modals/AccountMenuModal.tsx b/packages/desktop-client/src/components/modals/AccountMenuModal.tsx index b36318ea864..9cb01db9df4 100644 --- a/packages/desktop-client/src/components/modals/AccountMenuModal.tsx +++ b/packages/desktop-client/src/components/modals/AccountMenuModal.tsx @@ -96,7 +96,6 @@ export function AccountMenuModal({ const buttonStyle: CSSProperties = { ...styles.mediumText, height: styles.mobileMinHeight, - color: theme.formLabelText, // Adjust based on desired number of buttons per row. flexBasis: '100%', }; diff --git a/packages/desktop-client/src/components/modals/CategoryGroupMenuModal.tsx b/packages/desktop-client/src/components/modals/CategoryGroupMenuModal.tsx index f502a62f41c..d14068694d9 100644 --- a/packages/desktop-client/src/components/modals/CategoryGroupMenuModal.tsx +++ b/packages/desktop-client/src/components/modals/CategoryGroupMenuModal.tsx @@ -81,7 +81,6 @@ export function CategoryGroupMenuModal({ const buttonStyle: CSSProperties = { ...styles.mediumText, height: styles.mobileMinHeight, - color: theme.formLabelText, // Adjust based on desired number of buttons per row. flexBasis: '48%', marginLeft: '1%', diff --git a/packages/desktop-client/src/components/modals/CategoryMenuModal.tsx b/packages/desktop-client/src/components/modals/CategoryMenuModal.tsx index 2a238c8c5cd..aab9e4d4123 100644 --- a/packages/desktop-client/src/components/modals/CategoryMenuModal.tsx +++ b/packages/desktop-client/src/components/modals/CategoryMenuModal.tsx @@ -70,7 +70,6 @@ export function CategoryMenuModal({ const buttonStyle: CSSProperties = { ...styles.mediumText, height: styles.mobileMinHeight, - color: theme.formLabelText, // Adjust based on desired number of buttons per row. flexBasis: '100%', }; diff --git a/packages/desktop-client/src/components/modals/EnvelopeBudgetMonthMenuModal.tsx b/packages/desktop-client/src/components/modals/EnvelopeBudgetMonthMenuModal.tsx index 932b58ee216..dc1b6bae2da 100644 --- a/packages/desktop-client/src/components/modals/EnvelopeBudgetMonthMenuModal.tsx +++ b/packages/desktop-client/src/components/modals/EnvelopeBudgetMonthMenuModal.tsx @@ -46,7 +46,6 @@ export function EnvelopeBudgetMonthMenuModal({ const buttonStyle: CSSProperties = { ...styles.mediumText, height: styles.mobileMinHeight, - color: theme.formLabelText, // Adjust based on desired number of buttons per row. flexBasis: '100%', }; diff --git a/packages/desktop-client/src/components/modals/TrackingBudgetMonthMenuModal.tsx b/packages/desktop-client/src/components/modals/TrackingBudgetMonthMenuModal.tsx index f136a8ac430..6060a8d3446 100644 --- a/packages/desktop-client/src/components/modals/TrackingBudgetMonthMenuModal.tsx +++ b/packages/desktop-client/src/components/modals/TrackingBudgetMonthMenuModal.tsx @@ -47,7 +47,6 @@ export function TrackingBudgetMonthMenuModal({ const buttonStyle: CSSProperties = { ...styles.mediumText, height: styles.mobileMinHeight, - color: theme.formLabelText, // Adjust based on desired number of buttons per row. flexBasis: '100%', }; diff --git a/packages/desktop-client/src/components/schedules/ScheduleDetails.tsx b/packages/desktop-client/src/components/schedules/ScheduleDetails.tsx index dce7afb46db..bfc38541258 100644 --- a/packages/desktop-client/src/components/schedules/ScheduleDetails.tsx +++ b/packages/desktop-client/src/components/schedules/ScheduleDetails.tsx @@ -717,6 +717,10 @@ export function ScheduleDetails({ id, transaction }: ScheduleDetailsProps) { onChange={value => dispatch({ type: 'set-field', field: 'date', value }) } + buttonStyle={{ + backgroundColor: theme.tableBackground, + borderColor: theme.formInputBorder, + }} /> ) : ( ); diff --git a/packages/desktop-client/src/style/palette.ts b/packages/desktop-client/src/style/palette.ts index 3e2cf47883b..8add5513ec3 100644 --- a/packages/desktop-client/src/style/palette.ts +++ b/packages/desktop-client/src/style/palette.ts @@ -1,5 +1,7 @@ import * as oldColors from './colors'; +export const brand = '#8812E1'; + // Only for use in contextual color definitions export const gray50 = '#f6f8fa'; export const gray80 = '#f0f4f6'; diff --git a/packages/desktop-client/src/style/themes/dark.ts b/packages/desktop-client/src/style/themes/dark.ts index 893ba14df72..bb87e3be7af 100644 --- a/packages/desktop-client/src/style/themes/dark.ts +++ b/packages/desktop-client/src/style/themes/dark.ts @@ -1,25 +1,30 @@ import * as colorPalette from '../palette'; +export const brand = colorPalette.brand; + export const pageBackground = colorPalette.gray900; export const pageBackgroundModalActive = colorPalette.gray800; export const pageBackgroundTopLeft = colorPalette.navy800; export const pageBackgroundBottomRight = colorPalette.gray700; -export const pageBackgroundLineTop = colorPalette.purple400; +export const pageBackgroundLineTop = brand; export const pageBackgroundLineMid = colorPalette.navy900; export const pageBackgroundLineBottom = colorPalette.navy150; export const pageText = colorPalette.navy150; export const pageTextLight = colorPalette.navy300; -export const pageTextSubdued = colorPalette.navy500; +export const pageTextSubdued = colorPalette.navy400; export const pageTextDark = colorPalette.navy100; -export const pageTextPositive = colorPalette.purple200; -export const pageTextLink = colorPalette.purple400; +export const pageTextPositive = brand; +export const pageTextLink = brand; export const pageTextLinkLight = colorPalette.purple200; export const cardBackground = colorPalette.gray800; export const cardBorder = colorPalette.purple400; export const cardShadow = colorPalette.navy700; -export const tableBackground = colorPalette.navy800; +export const tableBackground = colorPalette.navy900; +export const tableRowBorder = colorPalette.navy600; +export const tableRowBackground = colorPalette.navy900; +export const tableRowBackgroundLight = colorPalette.navy800; export const tableRowBackgroundHover = colorPalette.navy700; export const tableText = colorPalette.navy150; export const tableTextLight = tableText; @@ -27,13 +32,13 @@ export const tableTextSubdued = colorPalette.navy500; export const tableTextSelected = colorPalette.navy150; export const tableTextHover = colorPalette.navy400; export const tableTextInactive = colorPalette.navy500; -export const tableHeaderText = colorPalette.navy300; -export const tableHeaderBackground = colorPalette.navy700; +export const tableHeaderText = colorPalette.navy150; +export const tableHeaderBackground = colorPalette.navy900; export const tableBorder = colorPalette.navy600; export const tableBorderSelected = colorPalette.purple400; -export const tableBorderHover = colorPalette.purple300; +export const tableBorderHover = brand; export const tableBorderSeparator = colorPalette.navy400; -export const tableRowBackgroundHighlight = colorPalette.purple800; +export const tableRowBackgroundHighlight = brand; export const tableRowBackgroundHighlightText = colorPalette.navy150; export const tableRowHeaderBackground = colorPalette.navy700; export const tableRowHeaderText = colorPalette.navy150; @@ -42,10 +47,10 @@ export const sidebarBackground = colorPalette.navy900; export const sidebarItemBackgroundPending = colorPalette.orange200; export const sidebarItemBackgroundPositive = colorPalette.green500; export const sidebarItemBackgroundFailed = colorPalette.red300; -export const sidebarItemAccentSelected = colorPalette.purple200; +export const sidebarItemAccentSelected = brand; export const sidebarItemBackgroundHover = colorPalette.navy700; export const sidebarItemText = colorPalette.navy150; -export const sidebarItemTextSelected = colorPalette.purple200; +export const sidebarItemTextSelected = brand; export const menuBackground = colorPalette.navy800; export const menuItemBackground = colorPalette.navy800; @@ -53,26 +58,26 @@ export const menuItemBackgroundHover = colorPalette.navy500; export const menuItemText = colorPalette.navy100; export const menuItemTextHover = colorPalette.navy50; export const menuItemTextSelected = colorPalette.purple400; -export const menuItemTextHeader = colorPalette.purple200; +export const menuItemTextHeader = brand; export const menuBorder = colorPalette.navy900; export const menuBorderHover = colorPalette.purple400; -export const menuKeybindingText = colorPalette.purple200; +export const menuKeybindingText = brand; export const menuAutoCompleteBackground = colorPalette.navy900; export const menuAutoCompleteBackgroundHover = colorPalette.navy600; export const menuAutoCompleteText = colorPalette.navy200; -export const menuAutoCompleteTextHeader = colorPalette.purple200; +export const menuAutoCompleteTextHeader = brand; export const menuAutoCompleteItemText = menuItemText; export const modalBackground = colorPalette.gray800; export const modalBorder = colorPalette.navy600; -export const mobileHeaderBackground = colorPalette.purple800; +export const mobileHeaderBackground = colorPalette.navy800; export const mobileHeaderText = colorPalette.navy150; export const mobileHeaderTextSubdued = colorPalette.gray200; export const mobileHeaderTextHover = 'rgba(200, 200, 200, .15)'; -export const mobilePageBackground = colorPalette.navy700; +export const mobilePageBackground = colorPalette.navy900; export const mobileNavBackground = colorPalette.navy800; export const mobileNavItem = colorPalette.navy150; -export const mobileNavItemSelected = colorPalette.purple400; +export const mobileNavItemSelected = brand; export const mobileAccountShadow = cardShadow; export const mobileAccountText = colorPalette.blue800; export const mobileTransactionSelected = colorPalette.purple400; @@ -99,7 +104,7 @@ export const buttonMenuSelectedBorder = buttonMenuSelectedBackground; export const buttonPrimaryText = colorPalette.white; export const buttonPrimaryTextHover = buttonPrimaryText; -export const buttonPrimaryBackground = colorPalette.purple400; +export const buttonPrimaryBackground = brand; export const buttonPrimaryBackgroundHover = colorPalette.purple600; export const buttonPrimaryBorder = buttonPrimaryBackground; export const buttonPrimaryShadow = 'rgba(0, 0, 0, 0.6)'; @@ -114,12 +119,12 @@ export const buttonNormalBackgroundHover = colorPalette.navy600; export const buttonNormalBorder = colorPalette.navy300; export const buttonNormalShadow = 'rgba(0, 0, 0, 0.4)'; export const buttonNormalSelectedText = colorPalette.white; -export const buttonNormalSelectedBackground = colorPalette.purple600; +export const buttonNormalSelectedBackground = brand; export const buttonNormalDisabledText = colorPalette.navy500; export const buttonNormalDisabledBackground = colorPalette.navy800; export const buttonNormalDisabledBorder = colorPalette.navy500; -export const calendarText = colorPalette.navy50; +export const calendarText = colorPalette.navy150; export const calendarBackground = colorPalette.navy900; export const calendarItemText = colorPalette.navy150; export const calendarItemBackground = colorPalette.navy800; @@ -152,40 +157,40 @@ export const errorTextDark = colorPalette.red150; export const errorTextDarker = errorTextDark; export const errorTextMenu = colorPalette.red200; export const errorBorder = colorPalette.red500; -export const upcomingBackground = colorPalette.purple700; +export const upcomingBackground = brand; export const upcomingText = colorPalette.purple100; export const upcomingBorder = tableBorder; -export const formLabelText = colorPalette.purple150; +export const formLabelText = brand; export const formLabelBackground = colorPalette.blue900; export const formInputBackground = colorPalette.navy800; export const formInputBackgroundSelected = colorPalette.navy700; export const formInputBackgroundSelection = colorPalette.purple400; export const formInputBorder = colorPalette.navy600; export const formInputTextReadOnlySelection = colorPalette.navy800; -export const formInputBorderSelected = colorPalette.purple400; +export const formInputBorderSelected = brand; export const formInputText = colorPalette.navy150; export const formInputTextSelected = colorPalette.black; export const formInputTextPlaceholder = colorPalette.navy150; export const formInputTextPlaceholderSelected = colorPalette.navy100; export const formInputTextSelection = colorPalette.navy800; -export const formInputShadowSelected = colorPalette.purple200; -export const formInputTextHighlight = colorPalette.purple400; +export const formInputShadowSelected = brand; +export const formInputTextHighlight = brand; export const checkboxText = tableText; -export const checkboxBackgroundSelected = colorPalette.purple300; +export const checkboxBackgroundSelected = brand; export const checkboxBorderSelected = colorPalette.purple300; export const checkboxShadowSelected = colorPalette.purple500; export const checkboxToggleBackground = colorPalette.gray700; -export const checkboxToggleBackgroundSelected = colorPalette.purple300; +export const checkboxToggleBackgroundSelected = brand; export const checkboxToggleDisabled = colorPalette.gray400; -export const pillBackground = colorPalette.navy800; +export const pillBackground = colorPalette.navy900; export const pillBackgroundLight = colorPalette.navy900; -export const pillText = colorPalette.navy200; -export const pillTextHighlighted = colorPalette.purple200; +export const pillText = colorPalette.navy150; +export const pillTextHighlighted = brand; export const pillBorder = colorPalette.navy700; export const pillBorderDark = pillBorder; -export const pillBackgroundSelected = colorPalette.purple600; +export const pillBackgroundSelected = brand; export const pillTextSelected = colorPalette.navy150; export const pillBorderSelected = colorPalette.purple400; export const pillTextSubdued = colorPalette.navy500; @@ -201,10 +206,10 @@ export const noteTagBackground = colorPalette.purple700; export const noteTagBackgroundHover = colorPalette.purple500; export const noteTagText = colorPalette.purple100; -export const budgetOtherMonth = colorPalette.navy900; -export const budgetCurrentMonth = tableBackground; +export const budgetOtherMonth = colorPalette.navy700; +export const budgetCurrentMonth = colorPalette.navy800; export const budgetHeaderOtherMonth = colorPalette.navy800; -export const budgetHeaderCurrentMonth = tableHeaderBackground; +export const budgetHeaderCurrentMonth = colorPalette.navy700; export const floatingActionBarBackground = colorPalette.purple800; export const floatingActionBarBorder = floatingActionBarBackground; diff --git a/packages/desktop-client/src/style/themes/development.ts b/packages/desktop-client/src/style/themes/development.ts index 08595b10c6b..f953d256e68 100644 --- a/packages/desktop-client/src/style/themes/development.ts +++ b/packages/desktop-client/src/style/themes/development.ts @@ -1,5 +1,7 @@ import * as colorPalette from '../palette'; +export const brand = colorPalette.brand; + export const pageBackground = colorPalette.navy100; export const pageBackgroundModalActive = colorPalette.navy200; export const pageBackgroundTopLeft = colorPalette.navy100; @@ -20,6 +22,9 @@ export const cardBorder = colorPalette.purple700; export const cardShadow = colorPalette.navy700; export const tableBackground = colorPalette.white; +export const tableRowBorder = colorPalette.navy100; +export const tableRowBackground = colorPalette.white; +export const tableRowBackgroundLight = colorPalette.navy50; export const tableRowBackgroundHover = colorPalette.navy50; export const tableText = pageText; export const tableTextLight = colorPalette.navy400; @@ -35,7 +40,7 @@ export const tableBorderHover = colorPalette.purple400; export const tableBorderSeparator = colorPalette.navy400; export const tableRowBackgroundHighlight = colorPalette.blue150; export const tableRowBackgroundHighlightText = colorPalette.navy700; -export const tableRowHeaderBackground = colorPalette.navy50; +export const tableRowHeaderBackground = colorPalette.navy100; export const tableRowHeaderText = colorPalette.navy800; export const sidebarBackground = colorPalette.navy900; @@ -65,14 +70,14 @@ export const menuAutoCompleteItemText = menuAutoCompleteText; export const modalBackground = colorPalette.white; export const modalBorder = colorPalette.white; -export const mobileHeaderBackground = colorPalette.purple400; +export const mobileHeaderBackground = brand; export const mobileHeaderText = colorPalette.navy50; export const mobileHeaderTextSubdued = colorPalette.gray200; export const mobileHeaderTextHover = 'rgba(200, 200, 200, .15)'; export const mobilePageBackground = colorPalette.navy50; export const mobileNavBackground = colorPalette.white; export const mobileNavItem = colorPalette.gray300; -export const mobileNavItemSelected = colorPalette.purple500; +export const mobileNavItemSelected = brand; export const mobileAccountShadow = colorPalette.navy300; export const mobileAccountText = colorPalette.blue800; export const mobileTransactionSelected = colorPalette.purple500; @@ -201,9 +206,9 @@ export const noteTagBackground = colorPalette.purple100; export const noteTagBackgroundHover = colorPalette.purple150; export const noteTagText = colorPalette.purple700; -export const budgetCurrentMonth = tableBackground; +export const budgetCurrentMonth = colorPalette.white; export const budgetOtherMonth = colorPalette.gray50; -export const budgetHeaderCurrentMonth = budgetOtherMonth; +export const budgetHeaderCurrentMonth = colorPalette.gray50; export const budgetHeaderOtherMonth = colorPalette.gray80; export const floatingActionBarBackground = colorPalette.purple400; diff --git a/packages/desktop-client/src/style/themes/light.ts b/packages/desktop-client/src/style/themes/light.ts index df648c74f12..7372364717e 100644 --- a/packages/desktop-client/src/style/themes/light.ts +++ b/packages/desktop-client/src/style/themes/light.ts @@ -1,5 +1,7 @@ import * as colorPalette from '../palette'; +export const brand = colorPalette.brand; + export const pageBackground = colorPalette.navy100; export const pageBackgroundModalActive = colorPalette.navy200; export const pageBackgroundTopLeft = colorPalette.navy100; @@ -20,6 +22,9 @@ export const cardBorder = colorPalette.purple700; export const cardShadow = colorPalette.navy700; export const tableBackground = colorPalette.white; +export const tableRowBorder = colorPalette.navy100; +export const tableRowBackground = colorPalette.white; +export const tableRowBackgroundLight = colorPalette.navy50; export const tableRowBackgroundHover = colorPalette.navy50; export const tableText = pageText; export const tableTextLight = colorPalette.navy400; @@ -35,7 +40,7 @@ export const tableBorderHover = colorPalette.purple400; export const tableBorderSeparator = colorPalette.navy400; export const tableRowBackgroundHighlight = colorPalette.blue150; export const tableRowBackgroundHighlightText = colorPalette.navy700; -export const tableRowHeaderBackground = colorPalette.navy50; +export const tableRowHeaderBackground = colorPalette.navy100; export const tableRowHeaderText = colorPalette.navy800; export const sidebarBackground = colorPalette.navy900; @@ -67,14 +72,14 @@ export const menuAutoCompleteItemText = menuAutoCompleteText; export const modalBackground = colorPalette.white; export const modalBorder = colorPalette.white; -export const mobileHeaderBackground = colorPalette.purple400; +export const mobileHeaderBackground = brand; export const mobileHeaderText = colorPalette.navy50; export const mobileHeaderTextSubdued = colorPalette.gray200; export const mobileHeaderTextHover = 'rgba(200, 200, 200, .15)'; export const mobilePageBackground = colorPalette.navy50; export const mobileNavBackground = colorPalette.white; export const mobileNavItem = colorPalette.gray300; -export const mobileNavItemSelected = colorPalette.purple500; +export const mobileNavItemSelected = brand; export const mobileAccountShadow = colorPalette.navy300; export const mobileAccountText = colorPalette.blue800; export const mobileTransactionSelected = colorPalette.purple500; @@ -203,9 +208,9 @@ export const noteTagBackground = colorPalette.purple100; export const noteTagBackgroundHover = colorPalette.purple150; export const noteTagText = colorPalette.purple700; -export const budgetCurrentMonth = tableBackground; +export const budgetCurrentMonth = colorPalette.white; export const budgetOtherMonth = colorPalette.gray50; -export const budgetHeaderCurrentMonth = budgetOtherMonth; +export const budgetHeaderCurrentMonth = colorPalette.gray50; export const budgetHeaderOtherMonth = colorPalette.gray80; export const floatingActionBarBackground = colorPalette.purple400; diff --git a/packages/desktop-client/src/style/themes/midnight.ts b/packages/desktop-client/src/style/themes/midnight.ts index 71400907ea5..223fb70d5fc 100644 --- a/packages/desktop-client/src/style/themes/midnight.ts +++ b/packages/desktop-client/src/style/themes/midnight.ts @@ -1,5 +1,7 @@ import * as colorPalette from '../palette'; +export const brand = colorPalette.brand; + export const pageBackground = colorPalette.gray600; export const pageBackgroundModalActive = colorPalette.gray700; export const pageBackgroundTopLeft = colorPalette.gray800; @@ -20,6 +22,9 @@ export const cardBorder = colorPalette.purple300; export const cardShadow = colorPalette.gray900; export const tableBackground = colorPalette.gray800; +export const tableRowBorder = colorPalette.gray600; +export const tableRowBackground = colorPalette.gray800; +export const tableRowBackgroundLight = colorPalette.gray700; export const tableRowBackgroundHover = colorPalette.gray500; export const tableText = colorPalette.gray150; export const tableTextLight = tableText; @@ -35,7 +40,7 @@ export const tableBorderHover = colorPalette.purple300; export const tableBorderSeparator = colorPalette.gray400; export const tableRowBackgroundHighlight = colorPalette.purple150; export const tableRowBackgroundHighlightText = colorPalette.gray800; -export const tableRowHeaderBackground = colorPalette.gray700; +export const tableRowHeaderBackground = colorPalette.gray600; export const tableRowHeaderText = colorPalette.gray150; export const sidebarBackground = colorPalette.gray900; @@ -204,9 +209,9 @@ export const noteTagBackgroundHover = colorPalette.purple600; export const noteTagText = colorPalette.purple100; export const budgetOtherMonth = colorPalette.gray700; -export const budgetCurrentMonth = tableBackground; +export const budgetCurrentMonth = colorPalette.gray800; export const budgetHeaderOtherMonth = colorPalette.gray800; -export const budgetHeaderCurrentMonth = tableHeaderBackground; +export const budgetHeaderCurrentMonth = colorPalette.gray900; export const floatingActionBarBackground = colorPalette.gray900; export const floatingActionBarBorder = colorPalette.purple300;