</div>
```html_example
-<a class="secondary button" href="#">Secondary Color</a>
-<a class="success button" href="#">Success Color</a>
-<a class="alert button" href="#">Alert Color</a>
-<a class="warning button" href="#">Warning Color</a>
-<a class="disabled button" href="#">Disabled Button</a>
+<a class="button" href="#">Primary</a>
+<a class="secondary button" href="#">Secondary</a>
+<a class="success button" href="#">Success</a>
+<a class="alert button" href="#">Alert</a>
+<a class="warning button" href="#">Warning</a>
+<a class="disabled button" href="#">Disabled</a>
```
---
/// Colors used for buttons, callouts, links, etc. There must always be a color called `primary`.
/// @type Map
$foundation-palette: (
- primary: #2199e8,
- secondary: #777,
- success: #3adb76,
+ primary: #1a7cbd,
+ secondary: #767676,
+ success: #238748,
warning: #ffae00,
- alert: #ec5840,
+ alert: #cc4b37,
) !default;
/// Color used for light gray UI items.