Plugin_Skins

Plugin_Skins - 皮肤插件

该插件用于更换启动器的皮肤和在启动器上增加新的元素, 填写的内容为 css 代码.

默认的主题代码可在 这里 找到

css 变量

以下的键和值都是 可选的

:root {
  --top-color: <顶部颜色>;
  --top-border: <顶部描边颜色>;
  --top-shadow: <顶部阴影颜色>;
  --top-filter: <顶部滤镜>;
  --launch-filter: <启动按钮滤镜>;

  --main-color: <主色>;
  --secondary-color: <副色>;
  --dropdown-color: <下拉框颜色>;
  --scroll-color: <滚动条颜色>;

  --text-color-0: <文字颜色1>;
  --text-color-1: <文字颜色2>;
  --text-color-2: <文字颜色3>;
  --text-color-3: <文字颜色4>;
  --link-color: <超链接颜色>;
  --link-hover-color: <超链接激活颜色>;

  --input-color: <输入框颜色>;
  --background: <背景, 可为颜色或图片>;
}

插入新的HTML元素

请在 css 的头部插入以下内容

/* ElementCount: <n=需要插入的元素个数> */

随后会在 body 中创建一个包含n个 div 元素的 div.

之后可以使用以下代码对元素的 css 进行修改

#skins-container:nth-child(1) {
  /* ... */
}

#skins-container:nth-child(2) {
  /* ... */
}

兼容系统暗色主题

当系统的主题偏好为暗色, 会在 html 元素上增加一个名为 dark 的 class.

于是可以使用以下代码完成亮暗色主题的切换:

:root {
  /* ... */
}

html.dark {
  /* ... */
}