Skip to content

CSS Variables

The 24 CSS custom properties Aurora’s interface is built on.

Aurora’s compiled styles read from a fixed set of --aurora-* custom properties. Override them from Custom CSS (Settings → Code → Custom CSS & JS → Admin CSS) rather than editing compiled assets, which are overwritten on every plugin update.

  • --aurora-accent
  • --aurora-accent-soft
  • --aurora-accent-text
  • --aurora-app-bg
  • --aurora-app-bg-solid
  • --aurora-bg
  • --aurora-bg-subtle
  • --aurora-border
  • --aurora-card-bg
  • --aurora-card-bg-deep
  • --aurora-card-border
  • --aurora-frame-bg
  • --aurora-frame-border
  • --aurora-text
  • --aurora-text-muted
  • --aurora-radius-sm
  • --aurora-radius-md
  • --aurora-radius-lg
  • --aurora-radius-xl
  • --aurora-font-family
  • --aurora-gutter-r
  • --aurora-sidebar-gap
  • --aurora-sidebar-w
  • --aurora-toolbar-h