Theming

Make it yours

Preview

Colour scheme

Inherit Light Dark

Colours

Primary On-primary

Surface Surface (Dark) On-surface On-surface (Dark)

Info Info (Dark) Success Success (Dark) Error Error (Dark)

Radius

Maximum border radius

Value:

25px

CSS

:root {
  --dc-primary-color: #ff2670;
  --dc-on-primary-color: #ffffff;
  --dc-surface-color: light-dark(#ffffff, #1e1e1e);
  --dc-on-surface-color: light-dark(#000000, #ffffff);
  --dc-info-color: light-dark(#007aff, #0a84ff);
  --dc-success-color: light-dark(#34c759, #30d158);
  --dc-error-color: light-dark(#ff3b30, #ff453a);
  --dc-max-border-radius: 25px;
  --dc-headline-font-family: Unbounded, sans-serif;
  --dc-body-font-family: Inter, sans-serif;
}