Shadow DOM 的样式隔离特性导致外部 html 元素上的 dark class 无法被 Shadow DOM 内部的 Tailwind dark: 选择器匹配到。通过 MutationObserver 监听 document.documentElement 的 class 变化,将 dark class 同步到 Shadow DOM 内的包装容器上,使深色模式样式正常生效。
| Name |
Last commit
|
Last Update |
|---|---|---|
| .. | ||
| public | Loading commit data... | |
| scripts | Loading commit data... | |
| src | Loading commit data... | |
| .gitignore | Loading commit data... | |
| .node-version | Loading commit data... | |
| .npmrc | Loading commit data... | |
| .oxfmtrc.json | Loading commit data... | |
| .oxlintrc.json | Loading commit data... | |
| AGENTS.md | Loading commit data... | |
| components.json | Loading commit data... | |
| cz.yaml | Loading commit data... | |
| index.html | Loading commit data... | |
| knip.config.ts | Loading commit data... | |
| netlify.toml | Loading commit data... | |
| package.json | Loading commit data... | |
| rsbuild.config.ts | Loading commit data... | |
| tsconfig.app.json | Loading commit data... | |
| tsconfig.json | Loading commit data... | |
| tsconfig.node.json | Loading commit data... |