blog styled plus css vars 源码

动态暗模式支持 使用CSS变量+样式化组件 关于如何结合使用CSS变量和样式化组件主题的快速演示,以实现与主机OS相同的自动明暗模式。 现场演示: 开始使用 npm i npm start 主要要点 1.在GlobalStyles中定义一些CSS变量 export const GlobalStyles = createGlobalStyle ` :root { --color-primary: #0b7bff; --color-light: #ffffff; --color-light-secondary: #f2f2f2; ... --background-color: var(--color-light); --background-color--secondary: var(--