门外汉求助 CSS 网页文字调整

2018-09-20 21:22:08 +08:00
 bao3

事情是这样的,新的 macOS 支持夜间模式,这本来挺好的,可是所有的网站背景都是白色的,在夜间模式下就特别刺眼。所以我就想能不能自己定制一下背景色。我对 CSS 一无所知,都是用 google 来完成简单学习,并学会在 Safari 里使用右键“检查元素”来慢慢调整。 最终,算是弄出一个半成品,在不使用任何插件的情况下,实现了 Safari Solarized 的 CSS,你们别笑话我啊,我的代码如下,你先建一个 css 文件,你也可以直接在 https://pastebin.com/LQyx6Ydy 查看和下载,内容如下:

* {

/* 下面是文字颜色 */
    color: #667B83 !important;
/* 下面是边框颜色 */  
    border-color: #596E75 !important;

/* 接下来就是背景颜色了 */
    background: #022B35 !important;
}
a {
    /* 这里是超链接的高亮颜色 */
	color: #93A1A1 !important;
}



然后打开 macOS 的 Safari “偏好设置”,“高级”,“样式表”,选择你保存的这个文件(.css) ,这样你的页面就成了一个半成品的 Solarized 网页。但是问题也有,例如,整个网页的文字就没有了五花八门的颜色,可是最严重的问题,就是我想在这里请教大家的,请参见下面的图片:

那些标题字体显得很怪异。希望大家能告诉我怎么在上面的代码基础上改改,你们告诉我往哪努力,虽然是门外汉,我可以努力实现

2328 次点击
所在节点    CSS
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/491323

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX