style: changed Chakra UI to dark theme

[flohoch]

No description provided.

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 94 lines in your changes are missing coverage. Please review.

Project coverage is 2.94%. Comparing base (670f7a8) to head (795a3f6).
Report is 1 commits behind head on main.

Files	Patch %	Lines
pages/orgs/[orgId]/apps/[appId]/messages/index.tsx	0.00%	11 Missing ⚠️
styles/appColors.ts	0.00%	9 Missing ⚠️
pages/orgs/[orgId]/apps/[appId]/messages/new.tsx	0.00%	8 Missing ⚠️
pages/orgs/[orgId]/apps/[appId]/settings.tsx	0.00%	8 Missing ⚠️
pages/profile.tsx	0.00%	8 Missing ⚠️
pages/resetPassword.tsx	0.00%	7 Missing ⚠️
components/AuthForm.tsx	0.00%	6 Missing ⚠️
pages/orgs/[orgId]/apps/new.tsx	0.00%	6 Missing ⚠️
pages/reset.tsx	0.00%	6 Missing ⚠️
components/Navbar.tsx	0.00%	5 Missing ⚠️
... and 9 more

Additional details and impacted files

@@           Coverage Diff            @@
##            main    #859      +/-   ##
========================================
- Coverage   2.96%   2.94%   -0.02%     
========================================
  Files        131     133       +2     
  Lines       2937    2952      +15     
  Branches     303     303              
========================================
  Hits          87      87              
- Misses      2848    2863      +15     
  Partials       2       2              

Flag	Coverage Δ
unittests	2.94% <0.00%> (-0.02%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[philprime]

I think we should do something about "Create new account" and "forgot password" being unreadable with that low contrast between purple font color and black background

CC @copieman

[philprime]

Same applies to gray on black

[philprime]

Maybe the date picker should also use the dark theme

[philprime]

In general the low contrast between text and background takes a big toll on usability.
There is no more distinction between placeholders and the acutal entered text in the textfields.

[philprime]

In my opinion these changes are not an improvement

[philprime]

@copieman @flohoch it might be a good idea to look at the colors on a lower-/mid-quality monitor. The contrast might be good on an iMac or on an Apple Studio display, but when I tested it I used my "normal" Samsung Monitors and it was sunny inside and outside

[copieman]

Changes @flohoch

• Button Text like create new Account etc. get the new color "light purple" #BC92E4 (it's WCAG compliant)
• The Text Color #8E8E93 that I selected is also WCAG compliant, so check if in the second picture it's rightly chosen
• Date Picker dark if possible of course, makes sense
• Text, when typed in should be white #FFFFFF