Background and font colors (Help Scout)

Pack name: seed-helpscout-theme
File size: 1.12 KB

Help Scout theme pack for Seed

Contents

Install

npm install seed-helpscout-theme --save

Dependencies


Background colors

All of the colors and shades from the Help Scout color palette are available to be used as background colors.

Background color theme classes for seed-helpscout-theme can be used together with the font color theme classes.

Example

I'm a blue card.
I'm a purple card.
I'm a yellow card.
<div class="c-card u-pad-4 t-bg-blue-500">
  I'm a blue card.
</div>
<div class="c-card u-pad-4 t-bg-purple-600">
  I'm a purple card.
</div>
<div class="c-card u-pad-4 t-bg-yellow-400">
  I'm a yellow card.
</div>

Font colors

All of the colors and shades from the Help Scout color palette are available to be used as font colors.

Font color theme classes for seed-helpscout-theme can be used together with the background color theme classes.

Example

I'm blue text.
I'm purple text.
I'm yellow text.
<div class="c-card u-pad-4 t-tx-blue-500">
  I'm blue text.
</div>
<div class="c-card u-pad-4 t-tx-purple-600">
  I'm purple text.
</div>
<div class="c-card u-pad-4 t-tx-yellow-400">
  I'm yellow text.
</div>