@open-formulieren/design-tokens/src/components/buttons/button.tokens.json

Design tokens for Open Forms

{
  "of": {
    "button": {
      "fg": {"value": "{of.color.fg}"},
      "bg": {"value": "{of.color.bg}"},
      "color-border": {"value": "{of.color.border}"},

      "anchor": {
        "fg": {"value": "{utrecht.link.color}"},
        "bg": {"value": "transparent"},
        "color-border": {"value": "transparent"}
      },

      "primary": {
        "fg": {"value": "#ffffff"},
        "bg": {"value": "#0177b2"},
        "color-border": {"value": "{of.color.primary}"}
      },

      "danger": {
        "fg": {"value": "#ffffff"},
        "bg": {"value": "{of.color.danger}"},
        "color-border": {"value": "#aa2218"}
      }
    }
  }
}