Skip to content
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

Color Consolidations #1868

Merged
merged 21 commits into from
Nov 15, 2023
Merged

Color Consolidations #1868

merged 21 commits into from
Nov 15, 2023

Conversation

carkom
Copy link
Contributor

@carkom carkom commented Nov 6, 2023

Consolidating colors so they are more consistent across the app from one page to the next. This also helps with staging dark theme colors.

Copy link

netlify bot commented Nov 6, 2023

Deploy Preview for actualbudget ready!

Name Link
🔨 Latest commit 14c7623
🔍 Latest deploy log https://app.netlify.com/sites/actualbudget/deploys/6553f4582bddd70008144317
😎 Deploy Preview https://deploy-preview-1868.demo.actualbudget.org
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Contributor

github-actions bot commented Nov 6, 2023

Bundle Stats — desktop-client

Hey 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

Files count Total bundle size % Changed
16 2.88 MB → 2.88 MB (+218 B) +0.01%
Changeset
File Δ Size
src/style/themes/development.ts 📈 +414 B (+4.30%) 9.39 kB → 9.8 kB
src/components/NotesButton.tsx 📈 +96 B (+1.70%) 5.53 kB → 5.62 kB
src/components/accounts/Header.js 📈 +75 B (+0.39%) 18.71 kB → 18.78 kB
src/style/themes/dark.ts 📈 +10 B (+0.10%) 9.82 kB → 9.83 kB
src/components/manager/Import.js 📈 +3 B (+0.06%) 4.77 kB → 4.77 kB
src/components/settings/UI.tsx 📈 +1 B (+0.04%) 2.4 kB → 2.4 kB
src/components/budget/rollover/BudgetSummary.tsx 📈 +1 B (+0.00%) 20.99 kB → 20.99 kB
src/components/modals/EditRule.js 📉 -6 B (-0.02%) 36.38 kB → 36.37 kB
src/components/transactions/MobileTransaction.js 📉 -8 B (-0.02%) 48.42 kB → 48.42 kB
src/components/modals/GoCardlessExternalMsg.js 📉 -3 B (-0.02%) 13.22 kB → 13.22 kB
src/components/filters/FiltersMenu.js 📉 -9 B (-0.04%) 23.48 kB → 23.47 kB
src/components/modals/EditField.js 📉 -3 B (-0.04%) 6.51 kB → 6.51 kB
src/components/table.tsx 📉 -15 B (-0.05%) 32.44 kB → 32.43 kB
src/components/accounts/Balance.js 📉 -8 B (-0.12%) 6.67 kB → 6.67 kB
src/components/alerts.tsx 📉 -3 B (-0.13%) 2.33 kB → 2.33 kB
src/components/select/DateSelect.tsx 📉 -15 B (-0.13%) 11.42 kB → 11.41 kB
src/components/budget/MonthCountSelector.tsx 📉 -2 B (-0.14%) 1.44 kB → 1.44 kB
src/components/rules/ActionExpression.tsx 📉 -6 B (-0.29%) 2.04 kB → 2.04 kB
src/components/rules/ConditionExpression.tsx 📉 -6 B (-0.41%) 1.44 kB → 1.44 kB
src/components/forms.tsx 📉 -14 B (-0.46%) 2.95 kB → 2.94 kB
src/style/themes/light.ts 📉 -183 B (-1.79%) 9.98 kB → 9.81 kB
View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

Asset File Size % Changed
static/js/main.js 1.15 MB → 1.15 MB (+144 B) +0.01%
static/js/wide-components.chunk.js 127.08 kB → 127.16 kB (+83 B) +0.06%

Smaller

Asset File Size % Changed
static/js/312.chunk.js 12.93 kB → 12.92 kB (-9 B) -0.07%

Unchanged

Asset File Size % Changed
static/js/460.chunk.js 774.35 kB 0%
static/media/Inter-italic.var.woff2 239.29 kB 0%
static/media/Inter-roman.var.woff2 221.86 kB 0%
static/js/444.chunk.js 156.11 kB 0%
static/js/231.chunk.js 117.37 kB 0%
static/js/narrow-components.chunk.js 52.15 kB 0%
static/js/reports.chunk.js 35.97 kB 0%
static/js/473.chunk.js 13 kB 0%
static/js/resize-observer-polyfill.chunk.js 8.88 kB 0%
static/css/main.css 7.41 kB 0%
asset-manifest.json 2.07 kB 0%
index.html 1.66 kB 0%
static/media/browser-server.js 903 B 0%

Copy link
Contributor

github-actions bot commented Nov 6, 2023

Bundle Stats — loot-core

Hey 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

Files count Total bundle size % Changed
2 2.22 MB 0%

Changeset

No files were changed

View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

No assets were bigger

Smaller

No assets were smaller

Unchanged

Asset File Size % Changed
kcab.worker.js 1.23 MB 0%
xfo.xfo.kcab.worker.js 1014.46 kB 0%

@carkom carkom force-pushed the colorConsolidations branch from 9ce41d5 to feddce0 Compare November 7, 2023 14:16
@carkom
Copy link
Contributor Author

carkom commented Nov 7, 2023

Only one small regression here. The rest of the work is re-naming and re-organizing the theme colors.

A slight visual regression in the settings page as it was using a border color that wasn't being used anywhere else in the app. I choose to match the color standardization that is used everywhere else in the app rather than have this be an entirely unique element not used anywhere else. Cheers!

@youngcw
Copy link
Member

youngcw commented Nov 10, 2023

Ill approve this once the conflicts are cleared up. We probably should get another approval though because of the small change.

@MatissJanis
Copy link
Member

MatissJanis commented Nov 11, 2023

Just looking at the screenshots: it seems the border for checkboxes is now wrong. Looks like it always highlights them as "active" even if the user is not actively using them.

Also - I'm not really a fan of the removal of the border. Could we instead use a different color for it from the existing palette instead of removing them entirely?

@carkom
Copy link
Contributor Author

carkom commented Nov 12, 2023

Just looking at the screenshots: it seems the border for checkboxes is now wrong. Looks like it always highlights them as "active" even if the user is not actively using them.

Also - I'm not really a fan of the removal of the border. Could we instead use a different color for it from the existing palette instead of removing them entirely?

Fixed both, thanks for the review. Let me know if ready to merge or if there's any other changes needed.

@MatissJanis
Copy link
Member

New warning color looks much better! Thanks for taking care of that too!

Also - I'm not really a fan of the removal of the border. Could we instead use a different color for it from the existing palette instead of removing them entirely?

This one isn't done yet. The new border for settings block is either transparent or just too light (in lightmode) compared to before.

This reverts commit ae58317.
@carkom
Copy link
Contributor Author

carkom commented Nov 12, 2023

This one isn't done yet. The new border for settings block is either transparent or just too light (in lightmode) compared to before.

I made it a shade darker in light mode. LMK!

@MatissJanis
Copy link
Member

Settings page card border now looks good.

But the checkbox border issue is back.

@carkom
Copy link
Contributor Author

carkom commented Nov 13, 2023

Settings page card border now looks good.

But the checkbox border issue is back.

Yep, I see what I did there. Accidently reverted the fix. It's back in now. 😬

Copy link
Member

@MatissJanis MatissJanis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@carkom carkom merged commit fecc917 into actualbudget:master Nov 15, 2023
17 checks passed
@carkom carkom deleted the colorConsolidations branch November 15, 2023 09:18
@trafico-bot trafico-bot bot added ✨ Merged Pull Request has been merged successfully and removed ✅ Approved labels Nov 15, 2023
FlorianLang06 pushed a commit to FlorianLang06/actual that referenced this pull request Mar 7, 2024
* Color normalization

* color updates

* VRT updates

* update colors table

* VRT updates

* more VRT updates

* pillborder

* VRT updates

* Revert "VRT updates"

This reverts commit ae58317.

* Revert "more VRT updates"

This reverts commit a316745.

* Revert "VRT updates"

This reverts commit 03797af.

* Revert "VRT updates"

This reverts commit 454adac.

* VRT refresh

* border color

* Checkbox Border

* VRT updates
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ Merged Pull Request has been merged successfully
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants