Skip to content

Commit

Permalink
Updating Colors docs to show all color tokens
Browse files Browse the repository at this point in the history
  • Loading branch information
corbanbrook committed Apr 10, 2024
1 parent 50b1c1f commit 37ce528
Showing 1 changed file with 3 additions and 28 deletions.
31 changes: 3 additions & 28 deletions src/docs/design-system/Colors.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,33 +8,8 @@ import { vars } from '../../css'

Color schemes, scales, accents, and gradients.

### Accents

<ColorPalette>
<ColorItem
title={'Accents'}
subtitle={'Status Colours'}
colors={{
positive: vars.colors.positive,
info: vars.colors.info,
warning: vars.colors.warning,
negative: vars.colors.negative,
}}
/>

</ColorPalette>

### Gradients

<ColorPalette>
<ColorItem
title={'Primary Gradient'}
subtitle={'vars.colors.gradientPrimary'}
colors={{ primary: vars.colors.gradientPrimary }}
/>
<ColorItem
title={'Primary Gradient'}
subtitle={'vars.colors.gradientBackdrop'}
colors={{ primary: vars.colors.gradientBackdrop }}
/>
{Object.entries(vars.colors).map(([key, value]) => (
<ColorItem key={key} title={key} colors={{ [key]: value }} />
))}
</ColorPalette>

0 comments on commit 37ce528

Please sign in to comment.