站点的色彩改进计划

尚寂新
2019/10/19 22:04

现有的这套色系...也是基于原二改的主题吧。目前这套主题已经被我改动了很多,原主题的样式已经被换下来的差不多了,于是撤下了 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;        /*暗*/

1571137700700.png
1571137700700.png

另外,这还不太够的样子。今早突发奇想,把 banner 改成了现在这个样子。这样的话,博客的彩色样式随着主题内首图的不同,彩色的元素也会随之增多。我个人感觉,这是我做的最成功的一次设计。之后还会给博客文章各个分类设置缩略图,直接就显示在分类列表上,就像 V2 的各个节点的背景一样,只不过是在 banner 上。立 flag 并且咕咕咕时间

如果大家有什么好的建议的话,欢迎提出。感谢各位。

另外可以确定的是,本博的夜间模式适配已经咕咕咕了

2019-10-23

把加密文章的密码输入框弄了一下,借用了 Bootstrap 的样式

已有 0 条评论 (旧评论在前)
  1. 暂无评论 / 0 Comment
添加新评论 (Markdown Supported)
(ノ°ο°)ノ
未验证,请点击此处跳转到 Github 进行游客身份验证。