github-starred/actual
2
0
Fork 0
mirror of https://github.com/actualbudget/actual.git synced 2026-03-11 20:44:32 -05:00
Code Issues 250 Packages Projects Releases 53 Wiki Activity

Update colors

Browse Source
This commit is contained in:
Joel Jeremy Marquez
2025-02-27 11:03:25 -08:00
parent ff09e95aa8
commit 1816e693fc
5 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/desktop-client/src/components/mobile/MobileForms.tsx
View File

@@ -65,7 +65,7 @@ export const InputField = forwardRef<HTMLInputElement, InputFieldProps>(
color: disabled ? theme.tableTextInactive : theme.tableText,
backgroundColor: disabled
? theme.formInputTextReadOnlySelection
: theme.tableBackground,
: theme.formInputBackground,
}}
{...props}
/>
@@ -104,7 +104,7 @@ export const TapField = forwardRef<HTMLButtonElement, TapFieldProps>(
alignItems: 'center',
...style,
...valueStyle,
backgroundColor: theme.tableBackground,
backgroundColor: theme.formInputBackground,
...(disabled && {
backgroundColor: theme.formInputTextReadOnlySelection,
}),

2
packages/desktop-client/src/components/mobile/transactions/TransactionList.tsx
View File

@@ -161,7 +161,7 @@ export function TransactionList({
<Header
style={{
...styles.smallText,
backgroundColor: theme.pageBackground,
backgroundColor: theme.tableRowHeaderBackground,
color: theme.tableHeaderText,
display: 'flex',
justifyContent: 'center',

3
packages/desktop-client/src/components/mobile/transactions/TransactionListWithBalances.tsx
View File

@@ -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,

1
packages/desktop-client/src/components/modals/AccountMenuModal.tsx
View File

@@ -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%',
};

4
packages/desktop-client/src/style/themes/dark.ts
View File

@@ -74,7 +74,7 @@ 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 = brand;
@@ -207,7 +207,7 @@ export const noteTagBackgroundHover = colorPalette.purple500;
export const noteTagText = colorPalette.purple100;
export const budgetOtherMonth = colorPalette.navy800;
export const budgetCurrentMonth = tableBackground;
export const budgetCurrentMonth = tableRowBackground;
export const budgetHeaderOtherMonth = colorPalette.navy700;
export const budgetHeaderCurrentMonth = tableRowHeaderBackground;