docs(color-mode): updates docsite to reflect current behavior

[tresorama]

📝 Description

Update doc page for Color Mode to reflect current behavior.

⛳️ Current behavior (updates)

Current doc suggest a wrong use of the Color Mode API.
Current docs refers to Chakra v1 behavior of the Color Mode, not to v2.

🚀 New behavior

Help newcomers to understand current behavior and avoid confusion.

Proposed changes:

• Suggest common usages of the theme config ready to copy/paste, with the idea to remove confusion.
• Add an introduction to Color Mode
• Clarify default value of theme config options.
• Link a playground for manual testing of theme config options.

💣 Is this a breaking change (Yes/No): No

📝 Additional Information

Chakra v2 updated the code (as stated here and here ) and confirmed by a codesandbox i created to test).

There are two sentences that need to be reviewed, these will be commented in PR comments.

tresorama

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
chakra-ui-docs	✅ Ready (Inspect)	Visit Preview	Dec 29, 2022 at 11:31PM (UTC)

[tresorama]

Adding this comment to make clear that requested changes are now included in 1d1ec8b commit , all but one.

The one still unresolved is #1062 (review)

[aacevski]

Other than the comment I wrote, everything looks okay on my end! When it has been resolved we can merge this!

[tresorama]

Other than the comment I wrote, everything looks okay on my end! When it has been resolved we can merge this!

Great to hear that !
I'm excited to contribute to this great library.

My feature branch is behind main. How should i approach this?
Rebase chakra-ui:main into tresorama:docs/color-mode ?
Doing nothing ?
Other ?

[aacevski]

Other than the comment I wrote, everything looks okay on my end! When it has been resolved we can merge this!

Great to hear that ! I'm excited to contribute to this great library.

My feature branch is behind main. How should i approach this? Rebase chakra-ui:main into tresorama:docs/color-mode ? Doing nothing ? Other ?

Hey, you need to go to your fork and click this button and then merge the main branch into yours.

[tresorama]

Merged. Let me know if something else need to be done on my end.

[aacevski]

One small thing, these two look too much in my opinion, can you maybe make the first Alert as a text and see how it looks?

[aacevski]

This is perfect, thanks a lot. Merging this 🚀

[tresorama]

This is perfect, thanks a lot. Merging this 🚀

Awesome !
Glad to give something back to Chakra 🤙

Happy end of year Andrej.