change(theme): Add theme picker widget #70 from eea/color_pick_themes

eea · Feb 2, 2023 · f217995 · f217995
2 parents e6ffe28 + 4bbdec3
commit f217995
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -22,7 +22,8 @@
   ],
   "dependencies": {
     "@eeacms/volto-resize-helper": "*",
-    "react-color": "~2.18.1"
+    "react-color": "~2.18.1",
+    "@eeacms/volto-widget-theme-picker": "*"
   },
   "devDependencies": {
     "@cypress/code-coverage": "^3.10.0",

diff --git a/src/StyleWrapper/schema.js b/src/StyleWrapper/schema.js
@@ -62,9 +62,14 @@ export const StyleSchema = () => {
       theme: {
         title: 'Theme',
         description: 'A predefined theme, applicable just to this block',
-        choices: [
-          ['primary', 'Primary'],
-          ['secondary', 'Secondary'],
+        widget: 'theme_picker',
+        colors: [
+          ...(config.settings && config.settings.themeColors
+            ? config.settings.themeColors.map(({ value, title }) => ({
+                name: value,
+                label: title,
+              }))
+            : []),
         ],
       },
       style_name: {