About
Themes
Colors
Colors used in this system.

Text primary

.pow-color-primary
.pow-color-primary100
.pow-color-primary200
.pow-color-primary300
.pow-color-primary400
.pow-color-primary500
.pow-color-primary600
.pow-color-primary700
.pow-color-primary800
.pow-color-primary900
<span class="pow-color-primary"></span>
<span class="pow-color-primary100"></span>
<span class="pow-color-primary300"></span>
<span class="pow-color-primary300"></span>
<span class="pow-color-primary400"></span>
<span class="pow-color-primary500"></span>
<span class="pow-color-primary600"></span>
<span class="pow-color-primary700"></span>
<span class="pow-color-primary800"></span>
<span class="pow-color-primary900"></span>

Background primary

<div class="pow-background-primary"></div>
<div class="pow-background-primary100"></div>
<div class="pow-background-primary300"></div>
<div class="pow-background-primary300"></div>
<div class="pow-background-primary400"></div>
<div class="pow-background-primary500"></div>
<div class="pow-background-primary600"></div>
<div class="pow-background-primary700"></div>
<div class="pow-background-primary800"></div>
<div class="pow-background-primary900"></div>

Text black

.pow-color-black
.pow-color-black100
.pow-color-black200
.pow-color-black300
.pow-color-black400
.pow-color-black500
.pow-color-black600
.pow-color-black700
.pow-color-black800
.pow-color-black900
<span class="pow-color-black"></span>
<span class="pow-color-black100"></span>
<span class="pow-color-black300"></span>
<span class="pow-color-black300"></span>
<span class="pow-color-black400"></span>
<span class="pow-color-black500"></span>
<span class="pow-color-black600"></span>
<span class="pow-color-black700"></span>
<span class="pow-color-black800"></span>
<span class="pow-color-black900"></span>

Background black

<div class="pow-background-black"></div>
<div class="pow-background-black100"></div>
<div class="pow-background-black300"></div>
<div class="pow-background-black300"></div>
<div class="pow-background-black400"></div>
<div class="pow-background-black500"></div>
<div class="pow-background-black600"></div>
<div class="pow-background-black700"></div>
<div class="pow-background-black800"></div>
<div class="pow-background-black900"></div>