Merge pull request #264 from storybookjs/improve-contrast

Improve contrast
storybookjs · May 13, 2021 · 9407a12 · 9407a12
2 parents 33ab496 + 28f7bb1
commit 9407a12
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Cardinal.tsx b/src/components/Cardinal.tsx
@@ -15,7 +15,7 @@ interface CountProps {
 }
 
 const Count = styled.div<CountProps>`
-  color: ${color.dark};
+  color: ${color.darker};
   display: block;
 
   ${(props) =>
@@ -36,7 +36,7 @@ const Count = styled.div<CountProps>`
   ${(props) =>
     props.status === 'neutral' &&
     css`
-      color: ${color.mediumdark};
+      color: ${color.dark};
     `};
   ${(props) =>
     props.status === 'link' &&
@@ -126,7 +126,7 @@ const CardinalInner = styled.div<CardinalInnerProps>`
   }
 
   ${Text} {
-    color: ${(props) => (props.size === 'small' ? color.mediumdark : color.dark)};
+    color: ${color.dark};
     font-size: ${(props) => (props.size === 'small' ? typography.size.s1 : typography.size.s2)}px;
     line-height: ${(props) => (props.size === 'small' ? typography.size.s2 : typography.size.m1)}px;
     clear: both;

diff --git a/src/components/tooltip/ListItem.js b/src/components/tooltip/ListItem.js
@@ -18,7 +18,7 @@ const ItemWrapper = styled.li`
   list-style: none;
 
   &:not(:first-child) {
-    border-top: 1px solid ${color.mediumlight};
+    border-top: 1px solid ${color.border};
   }
 `;