pip-webui/pip-webui-css/samples/css_styles/colors.html

HTML5 UI for LOB applications

<p class="text-title h72 m0 bm8 layout-row layout-align-start-center">
    Colors
</p>

<p class="text-subhead2 h48 m0 bm8 tm8 layout-row layout-align-start-center">Primary background color</p>
<div>
    <div class="bg-window">bg-window</div>
    <div class="bg-content">bg-content</div>
    <div class="bg-content-flex">bg-content-flex</div>
    <div class="bg-error">bg-error</div>
    <div class="bg-divider">bg-divider</div>
</div>
<p class="text-subhead2 h48 m0 bm8 tm8 layout-row layout-align-start-center">Background color</p>
<div>
    <div class="bg-pirple">bg-pirple</div>
    <div class="bg-light-green">bg-light-green</div>
    <div class="bg-green">bg-green</div>
    <div class="bg-dark-red">bg-dark-red</div>
    <div class="bg-pink">bg-pink</div>
    <div class="bg-yellow">bg-yellow</div>
    <div class="bg-cyan">bg-cyan</div>
</div>

<p class="text-subhead2 h48 m0 bm8 tm8 layout-row layout-align-start-center">Text colors</p>
<div>
    <div class="fg-pirple">fg-pirple</div>
    <div class="fg-light-green">fg-light-green</div>
    <div class="fg-green">fg-green</div>
    <div class="fg-dark-red">fg-dark-red</div>
    <div class="fg-pink">fg-pink</div>
    <div class="fg-yellow">fg-yellow</div>
    <div class="fg-cyan">fg-cyan</div>
</div>

<p class="text-subhead2 h48 m0 bm8 tm8 layout-row layout-align-start-center">Numeric back color</p>
<div>
    <div class="bg-color-0">bg-color-0</div>
    <div class="bg-color-1">bg-color-1</div>
    <div class="bg-color-2">bg-color-2</div>
    <div class="bg-color-3">bg-color-3</div>
    <div class="bg-color-4">bg-color-4</div>
    <div class="bg-color-5">bg-color-5</div>
    <div class="bg-color-6">bg-color-6</div>
    <div class="bg-color-7">bg-color-7</div>
    <div class="bg-color-8">bg-color-8</div>
    <div class="bg-color-9">bg-color-9</div>
    <div class="bg-color-10">bg-color-10</div>
    <div class="bg-color-11">bg-color-11</div>
    <div class="bg-color-12">bg-color-12</div>
    <div class="bg-color-13">bg-color-13</div>
    <div class="bg-color-14">bg-color-14</div>
    <div class="bg-color-15">bg-color-15</div>
</div>