From b5675150e1b5a811e1686404cbefcd9e6b92d515 Mon Sep 17 00:00:00 2001
From: dana-cfc4 <dana.comiselu4@gmail.com>
Date: Tue, 31 Jan 2023 11:30:35 +0200
Subject: [PATCH] Add theme picker widget

---
 package.json                                     |  3 +++
 src/components/manage/Blocks/Accordion/Schema.js | 13 +++++++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index b0f0e9f..37b7e13 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,9 @@
     "type": "git",
     "url": "git@github.com:eea/volto-accordion-block.git"
   },
+  "dependencies": {
+    "@eeacms/volto-widget-theme-picker": "1.0.0"
+  },
   "devDependencies": {
     "@cypress/code-coverage": "^3.10.0",
     "@plone/scripts": "*",
diff --git a/src/components/manage/Blocks/Accordion/Schema.js b/src/components/manage/Blocks/Accordion/Schema.js
index 99c6b41..5f7d257 100644
--- a/src/components/manage/Blocks/Accordion/Schema.js
+++ b/src/components/manage/Blocks/Accordion/Schema.js
@@ -1,3 +1,4 @@
+import config from '@plone/volto/registry';
 import { defineMessages } from 'react-intl';
 import { addStyling } from '@plone/volto/helpers';
 
@@ -162,10 +163,14 @@ export const AccordionStylingSchema = (props) => {
       theme: {
         title: intl.formatMessage(messages.Theme),
         description: intl.formatMessage(messages.ThemeHelp),
-        choices: [
-          ['primary', intl.formatMessage(messages.ThemePrimary)],
-          ['secondary', intl.formatMessage(messages.ThemeSecondary)],
-          ['tertiary', intl.formatMessage(messages.ThemeTertiary)],
+        widget: 'theme_picker',
+        colors: [
+          ...(config.settings && config.settings.themeColors
+            ? config.settings.themeColors.map(({ value, title }) => ({
+                name: value,
+                label: title,
+              }))
+            : []),
         ],
       },
     },