Saber 酱的抱枕

之前的黄色背景不是很好看，主要是作为大面积的背景，不能把亮度和饱和度设的太高，但是这些低了又会导致颜色很难看。而且那个黄色我用了几年了才忽然意识到，用黄色背景不就是黄色网站吗？我大惊，遂连夜修改成绿色网站。（现已变成粉色）

绿色的乍一看很好看，但是很快我就发现了一个问题：不够色。之前的文章标题是粉紫色的，我觉得很好，自带魅惑气息，和色图很搭。但是之前的黄色我已经不想用了，绿色也不搭，怎么办呢？最后我改成了粉紫色。所以这个绿色的主题只存在短短一两个小时。

其实我之前想做个让用户可以自己选择背景颜色的功能，所以我先对样式表进行了整理。以前到处都是散乱的颜色值，现在统一改为 css 变量了，这样控制和修改都简单很多。

修改完之后我发现有些地方需要使用不同的颜色，很难通过程序计算得出合理的值，特别是有时候背景色与主要文字的颜色是两个色系时。比如之前的主题就是琥珀色（屎黄色？）的背景，粉紫色的标题文字，这很难自动化，所以我放弃了自定义背景的功能（正好可以偷懒了）。

这次也优化了一些体验上的细节。

最近的几个配色：

紫色的魅惑就是文字和图片搭配整体氛围很色，例如：

绿色的 css 样式：

/* 绿色主题 */
:root {
  /* 页面背景颜色 */
  --color-body-bg: #40bc97;
  /* 滚动条的颜色，增加亮度和饱和度 */
  --color-scrollbar-bg: #23de84;
  /* 进入看图模式按钮的背景色，增加亮度 */
  --color-viewImage-bg: #15bb7d;
  /* 顶部图标的颜色，降低亮度，并增加饱和度 */
  --color-top-icon: #06b689;
  /* 文章标题的颜色，稍微深一些 */
  --color-theme: #15bb7d;
  /* 文章里的超链接，以及其他次要元素的颜色，稍微浅一些 */
  --color-theme-secondary: #41c896;
  /* 访问过的链接的颜色，更浅一些 */
  --color-a-visited: #5eddae;
  /* 最浅的背景色（其上会显示文字） */
  --color-bg-light: #e3eee9;
}

如果你喜欢的话可以通过自定义样式的工具来使用这套主题。

如果你看到网页变成了绿色的，说明你撸多了