---------------------- If you're using Ant Design with Refine and your dark mode isn't working properly, it could be due to the migration from CSS to CSS-in-JS that occurred in Ant Design v4. This means you can't use CSS in Ant Design anymore. You can read more about this in the **migration guide** (). To use dark mode with Ant Design, you can follow the instructions provided in the **theming documentation** (). If you're using Chakra UI, you can implement dark mode by using the `useColorMode` hook and `useColorModeValue` function. Here's an example of how to use them: ```jsx import { Box, Button, Text, useColorMode, useColorModeValue, } from "@chakra-ui/react"; export const DarkModeToggleComp = () => { const { colorMode, toggleColorMode } = useColorMode(); const bgValue = useColorModeValue("brand.green100", "brand.dark100"); const colorValue = useColorModeValue("brand.dark100", "brand.green100"); return ( 6. Dark Mode Toggle Component Change my color please :) ); }; ``` This code creates a component that toggles between light and dark mode when clicked. The `useColorMode` hook is used to get the current color mode and a function to toggle it. The `useColorModeValue` function is used to set different values for different color modes.

Dark Mode not working

Similar Threads

Similar Threads

Similar Threads