Html 如何在tailwindcss中创建自定义变量？

我在tailwindcss文档之后制作了

dark

变体，但这不起作用，不幸的是，在这个文档中，没有给出确切的解释

如何制作这样的变体：

有人能帮我吗？

<p style="color='color'" ></p> 

写下“颜色”的颜色名称

现在，每当在用户的操作系统上启用暗模式时，暗：{class}类将优先于未固定的类

暗模式仅在操作系统启用时可用

另外，可能您没有在tailwind.config.js中添加黑暗设置

// tailwind.config.js
module.exports = {
  darkMode: 'media',
  // ...
}

如果要支持手动切换暗模式，而不是依赖操作系统首选项，请更改类的介质设置