tailwind-css - 如何应用 Tailwind Typography 自定义颜色主题

标签 tailwind-css

我是following the docs为 Typography Tailwind 插件构建名为“maincolors”的自定义颜色主题,如下所示:

theme: {
  colors: {
    dark: '#1c1c1c',
    midup: '#565656',
    middle: '#969393',
    light: '#e3e3e3',
    white: '#ffffff',
    black: '#000000',
  },
  extend: {
    typography: ({theme}) => ({
      maincolors: {
        css: {
          '--tw-prose-headings': theme('colors.dark'),
        },
      },
   },
}

现在,如何将“maincolors”主题应用到前面?

最佳答案

我找到了:

class="prose prose-maincolors"

关于tailwind-css - 如何应用 Tailwind Typography 自定义颜色主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/75754847/

相关文章:

css - 使用 Tailwind CSS react 过渡组

css - 响应式 SVG 背景/tailwindcss

colors - Tailwind CSS 扩展了 tailwind.config.js 中的标准颜色。当我尝试扩展颜色时,所有其他颜色都被删除

reactjs - 如何在元素 className 中执行三元运算

javascript - 如何在顺风CSS中的条件上添加样式

javascript - react typescript |如何使用 tailwind 启用暗模式?

css - 导航栏链接边距类在 Tailwind CSS 中似乎重复,有没有更好的方法?

reactjs - 如何在我的 React 项目中导入 Flowbite?

html - 我的 tailwind scroll snap x 不工作,你能找到解决办法吗?

html - Tailwind 响应式 Flexbox 属性未按预期工作