站点的色彩改进计划
现有的这套色系...也是基于原二改的主题吧。目前这套主题已经被我改动了很多,原主题的样式已经被换下来的差不多了,于是撤下了 Footer 区的版权提示。现在我基于这套二改,都是以灰色和黑色还有白色为主色系进行更改的,正因为这种限制,主题整体就灰突突的,看久了难免会有审美疲劳。毕竟现在小米手环都出彩屏了2333....
本文章长期更新,届时我会将对博客的改动,同步更新进来。
首先呢...彩色样式按照什么样的标准来呢?说来也巧,也是看了一篇文章,说是 IOS 的色彩设计,觉得颜色还是很活泼很鲜艳恰到好处的。但是还是生怕会有版权问题,然后我就想起来了 Bootstrap 4.0 。BS 本身就是开放使用的,应该不会出现什么版权问题。但是目前博客的彩色样式有限,我仅仅将a标签和code标签设置上了 Bootstrap 的颜色。如果博客上有新的元素出现的话,会对其进行跟进。
--blue: #007bff; /*蓝色*/
--indigo: #6610f2; /*靛蓝*/
--purple: #6f42c1; /*紫色*/
--pink: #e83e8c; /*粉色*/
--red: #dc3545; /*红色*/
--orange: #fd7e14; /*橙色*/
--yellow: #ffc107; /*黄色*/
--green: #28a745; /*绿色*/
--teal: #20c997; /*蓝绿*/
--cyan: #17a2b8; /*青色*/
--white: #fff; /*白色*/
--gray: #6c757d; /*灰色*/
--gray-dark: #343a40; /*灰黑*/
--primary: #007bff; /*首要元素*/
--secondary: #6c757d; /*次要元素*/
--success: #28a745; /*成功提示*/
--info: #17a2b8; /*信息提示*/
--warning: #ffc107; /*警告提示*/
--danger: #dc3545; /*危险提示*/
--light: #f8f9fa; /*亮*/
--dark: #343a40; /*暗*/
另外,这还不太够的样子。今早突发奇想,把 banner 改成了现在这个样子。这样的话,博客的彩色样式随着主题内首图的不同,彩色的元素也会随之增多。我个人感觉,这是我做的最成功的一次设计。之后还会给博客文章各个分类设置缩略图,直接就显示在分类列表上,就像 V2 的各个节点的背景一样,只不过是在 banner 上。立 flag 并且咕咕咕时间。
如果大家有什么好的建议的话,欢迎提出。感谢各位。
另外可以确定的是,本博的夜间模式适配已经咕咕咕了
2019-10-23
把加密文章的密码输入框弄了一下,借用了 Bootstrap 的样式