Add current color scheme property to root element

Question

Closed this issue 2 years ago · 7 comments

还有一个问题

对于我们的主题，我应该怎么配置呢

Originally posted by @jonie-ritie in #16 (comment)

Answer 1 · 2022-07-14T15:47:25.000Z

试试这个？

'html[data-color-scheme="dark"]'

Answer 2 · 2022-07-14T15:56:26.000Z

试试这个？

'html[data-color-scheme="dark"]'

当这个属性值是 "auto" 的时候还需要另外查询浏览器的 color scheme，所以恐怕不行。

Answer 3 · 2022-07-14T16:05:44.000Z

试试这个？
'html[data-color-scheme="dark"]'
当这个属性值是 "auto" 的时候还需要另外查询浏览器的 color scheme，所以恐怕不行。

另外，#16 (comment)

那主题改一下，如果在主题配置文档中选择auto，那么先查阅浏览器color scheme，如果是暗色，就修改 body 为 data-color-scheme="dark"，和fluid一样；对于双引号单引号的问题，我觉得可以随机应变试一下，直接把引号去掉，我之前用过fluid，也有这个问题

Answer 4 · 2022-07-14T16:09:05.000Z

另外，楼主你应该是初中生吧，前段时间不维护了是在准备中考吗？

Answer 5 · 2022-07-15T07:54:27.000Z

7f4ae14 给 <body /> 元素添加了 data-current-color-scheme 属性，值为 light / dark。

Answer 6 · 2022-07-15T07:57:08.000Z

另外，楼主你应该是初中生吧，前段时间不维护了是在准备中考吗？

对的，前几天刚刚考完。。。

Answer 7 · 2022-07-15T15:13:18.000Z

现在可以用 'body[data-current-color-scheme="dark"]' 选择器了