diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 976687f..2382d22 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -15,3 +15,7 @@ #thredded--container{ max-width: 60rem; } + +.prose{ + color: inherit; +} diff --git a/config/tailwind.config.js b/config/tailwind.config.js index 0cc866a..4944cb3 100644 --- a/config/tailwind.config.js +++ b/config/tailwind.config.js @@ -20,6 +20,45 @@ module.exports = { fontFamily: { sans: ['Inter var', ...defaultTheme.fontFamily.sans], }, + typography: ({ theme }) => ({ + inherit: { + css: { + '--tw-prose-body': 'inherit' , + '--tw-prose-headings': 'inherit', + '--tw-prose-lead': 'inherit' , + '--tw-prose-links': 'inherit' , + '--tw-prose-bold': 'inherit' , + '--tw-prose-counters': 'inherit' , + '--tw-prose-bullets': 'inherit' , + '--tw-prose-hr': 'inherit' , + '--tw-prose-quotes': 'inherit' , + '--tw-prose-quote-borders': 'inherit' , + '--tw-prose-captions': 'inherit' , + '--tw-prose-code': 'inherit' , + '--tw-prose-pre-code': 'inherit' , + '--tw-prose-pre-bg': 'inherit' , + '--tw-prose-th-borders': 'inherit' , + '--tw-prose-td-borders': 'inherit' , + '--tw-prose-invert-body': 'inherit' , + '--tw-prose-invert-headings': 'inherit', + '--tw-prose-invert-lead': 'inherit' , + '--tw-prose-invert-links': 'inherit', + '--tw-prose-invert-bold': 'inherit', + '--tw-prose-invert-counters': 'inherit' , + '--tw-prose-invert-bullets': 'inherit' , + '--tw-prose-invert-hr': 'inherit' , + '--tw-prose-invert-quotes': 'inherit' , + '--tw-prose-invert-quote-borders': 'inherit' , + '--tw-prose-invert-captions': 'inherit' , + '--tw-prose-invert-code': 'inherit', + '--tw-prose-invert-pre-code': 'inherit' , + '--tw-prose-invert-pre-bg': 'inherit', + '--tw-prose-invert-th-borders': 'inherit' , + '--tw-prose-invert-td-borders': 'inherit' , + + }, + }, + }), }, }, plugins: [