https://github.com/eea/volto-widget-theme-picker

A theme color picker for themes in volto
https://github.com/eea/volto-widget-theme-picker

Last synced: 2 months ago
JSON representation

A theme color picker for themes in volto

• Host: GitHub
• URL: https://github.com/eea/volto-widget-theme-picker
• Owner: eea
• License: mit
• Created: 2023-01-17T11:58:19.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2025-03-12T15:13:52.000Z (3 months ago)
• Last Synced: 2025-03-12T16:26:04.401Z (3 months ago)
• Language: JavaScript
• Size: 4.4 MB
• Stars: 0
• Watchers: 26
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-volto - volto-widget-theme-picker - A theme color picker for themes in Volto blocks (Addons / Widgets)

README

        
# volto-widget-theme-picker

[![Releases](https://img.shields.io/github/v/release/eea/volto-widget-theme-picker)](https://github.com/eea/volto-widget-theme-picker/releases)

[![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-widget-theme-picker%2Fmaster&subject=master)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-widget-theme-picker/job/master/display/redirect)

[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-widget-theme-picker-master&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-widget-theme-picker-master)

[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-widget-theme-picker-master&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-widget-theme-picker-master)

[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-widget-theme-picker-master&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-widget-theme-picker-master)

[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-widget-theme-picker-master&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-widget-theme-picker-master)

[![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-widget-theme-picker%2Fdevelop&subject=develop)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-widget-theme-picker/job/develop/display/redirect)

[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-widget-theme-picker-develop&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-widget-theme-picker-develop)

[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-widget-theme-picker-develop&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-widget-theme-picker-develop)

[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-widget-theme-picker-develop&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-widget-theme-picker-develop)

[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-widget-theme-picker-develop&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-widget-theme-picker-develop)

[Volto](https://github.com/plone/volto) add-on

## Features

![Widget Theme Picker](https://raw.githubusercontent.com/eea/volto-widget-theme-picker/master/docs/volto-widget-theme-picker.gif)

## Getting started

### Try volto-widget-theme-picker with Docker

      git clone https://github.com/eea/volto-widget-theme-picker.git

      cd volto-widget-theme-picker

      make

      make start

Go to http://localhost:3000

### Add volto-widget-theme-picker to your Volto project

1. Make sure you have a [Plone backend](https://plone.org/download) up-and-running at http://localhost:8080/Plone

   ```Bash

   docker compose up backend

   ```

1. Start Volto frontend

* If you already have a volto project, just update `package.json`:

   ```JSON

   "addons": [

       "@eeacms/volto-widget-theme-picker"

   ],

   "dependencies": {

       "@eeacms/volto-widget-theme-picker": "*"

   }

   ```

* If not, create one:

   ```

   npm install -g yo @plone/generator-volto

   yo @plone/volto my-volto-project --canary --addon @eeacms/volto-widget-theme-picker

   cd my-volto-project

   ```

1. Install new add-ons and restart Volto:

   ```

   yarn

   yarn start

   ```

1. Go to http://localhost:3000

1. Happy editing!

## Release

See [RELEASE.md](https://github.com/eea/volto-widget-theme-picker/blob/master/RELEASE.md).

## How to contribute

See [DEVELOP.md](https://github.com/eea/volto-widget-theme-picker/blob/master/DEVELOP.md).

## Copyright and license

The Initial Owner of the Original Code is European Environment Agency (EEA).

All Rights Reserved.

See [LICENSE.md](https://github.com/eea/volto-widget-theme-picker/blob/master/LICENSE.md) for details.

## Funding

[European Environment Agency (EU)](http://eea.europa.eu)