Feat: Set the color of the canvas's control button #3851 (#4053)

### What problem does this PR solve?

Feat: Set the color of the canvas's control button #3851

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/components/theme-provider.tsx

@@ -58,3 +58,9 @@ export const useTheme = () => {
 
   return context;
 };
+
+export const useIsDarkTheme = () => {
+  const { theme } = useTheme();
+
+  return theme === 'dark';
+};