Theme previsualisation

Click on an image to preview a theme:

CSS code for custom theme

Default theme! No additional/custom styles.

Dark mode

On this website, the dark mode will be triggered based on your preferences.

For creating a new theme/updating theming features

Simply duplicate _sass/pm-styles/_pm-blue-theme.scss and customize.
For creating a previsualisation in the Design System, duplicate the button in this page and update values, and update hashes for CSP style-src (not necessary in development, only needed for live).

For a reference of all CSS custom properties used, have a look at Sass/CSS variables. If an element needs to use a custom property in order to be “themable”, please do update design-system-website/_themes.scss for reference.