Skip to content

Commit

Permalink
feat(palette): update docs
Browse files Browse the repository at this point in the history
  • Loading branch information
Christos-Zacharopoulos committed Sep 23, 2020
1 parent 849e818 commit 09691c7
Showing 1 changed file with 2 additions and 6 deletions.
8 changes: 2 additions & 6 deletions guides/COLORS.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,10 @@ import { Meta, Preview } from '@storybook/addon-docs/blocks';

All the colors in palette are created with the same principle.

Each colour includes seven shades, the base colour (color400) and six shades deriving from color400,
Each color includes seven shades, the base color (color400) and six shades deriving from color400,
three darker and three lighter.

All new shades are calculated with colour percentages (25%, 50%, 75%) on white background for the lighter shades and black background for the darker ones (75%, 50%, 25%).
All new shades are calculated with color percentages (25%, 50%, 75%) on white background for the lighter shades and black background for the darker ones (75%, 50%, 25%).

For example magenta `#d21e75`, and we take 3 darker shades and 3 lighter shades, all with a 25% step.

Expand All @@ -28,7 +28,3 @@ This way we get the following colors for magenta
700: "#34071d"
}
```

lightGray and darkGray palettes are excluded from the above rule.

The grays start from the darkest one, which is #010101 and get lighter with 8% percentage on each step, except the last one that's pure white.

0 comments on commit 09691c7

Please sign in to comment.