Skip to content
Permalink
Browse files

fix(website): display text tokens on the correct inverse bg color (#220)

  • Loading branch information
SiTaggart committed Dec 5, 2019
1 parent f09a4d5 commit 3aaa0f886fbf2b38d9de5b3c02fbcc231c56b7e4
Showing with 2 additions and 2 deletions.
  1. +2 −2 packages/paste-website/src/components/tokens-example/index.tsx
@@ -53,7 +53,7 @@ export const TextColorBox: React.FC<TextColorBoxProps> = ({color, textColor}) =>
const colorFn = Color(color);
const isInverse = colorFn.isLight();
const backgroundColorValue = isInverse
? theme.backgroundColors.colorBackgroundBrand
? theme.backgroundColors.colorBackgroundInverse
: theme.backgroundColors.colorBackgroundBody;
const colorCombos = ColorCombos([color, backgroundColorValue]);
const {accessibility} = colorCombos[1].combinations[0];
@@ -65,7 +65,7 @@ export const TextColorBox: React.FC<TextColorBoxProps> = ({color, textColor}) =>

return (
<Absolute
backgroundColor={isInverse ? 'colorBackgroundBrand' : 'colorBackgroundBody'}
backgroundColor={isInverse ? 'colorBackgroundInverse' : 'colorBackgroundBody'}
padding="space60"
preset="fill"
css={{

1 comment on commit 3aaa0f8

@now

This comment has been minimized.

Please sign in to comment.
You can’t perform that action at this time.