Welcome to Blueberry

Blueberry is a service that allows you to theme portions of your website by adding a single stylesheet and javascript snippet to your page. Blueberry will automatically detect any CSS custom properties (sometimes called CSS variables) and allow your users to change them by visitng a magic link.

Blueberry handles all of the persistence and serving of these custom styles so you only have to worry about your stylesheets.

A Simple Example

Given the following stylesheet, Blueberry would detect the custom variable --primary-color and detect that it is a color.

:root {
    --primary-color: red;
}
 
.my-class {
    color: var(--primary-color); 
}

If you want to allow a user to manipulate these custom styles you would generate a link with the Blueberry API which would redirect them to the page and show a toolbar like in the example below.