Theme Customizer

Customize layout & themes

Sidenav View

Choose sidenav layout style

Display Mode
Select Light or Dark
Direction
Select a direction
Sidenav Color
Select sidenav theme color

Color Pickers

Classic Theme

The default Pickr theme. Features opacity and hue sliders, color swatches, and multiple format representations.

Select color

Monolith Theme

A compact monolith design. Combines color block picker, slider components, and interaction buttons inside a solid frame.

Select color

Nano Theme

Ultra-minimalist nano interface. A clean circle picker with slide bars, taking up minimal screen real estate.

Select color

Simple Demo

Basic implementation containing only save and clear controls for quick selection workflows.

Select color

Opacity & Hue

Configured specifically with transparency (alpha channel opacity) and hue sliders to allow fine-tuned adjustments.

Select color

Color Swatches

Displays pre-defined color boxes below the main selector, allowing users to choose from standard corporate palettes.

Select color

With Input Field

Includes a text field displaying the active color value, enabling direct copy-paste and manual input entry.

Select color

Format Toggle

Provides format conversion shortcuts inside the picker menu to toggle between HEXA, RGBA, and HSVA values.

Select color