-
-
Notifications
You must be signed in to change notification settings - Fork 1.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Consolidate Notice Colors #1724
Consolidate Notice Colors #1724
Conversation
✅ Deploy Preview for actualbudget ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
@@ -159,7 +159,7 @@ export function Balances({ | |||
value < 0 | |||
? theme.errorText | |||
: value > 0 | |||
? theme.noticeText | |||
? theme.noticeTextLight | |||
: theme.pageTextSubdued, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
@@ -100,7 +100,7 @@ function AccountCard({ account, updated, getBalanceQuery, onSelect }) { | |||
{account.bankId && ( | |||
<View | |||
style={{ | |||
backgroundColor: theme.noticeText, | |||
backgroundColor: theme.noticeBackgroundDark, | |||
marginLeft: '-23px', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
@@ -45,7 +45,7 @@ export function ReconcilingMessage({ | |||
{targetDiff === 0 ? ( | |||
<View | |||
style={{ | |||
color: theme.noticeText, | |||
color: theme.noticeTextLight, | |||
flex: 1, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
@@ -93,7 +93,7 @@ function CategoryList({ | |||
alignItems: 'center', | |||
fontSize: 11, | |||
fontWeight: 500, | |||
color: theme.noticeAccent, | |||
color: theme.noticeTextMenu, | |||
padding: '6px 8px', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
@@ -99,7 +99,7 @@ function PayeeList({ | |||
<View | |||
style={{ | |||
display: 'block', | |||
color: theme.noticeAccent, | |||
color: theme.noticeTextMenu, | |||
borderRadius: 4, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
@@ -99,7 +99,7 @@ function IncomeProgress({ current, target }: IncomeProgressProps) { | |||
return ( | |||
<PieProgress | |||
progress={frac} | |||
color={over ? theme.errorText : theme.noticeText} | |||
color={over ? theme.errorText : theme.noticeTextLight} | |||
backgroundColor={over ? theme.errorBackground : theme.pageBackground} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
@@ -132,7 +132,7 @@ function ExpenseProgress({ current, target }: ExpenseProgressProps) { | |||
return ( | |||
<PieProgress | |||
progress={frac} | |||
color={over ? theme.errorText : theme.noticeText} | |||
color={over ? theme.errorText : theme.noticeTextLight} | |||
backgroundColor={over ? theme.errorBackground : theme.pageBackground} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
Bundle Stats — desktop-clientHey there, this message comes from a GitHub action that helps you and reviewers to understand how these changes affect the size of this project's bundle. As this PR is updated, I'll keep you updated on how the bundle size is impacted. Total
Changeset
View detailed bundle breakdownAdded No assets were added Removed No assets were removed Bigger
Smaller
Unchanged
|
Bundle Stats — loot-coreHey there, this message comes from a GitHub action that helps you and reviewers to understand how these changes affect the size of this project's bundle. As this PR is updated, I'll keep you updated on how the bundle size is impacted. Total
Changeset No files were changed View detailed bundle breakdownAdded No assets were added Removed No assets were removed Bigger No assets were bigger Smaller No assets were smaller Unchanged
|
@@ -73,7 +73,7 @@ export default function ChangePassword() { | |||
<Text | |||
style={{ | |||
marginTop: 20, | |||
color: theme.noticeText, | |||
color: theme.noticeTextLight, | |||
borderRadius: 4, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
@@ -10,7 +10,7 @@ function Change({ amount }) { | |||
<Block | |||
style={{ | |||
...styles.smallText, | |||
color: amount < 0 ? theme.errorText : theme.noticeText, | |||
color: amount < 0 ? theme.errorText : theme.noticeTextLight, | |||
}} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
@@ -168,7 +168,7 @@ export function ScheduleAmountCell({ | |||
<Text | |||
style={{ | |||
flex: 1, | |||
color: num > 0 ? theme.noticeText : theme.tableText, | |||
color: num > 0 ? theme.noticeTextLight : theme.tableText, | |||
whiteSpace: 'nowrap', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
@@ -26,7 +26,7 @@ export default function EncryptionSettings() { | |||
primaryAction={<Button onClick={onChangeKey}>Generate new key</Button>} | |||
> | |||
<Text> | |||
<Text style={{ color: theme.noticeText, fontWeight: 600 }}> | |||
<Text style={{ color: theme.noticeTextLight, fontWeight: 600 }}> | |||
End-to-end Encryption is turned on. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
@@ -1001,7 +1001,9 @@ class Transaction extends PureComponent { | |||
style={{ | |||
width: 11, | |||
height: 11, | |||
color: cleared ? theme.noticeText : theme.altButtonBareText, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
@@ -416,7 +416,7 @@ function StatusCell({ | |||
|
|||
let statusColor = | |||
status === 'cleared' | |||
? theme.noticeText |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No change
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM on my end.
Is this just a POC? I'm happy to merge it unless you plan to continue working in this PR.
No, not just POC. It's more like the first of many 🤣 |
This is a proof of concept for consolidating colors to make the apps color scheme more consistent. We are using 5 different shades of dark green for text fields. Looking to slim this down to 3 and consolidate background colors a bit as well and clean up the naming standards.
It should also help to make the palette more compact allowing for easier creation of more themes.
There are places where the color hasn't actually changed but the name of the color has. I'll try to point out the bits where the color has changed by one shade so you don't have to review all the ones where color is the same but name is different.