ConsentFriend v1 Themes

ConsentFriend has five different default themes, that can be enabled in the system settings.

The scss variables have changed with version 1.3.0. Most of the changes are backwards compatible, but if you created an own theme, please check the display of the consent popup after the update and after compiling the scss file for your site.

If you want to create your own theme, you could import the file assets/components/consentfriend/scss/klaro.scss in your scss workflow. To disable the default styling of the modal afterwards, please set the system setting consentfriend.js_url to /assets/components/consentfriend/js/web/consentfriend-no-css.js.

default (or empty)

black

dark

light

white