update typography with new defaults

Author: RobinMalfait

src/styles.js

@@ -15,7 +15,7 @@ module.exports = {
         color: defaultTheme.colors.gray[700],
         maxWidth: '65ch',
         '[class~="lead"]': {
-          color: defaultTheme.colors.gray[700],
+          color: defaultTheme.colors.gray[600],
         },
         a: {
           color: defaultTheme.colors.gray[900],
@@ -36,27 +36,27 @@ module.exports = {
           content: 'counter(list-counter) "."',
           position: 'absolute',
           fontWeight: '400',
-          color: defaultTheme.colors.gray[600],
+          color: defaultTheme.colors.gray[500],
         },
         'ul > li': {
           position: 'relative',
         },
         'ul > li::before': {
           content: '""',
           position: 'absolute',
-          backgroundColor: defaultTheme.colors.gray[400],
+          backgroundColor: defaultTheme.colors.gray[300],
           borderRadius: '50%',
         },
         hr: {
-          borderColor: defaultTheme.colors.gray[300],
+          borderColor: defaultTheme.colors.gray[200],
           borderTopWidth: 1,
         },
         blockquote: {
           fontWeight: '500',
           fontStyle: 'italic',
           color: defaultTheme.colors.gray[900],
           borderLeftWidth: '0.25rem',
-          borderLeftColor: defaultTheme.colors.gray[300],
+          borderLeftColor: defaultTheme.colors.gray[200],
           quotes: '"\\201C""\\201D""\\2018""\\2019"',
         },
         'blockquote p:first-of-type::before': {
@@ -82,7 +82,7 @@ module.exports = {
           fontWeight: '600',
         },
         'figure figcaption': {
-          color: defaultTheme.colors.gray[600],
+          color: defaultTheme.colors.gray[500],
         },
         code: {
           color: defaultTheme.colors.gray[900],
@@ -95,7 +95,7 @@ module.exports = {
           content: '"`"',
         },
         pre: {
-          color: defaultTheme.colors.gray[300],
+          color: defaultTheme.colors.gray[200],
           backgroundColor: defaultTheme.colors.gray[800],
           overflowX: 'auto',
         },
@@ -127,14 +127,14 @@ module.exports = {
           color: defaultTheme.colors.gray[900],
           fontWeight: '600',
           borderBottomWidth: '1px',
-          borderBottomColor: defaultTheme.colors.gray[400],
+          borderBottomColor: defaultTheme.colors.gray[300],
         },
         'thead th': {
           verticalAlign: 'bottom',
         },
         'tbody tr': {
           borderBottomWidth: '1px',
-          borderBottomColor: defaultTheme.colors.gray[300],
+          borderBottomColor: defaultTheme.colors.gray[200],
         },
         'tbody tr:last-child': {
           borderBottomWidth: '0',