improvments to popup

interface/src/components/PickerSwatch.tsx

@@ -0,0 +1,19 @@
+import { useSettingsContext } from '../SettingsContext';
+
+const PickerSwatch = () => {
+  const { setShowPicker, settingsState } = useSettingsContext();
+
+  const enablePicker = () => {
+    setShowPicker(true);
+  };
+
+  return (
+    <button
+      onClick={enablePicker}
+      style={{ background: settingsState.customThemeColor }}
+      className="w-16 h-8 rounded-md"
+    ></button>
+  );
+};
+
+export default PickerSwatch;