dark mode by default

Description

How can i keep dark mode by default

Link to Reproduction

https://www.dsabyte.com

Steps to reproduce

1. Go here when the website loads, the first white background appears then dark.

Chakra UI Version

latest

Browser

chrome

Operating System

• macOS
• Windows
• Linux

Additional Information

My theme config

import { extendTheme } from "@chakra-ui/react"

const config = {
  initialColorMode: "dark",
  useSystemColorMode: false,
}

const theme = extendTheme({ config })

export default theme

So, you can see that the dark mode is enabled by default, but it’s not appearing.

Users can only enable dark mode after clicking on the dark mode button.

[jeevansurendran]

@ats1999 one possible reason why this issue still exists for you is that at one point during development the chakra-ui set a flag in your local storage stating that the theme was light, you can maybe remove this flag and check if the website loads directly to the dark mode or not.

[primos63]

It is set to Dark Mode, but you are experiencing an already known issue per the documentation

There are some solutions others have come up with. I cannot vouch for their effectiveness. Here’s one solution no-flash-chakra