I have 3 questions regarding customising theme colors, customising Sidebar and Google OAuth Provider in 4.x versions.

[kotharismeet-3]

1. How to customise colors, I tried following!
   Tried changing ColorModeContextProvider > RefineThemes > LightTheme > lightPalletes and darkPalletes same too. But UI is not changing
2. How to customise icons in sidebar in ThemeSiderV2 ?
3. How to pass Google Client Id in provider to AuthPage ?

[Ashwin-op]

2. You can pass a custom icon in meta.icon in the resources parameter of Refine component

...
  <Refine
    ...
    resources={[
      ...
      {
        ...
        meta: {
          ...
          icon: <CustomIcon />,
        },
      },
    ]}
    ...
  >
    ...
  </Refine>
...

[alicanerdurmaz]

1. You can follow this documentation for theme switch. If you have any problem please provide a reproducible example for us to debug.
   Material UI: https://refine.dev/docs/api-reference/mui/theming/#dark-mode-toggle
   Mantine: https://refine.dev/docs/api-reference/mantine/theming/#theme-switching
   Chakra UI: https://refine.dev/docs/api-reference/chakra-ui/theming/#theme-switching
   Ant Design: https://refine.dev/docs/api-reference/antd/theming/#switching-to-dark-theme

2. When you click the provider button from <AuthPage/>, it calls authProvider.login function with the providerName param. you need to handle Google login logic insideauthProvider

[liushooter]

Thank your answer.

Now，I support 2 login methods: email and github OAuth.

How to solve the problem？

For more details: #4836