# Colour mode in Chakra

**URL:** <https://forum.codewithmosh.com/t/colour-mode-in-chakra/72352>\
**Category:** React\
**Created:** [March 12, 2026, 5:57am UTC](https://forum.codewithmosh.com/t/colour-mode-in-chakra/72352 "2026-03-12T05:57:30Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Amoako2](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/amoako2/32/14605_2.png) [@Amoako2](https://forum.codewithmosh.com/u/Amoako2)\
**Post date:** [March 12, 2026, 5:57am UTC](https://forum.codewithmosh.com/t/colour-mode-in-chakra/72352/1 "2026-03-12T05:57:30Z")

</div>

Colour mode in Chakra UI is not working. What is the best way to implement it

---

<div class="post-metadata">

**Author:** ![Shehu](https://avatars.discourse-cdn.com/v4/letter/s/87869e/32.png) [@Shehu](https://forum.codewithmosh.com/u/Shehu)\
**Post date:** [March 12, 2026, 9:37pm UTC](https://forum.codewithmosh.com/t/colour-mode-in-chakra/72352/2 "2026-03-12T21:37:34Z")

</div>

Hey. If this is the same course where the Aside is not working, I would see if changing to an older version of chakra fixes the issues. If that doesn’t work, tell me which version of Chakra UI that you are using so I can help troubleshoot.

---

<div class="post-metadata">

**Author:** ![Amoako2](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/amoako2/32/14605_2.png) [@Amoako2](https://forum.codewithmosh.com/u/Amoako2)\
**Post date:** [March 13, 2026, 5:54am UTC](https://forum.codewithmosh.com/t/colour-mode-in-chakra/72352/3 "2026-03-13T05:54:16Z")

</div>

I’m currently using the current version v3.34

---

<div class="post-metadata">

**Author:** ![vbrown984](https://avatars.discourse-cdn.com/v4/letter/v/b9bd4f/32.png) [@vbrown984](https://forum.codewithmosh.com/u/vbrown984)\
**Post date:** [May 18, 2026, 2:27pm UTC](https://forum.codewithmosh.com/t/colour-mode-in-chakra/72352/4 "2026-05-18T14:27:17Z")

</div>

In Chakra UI the most reliable way is using ColorModeScript + ChakraProvider with a proper theme config, and controlling it via useColorMode() / useColorModeValue(). If it’s not working, it’s usually a theme/provider setup issue.