Sets color styles for the body tag, links, pre, code, hr tags, and the .button
utility.
Default buttons have a blue background. Use color utilities to alter the appearance.
<button class="button mb1">Button</button>
<button class="button mb1 bg-black">Button</button>
<button class="button mb1 bg-gray">Button</button>
<button class="button mb1 black bg-silver">Button</button>
<button class="button mb1 black bg-aqua">Button</button>
<button class="button mb1 bg-navy">Button</button>
<button class="button mb1 bg-teal">Button</button>
<button class="button mb1 bg-green">Button</button>
<button class="button mb1 bg-olive">Button</button>
<button class="button mb1 bg-lime">Button</button>
<button class="button mb1 black bg-yellow">Button</button>
<button class="button mb1 bg-orange">Button</button>
<button class="button mb1 bg-red">Button</button>
<button class="button mb1 bg-fuchsia">Button</button>
<button class="button mb1 bg-purple">Button</button>
<button class="button mb1 bg-maroon">Button</button>
<button class="button mb1 black bg-darken-1">Button</button>
<button class="button mb1 black bg-darken-2">Button</button>
<button class="button mb1 black bg-darken-3">Button</button>
<button class="button mb1 bg-darken-4">Button</button>
Uses colors from mrmrs/colors in addition to these defaults:
:root { --darken-1: rgba(#000,.0625); --darken-2: rgba(#000,.125); --darken-3: rgba(#000,.25); --darken-4: rgba(#000,.5); --border-color: var(--darken-2); --border-radius: 3px; --border-width: 1px; }