Skip to content

Custom Shadow Color

The button has a default shadow color of --o-shadow-color-light in light mode and --o-shadow-color-dark as they are defined in you plugin dashboard. You can change this value by using the following CSS custom property:

The expected value is HSL components, like 0 0% 0% or 43deg 0% 100%.

descriptioncustom property
Shadow color in light mode --o_shadow-color-light
Shadow color in dark mode --o_shadow-color-dark
Shadow color --o_shadow-color
Custom shadow color site wide
.o-btn {
  --o_shadow-color-light: 120deg 100% 50%;
  --o_shadow-color-dark: 120deg 100% 50%;
}
Custom shadow color modifier class
.o-btn-fancy {
  --o_shadow-color-light: 0 100% 50%;
  --o_shadow-color-dark: 0 100% 50%;
}