Skip to content

全新色彩模式选项,以及部分样式调整

Latest
Compare
Choose a tag to compare
@Astrian Astrian released this 13 Aug 15:22
c3a197a

全新色彩模式选项

现在,Reflect White 支持手动调整色彩模式了!在页面底部,你可以看到新的「色彩模式」选项。

除了默认选择的「跟随系统」外,访问者现在可以手动指定 Reflect White 主题使用的色彩模式,包括明亮和黑暗两个选择。同时,在切换色彩模式的过程中会有渐变效果。

注意:

  1. 色彩模式设定偏好数据不会跨用户、跨浏览器、跨会话、跨网站同步。更换浏览器、在不同设备上更改该偏好不会被同步,不同网站间该偏好也不通用。
  2. 若选择「跟随系统」,将与 Reflect White 之前版本的原有明暗色彩模式表现一致。

改用 SCSS 进行样式编写

Reflect White 项目已改用 SCSS 语法进行样式编写。通常,这样做可以大幅提高样式查找与修改效率。同时,对 Reflect White 进行深度定制、或是参与贡献而言,SCSS 会让这个过程变得更为简单。

分割线元素样式修正

对于分割线 <hr> 元素而言,现在它与被分隔的内容有着更大的空隙,以便在视觉上起到更好的分隔效果。