Shadow DOM 的样式隔离特性导致外部 html 元素上的 dark class 无法被 Shadow DOM 内部的 Tailwind dark: 选择器匹配到。通过 MutationObserver 监听 document.documentElement 的 class 变化,将 dark class 同步到 Shadow DOM 内的包装容器上,使深色模式样式正常生效。
| Name |
Last commit
|
Last Update |
|---|---|---|
| .. | ||
| assets | Loading commit data... | |
| components | Loading commit data... | |
| config | Loading commit data... | |
| context | Loading commit data... | |
| features | Loading commit data... | |
| hooks | Loading commit data... | |
| i18n | Loading commit data... | |
| lib | Loading commit data... | |
| routes | Loading commit data... | |
| stores | Loading commit data... | |
| styles | Loading commit data... | |
| env.d.ts | Loading commit data... | |
| main.tsx | Loading commit data... | |
| routeTree.gen.ts | Loading commit data... | |
| tanstack-table.d.ts | Loading commit data... |