sideBar Dark Color changes

[carkom]

Dark Theme sidebar color updates.

Takes place of #1821

[netlify]

✅ Deploy Preview for actualbudget ready!

Name	Link
🔨 Latest commit	be4cd1f
🔍 Latest deploy log	https://app.netlify.com/sites/actualbudget/deploys/6554b3da889cb00008327843
😎 Deploy Preview	https://deploy-preview-1887.demo.actualbudget.org
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[carkom]

@rich-howell , can you do your AA and AAA checks on these?

[github-actions]

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 (-408 B)	-0.01%

Changeset

File	Δ	Size
src/style/themes/development.ts	📈 +62 B (+0.62%)	9.8 kB → 9.86 kB
src/components/Page.tsx	📉 -1 B (-0.05%)	1.96 kB → 1.96 kB
src/components/sidebar/Account.tsx	📉 -4 B (-0.08%)	4.76 kB → 4.76 kB
src/style/themes/dark.ts	📉 -241 B (-2.39%)	9.83 kB → 9.6 kB
src/style/themes/light.ts	📉 -242 B (-2.41%)	9.81 kB → 9.57 kB

View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

No assets were bigger

Smaller

Asset	File Size	% Changed
static/js/main.js	1.15 MB → 1.15 MB (-408 B)	-0.03%

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/wide-components.chunk.js	127.16 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/312.chunk.js	12.92 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%

[github-actions]

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%

[rich-howell]

@rich-howell , can you do your AA and AAA checks on these?

For the selected item it now passes :)

[rich-howell]

This PR for whatever reason also seems to resolve #1869

[youngcw]

I feel like the new sidebar colors don't match the other colors. The new sidebar looks way more gray than the other blue hue colors.

[carkom]

I feel like the new sidebar colors don't match the other colors. The new sidebar looks way more gray than the other blue hue colors.

The reason for the move to gray is to create contrast between the tables and the sidebar.

"navy700" blends in with split transactions
"navy800" blends with table background

I'm open to suggestions.

[carkom]

Navy900 give good contrast and keeps with the theme. I like that, what do you think?

[youngcw]

I like that navy900 option. Is that the same as the light theme?

[carkom]

I like that navy900 option. Is that the same as the light theme?

It is.

[carkom]

I agree, I like it better as well. Adds some synergy being the same in both themes.