Tailwind组件始终跟随系统主题，设置darkMode: 'class'仍无效

• 检查根元素的dark类同步情况：切换主题时，用浏览器开发者工具确认<html>或<body>标签是否正确添加/移除dark类。如果主题切换逻辑只作用于UI库组件，没同步到根元素，Navbar的dark:选择器就不会生效。

• 验证Tailwind配置是否生效：确认tailwind.config.js中的darkMode: 'class'配置已保存，并且重启了开发服务器重新构建项目。未重启服务的话，旧的darkMode设置（默认是media）可能仍在生效，导致组件还是跟随系统主题。

• 排查样式优先级冲突：在开发者工具的Elements面板中查看Navbar的Disclosure组件样式规则，确认dark:bg-slate-900是否存在，或是被其他更高优先级的样式（比如组件库自带的主题样式、全局CSS的!important规则）覆盖。

• 确认主题切换逻辑的覆盖范围：如果使用了第三方UI库，检查主题切换逻辑是否仅针对库内组件，未同步到自定义Navbar组件。部分UI库会维护独立的主题状态，若Navbar未接入该状态，根元素的dark类不会随手动切换更新。

• 排查全局样式污染：检查项目中是否存在其他全局CSS规则（比如[data-theme="dark"] .navbar这类自定义主题选择器），和Tailwind的dark:选择器产生冲突，导致系统主题规则被优先应用。

内容的提问来源于stack exchange，提问作者Crisp Apples