Skip to content

在 Stylus 中对 UserCSS 版本样式表进行配置

wTonyChen edited this page Aug 8, 2020 · 13 revisions

目前,安装 UserCSS 版本样式表支持多个自定义选项。

在 Stylus 打开配置菜单

  1. 打开网易云音乐网页版
  2. 点击Stylus图标
  3. 找到样式表,并点击右边的齿轮图标

Stylus 选项

配置选项

如果您更改配置后如需恢复,只需在配置菜单中,点击最下方的重置按钮即可。

首选选字体

默认选择Segoe UI

此选项更改页面上的首选字体。

提供 19 个字体选择:

  • Segoe UI
  • Arial
  • Avenir Next
  • Bahnschrift
  • Calibri
  • Century Gothic
  • Comic Sans MS
  • Corbel
  • Lucida Sans
  • Noto Sans
  • Roboto
  • Tahoma
  • Trebuchet MS
  • Tw Cen MT
  • Ubuntu
  • Verdana
  • Cambria
  • Century
  • Times New Roman

*如果所选字体在当前操作系统中未安装,则字体不会生效

备选字体

默认选择微软雅黑

此选项更改页面上的备选字体。

提供 15 个字体选择:

  • 微软雅黑
  • 微软正黑
  • 等线
  • 黑体
  • 圆体
  • 华文仿宋
  • 华文楷体
  • 华文隶书
  • 华文宋体
  • 华文细黑
  • 华文新魏
  • 华文中宋
  • Hiragino Sans
  • Noto Sans CJK
  • PingFang

*如果所选字体在当前操作系统中未安装,则字体不会生效

字间距

默认选择0

此选项更改页面上字与字之间的间隔大小。

最大值:20 最小值:-20

过渡动画

默认选择启用

此选项控制页面是否播放过渡动画。

如果你的设备上出现动画卡顿或者其他性能问题时,你可以选择禁用此选项。

提供 2 个选择:

  • 启用:在界面中使用过渡动画
  • 禁用:在界面中不使用过渡动画

主题色

默认选择R: 194, G: 12, B: 12, A: 1

此选项改变整个页面的主题色。

你可以使用取色器选择任意颜色;建议在界面颜色模式(浅色)时选择较深的颜色,在界面颜色模式(深色)界面颜色模式(暗色)时选择较浅的颜色。

背景色

默认选择R: 255, G: 255, B: 255, A: 1

此选项改变页面两侧空白部分的颜色。

你可以使用取色器选择任意颜色。

隐藏客户端下载

默认选择可见

此选项控制首页横幅右边和页面右侧的客户端下载选项是否可见。

提供 2 个选择:

  • 可见:在界面中显示这些下载选项
  • 隐藏:在界面中隐藏这些下载选项,并且首页横幅将居中

顶栏滚动状态

默认选择固定于顶部

此选项控制页面顶部导航栏是否固定或者跟随页面滚动。

提供 2 个选择:

  • 固定于顶部:在界面中顶栏将停留在顶部;如果页面显示尺寸充裕,可以使用此项便于快速导航
  • 跟随页面滚动:在界面中顶栏将跟随页面滚动;如果页面显示尺寸有限,可以使用此项来扩大显示空间

顶栏背景颜色

默认选择主题色

此选项控制页面顶栏是白色顶栏风格或是默认主题色顶栏风格。

提供 2 个选择:

  • 主题色:使用主题色作为顶栏背景色,界面前景色为顶栏前景字体颜色
  • 界面背景色:使用界面背景色作为顶栏背景色,主题色为顶栏前景字体颜色

顶栏导航风格

默认选择圆角

此选项控制页面顶栏是白色顶栏风格或是默认主题色顶栏风格。

提供 3 个选择:

  • 圆角
  • 直角
  • 大圆角

注意:在界面圆角元素(禁用)顶栏背景颜色(界面背景色)的情况下,圆角直角选项效果相同。

界面圆角元素

默认选择启用

此选项控制页面是否使用圆角界面。

提供 2 个选择:

  • 启用:在界面中使用圆角
  • 禁用:在界面中不使用圆角

辅助脚本集成

默认选择启用

在已安装辅助脚本的情况下,此选项控制页面是否开启辅助脚本。

提供 2 个选择:

  • 启用:开启辅助脚本,并在个人设置中显示设置项
  • 禁用:关闭辅助脚本,即使辅助脚本已经安装

改动可能将会在整个页面刷新后生效。

自定义样式

默认为空。

此选项可实现自定义的 CSS 规则。

需要填入标准 CSS 格式,且不得有语法错误,即:

selector { property: value[; ...] }