Update strong and code colors to inherit from parent

tailwindlabs · Jul 11, 2022 · 0a6c377 · 0a6c377
1 parent f06117a
commit 0a6c377
Showing 1 changed file with 32 additions and 1 deletion.
diff --git a/src/styles.js b/src/styles.js
@@ -1249,6 +1249,15 @@ module.exports = {
           color: 'var(--tw-prose-bold)',
           fontWeight: '600',
         },
+        'a strong': {
+          color: 'inherit',
+        },
+        'blockquote strong': {
+          color: 'inherit',
+        },
+        'thead th strong': {
+          color: 'inherit',
+        },
         ol: {
           listStyleType: 'decimal',
         },
@@ -1313,27 +1322,31 @@ module.exports = {
         },
         'h1 strong': {
           fontWeight: '900',
+          color: 'inherit',
         },
         h2: {
           color: 'var(--tw-prose-headings)',
           fontWeight: '700',
         },
         'h2 strong': {
           fontWeight: '800',
+          color: 'inherit',
         },
         h3: {
           color: 'var(--tw-prose-headings)',
           fontWeight: '600',
         },
         'h3 strong': {
           fontWeight: '700',
+          color: 'inherit',
         },
         h4: {
           color: 'var(--tw-prose-headings)',
           fontWeight: '600',
         },
         'h4 strong': {
           fontWeight: '700',
+          color: 'inherit',
         },
         // TODO: Figure out how to not need these, it's a merging issue
         img: {},
@@ -1352,7 +1365,25 @@ module.exports = {
           content: '"`"',
         },
         'a code': {
-          color: 'var(--tw-prose-links)',
+          color: 'inherit',
+        },
+        'h1 code': {
+          color: 'inherit',
+        },
+        'h2 code': {
+          color: 'inherit',
+        },
+        'h3 code': {
+          color: 'inherit',
+        },
+        'h4 code': {
+          color: 'inherit',
+        },
+        'blockquote code': {
+          color: 'inherit',
+        },
+        'thead th code': {
+          color: 'inherit',
         },
         pre: {
           color: 'var(--tw-prose-pre-code)',