diff --git a/assets/css/app.css b/assets/css/app.css index ea412cd..5273039 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -81,6 +81,10 @@ .prose a { @apply underline decoration-2 decoration-theme-primary hover:bg-theme-primary hover:text-theme-background transition; } + + .prose em { + @apply text-theme-quaternary; + } } @layer components { diff --git a/assets/tailwind.config.js b/assets/tailwind.config.js index 5f1a7c0..ef17602 100644 --- a/assets/tailwind.config.js +++ b/assets/tailwind.config.js @@ -21,21 +21,23 @@ module.exports = { '--tw-prose-body': 'rgb(var(--color-foreground))', '--tw-prose-links': 'rgb(var(--color-foreground))', '--tw-prose-headings': 'rgb(var(--color-foreground))', - '--tw-prose-bold': 'rgb(var(--color-foreground))', + '--tw-prose-bold': 'rgb(var(--color-yellow1))', '--tw-prose-quotes': 'rgb(var(--color-foreground))', '--tw-prose-bullets': 'rgb(var(--color-primary))', '--tw-prose-code': 'rgb(var(--color-base))', '--tw-prose-pre-bg': 'rgb(var(--color-background1))', '--tw-prose-quote-borders': 'rgb(var(--color-primary))', + '--tw-prose-counters': 'rgb(var(--color-foreground))', '--tw-prose-invert-body': 'rgb(var(--color-foreground))', '--tw-prose-invert-links': 'rgb(var(--color-foreground))', '--tw-prose-invert-headings': 'rgb(var(--color-foreground))', - '--tw-prose-invert-bold': 'rgb(var(--color-foreground))', + '--tw-prose-invert-bold': 'rgb(var(--color-yellow))', '--tw-prose-invert-quotes': 'rgb(var(--color-foreground))', '--tw-prose-invert-bullets': 'rgb(var(--color-primary))', '--tw-prose-invert-quote-borders': 'rgb(var(--color-primary))', '--tw-prose-invert-code': 'rgb(var(--color-base))', - '--tw-prose-invert-pre-bg': 'rgb(var(--color-background1))' + '--tw-prose-invert-pre-bg': 'rgb(var(--color-background1))', + '--tw-prose-invert-counters': 'rgb(var(--color-foreground))', } } }, @@ -52,8 +54,11 @@ module.exports = { secondary: 'rgb(var(--color-secondary) / )', secondary1: 'rgb(var(--color-secondary1) / )', tertiary: 'rgb(var(--color-blue) / )', + tertiary1: 'rgb(var(--color-blue1) / )', quaternary: 'rgb(var(--color-purple) / )', + quaternary1: 'rgb(var(--color-purple1) / )', quinary: 'rgb(var(--color-yellow) / )', + quinary1: 'rgb(var(--color-yellow1) / )', heading: 'rgb(var(--color-heading) / )' } }