[FEAT] Add dark mode toggle support to RefineThemes

[manraj777]

Is your feature request related to a problem? Please describe.

Yes, currently RefineThemes does not provide a built-in way to toggle between light and dark modes. For applications that aim to support night-time usage or provide accessibility options, this can be limiting.

I'm always frustrated when I have to manually implement dark mode for each UI provider (Ant Design, Chakra, Mantine) instead of having a consistent Refine-native solution.

Describe alternatives you've considered

• Manually overriding Ant Design/Chakra/Mantine themes at the app level.
• Using Tailwind’s dark mode support with custom logic.

These workarounds are repetitive and not unified across UI providers. It would be more elegant to have a centralized, framework-wide solution from Refine itself.

Additional context

Example usage:

const { mode, toggleTheme } = useThemeToggle();

<button onClick={toggleTheme}>
  Switch to {mode === 'light' ? 'dark' : 'light'} mode
</button>


### Describe the thing to improve

I’d like Refine to support a native dark/light mode toggle across themes.

This would involve:
- A hook like `useThemeToggle()` or `useColorMode()` to allow toggling the theme.
- Optional persistence using `localStorage`.
- Extend current `RefineThemes` setup to define light and dark theme variants.
- Possibly a `ThemeProvider` context for managing color scheme globally.

Having this built-in would drastically improve developer experience and is a must-have for modern dashboards.

[Momena-akhtar]

I don’t see this assigned — I’d like to give it a try if it’s available. @manraj777

[manraj777]

Hey @Momena-akhtar Thanks for showing interest 🙌

I’ve just opened this issue and plan to work on it, but I’d love to collaborate with you on it! Let me get it assigned first, and then we can sync up on the implementation. I appreciate the initiative!

[Momena-akhtar]

Thankyou, looking forward!

[Abubakkar-Siddhiq]

Can I join with you guys in this task? @Momena-akhtar @manraj777

[adarshtiwari908]

Hi, I’d like to work on this. Assigning myself if that’s okay!

[manraj777]

but no one is assigned as of now @adarshtiwari908

[manraj777]

Hi maintainers 👋

I’d like to take this issue on and potentially collaborate with @adarshtiwari908 , @Abubakkar-Siddhiq and @Momena-akhtar , who are also interested. Could you please assign this to me?

Thanks!

[manraj777]

Hi , @aliemir @omeraplak , could you please assign this issue to me?

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Karthik0956A]

how can i help you resolve the issue could you please explain the action plan of what needs to be implemented.