Style Library

Browse the style library and switch the style of your whole website including all layouts with just one click. Save styles into the library and reuse them later.

To open the style library click the currently active style. The style library will open in a modal. Start with one of the YOOtheme Pro styles or load your saved style.


The Styles tab shows all available style variations built by YOOtheme. New style variations are added to this cloud library on a regular basis. To apply the style to the whole website, simply click the style preview image. Use the filter options to find the needed style variations.

Filter Description
Style Filter whether all styles and their color variations, only the main styles without their color variations or a specific style should be shown.
Background Filter styles by black, dark, colorful, light or white background color.
Color Filter styles by the primary color which is used by UI elements like buttons and panels.
Type Filter whether the style is flat, material (using gradients and shadows) or skeurmophic (using textures and images).

Note A custom Less style created using a child theme will appear together with other YOOtheme Pro styles.

Style library

My Styles

The My Styles tab shows a list of your saved styles. Click the style to apply it to your website. Actions to Rename, Download and Delete the style will appear on hover. The Current Style matching indicator shows if the saved style is identical to the one currently used. The last modified date shows when the style was changed. Additionally, the search can be used to easily find the needed style.

My styles

To save a style, open the style library and click the Save Style button in the upper right corner.

Save style

Download and Upload Styles

Styles can be downloaded as JSON file and uploaded again to reuse them across different projects. The Download action appears when hovering the style, while the Upload Style button is available in the upper right corner. There is also a Download All button to download all saved styles at once.

YOOtheme Pro Documentation