程序员的护眼Style

截止 2020.01.14 楼主过了3年多的码农生活，每天长时间的面对电脑导致了干眼症的发生，与最近有所好转（后续 maybe 分享 “干眼症” 的治疗经历）
言归正传，为了改善用眼的舒适度，经过潜心修练后遂有了本文，自觉效果不错，整理与大家共享

怎样才能护眼

四方面：背景颜色，字体颜色，行间距，字体大小，末两种情况，因人而异，这里详细讨论前面两种

什么才是护眼的背景色？

标准

1.设置屏幕亮度，使它不刺眼也不太暗。
2.与文字色映照时的辨识度要较高
3.蓝绿色都是大自然的颜色，而且作为冷色调，都会让心情赶到平静与舒适
备注：护眼的重点是“远眺”而不是“绿色”

绿豆沙色传说平反 ———— | ：) |

参考配色搭配

• Idea黑色配色
  1.背景：#2B2B2B 43 43 43
  2.字体颜色：
     #A9B7C6 169 183 198
     #6EA1C5 110 161 197
     #578BC5 87 139 197

• 绿豆沙色
  色调：85。饱和度：90。亮度：208 #D0EAD3

• kindle for mac阅读器的底色
  R 241 G 229 B 201

• 深咖色
  – https://nipponcolors.com/

• 天蓝色
  – http://bootflat.github.io/color-picker-blue.html

备注：后两种配色楼主只觉得很好看，但没有弄到相应的配色方案，期望以后找到或由大家提供

怎么选择合适的文字？

标准

1.非常清晰（Crisp clear characters）
2.支持扩展字符集（Extended characterset）否则会出现乱码或者方格
3.对空白把握的很好（包括但不限于空格、非中断空格、制表符…）
4.可轻易区分’l’, ‘1′ 和 ‘i’
5.可轻易区分’0′, ‘o’ 和 ‘O’
6.可轻易区分左右引号 - 最好是对称的
7.清晰的标点符号，特别是大括号小括号和中括号
8.锯齿消除：消除某些图像的边缘部分粗糙的成像，使边缘看起来很平滑。

西文字体

• Inconsolata：锯齿消除 非常小的时候也很清晰 — 真正的情况是它适合于任何大小
• Source Code Pro：一款堪称完美的编程字体
• Google：中日韩文字的开源字体思源黑体
• Helvetica Neue：很经典的字体（自我感觉对眼睛不太友好）

中文字体：

• 冬青黑体（Hiragino Sans GB W3）
• 华文黑体（STHeiti）

实战出真知

电脑整体调色

f.lux 调色软件，可以依据屏幕本身的亮度及色彩搭配进行自动调整，真正体验黄黄的感觉

秘密武器

防蓝光眼镜儿，是真的比较好用

常用软件调色

Eclipse

更改背景色：
1、展开General标签，选中Editors选项，再选中 Test Editors，右边出现Test Editors面板。 面板中有这样一个选项：Appearance color options； 其中是各种板块颜色的设置，其中有一项是background color，根据自己的喜好选择颜色。
2、 选中 background color，勾掉System Default，点击’color’颜色块

更改代码块儿：
展开 Java 标签，展开 Editor 标签，点击 Syntax Coloring 标签，右侧弹出选项卡

1、注释 Annotations
2、符号 Brackets
3、类名 Classes
4、常量 Constant
5、弃用的成员 Deprecated members
6、枚举 Enums
7、变量 Fields
8、return关键字 Keyword ‘return’
9、其他关键字 Keyword excluding ‘return’
10、方法定义 Method declarations
11、方法 Methods
12、数字 Numbers
13、运算符 Operators
14、其他 Others
15、静态变量 Static fields
16、字符串 Strings

---

Idea

安装字体：
– https://blog.csdn.net/qq_40158089/article/details/94436866

解决办法：
1、找到IDEA安装目录，把字体文件复制到IDEA-jre-lib-fonts目录下，重启IDEA就能看到该字体了
2、去掉 fonts 设置下的 Show only monospaced fonts 即可

---

Notepad++

主题：Bespin ”滋生姊妹“

---

Chorme

推荐颜色： F7EFDE 浅咖啡色 F5FAF5 浅绿
通过 customecss.crx插件 进行覆盖基础配置
具体方法参考：
– https://blog.csdn.net/jvortex/article/details/73895288
代码参考：

/*字体阴影*/
/**{text-shadow:0.01em 0.01em 0.1em #999999 !important;}*/

/*全局雅黑字体*/
/**:not([class*="icon"]):not(i){font-family: "Microsoft YaHei" !important;}*/

/*去除链接下划线*/
/*a{text-decoration:none !important}*/

/*鼠标悬停时：淡蓝色文字效果*/
a{-webkit-transition: all 0.3s ease-out;}
a:hover{color: #39F  !important;text-shadow:-5px 3px 18px #39F !important;-webkit-transition: all 0.3s ease-out;}
*::-webkit-selection {background: #333333 !important; color: #00FF00 !important; }

/*背景颜色就变黑*/
/*div   {background-color:#2B2B2B !important;}*/
/*table {background-color:#2B2B2B !important;}*/
/*td    {background-color:#2B2B2B !important;}*/

/*背景颜色就变浅咖啡色*/
/*div   {background-color:#F7EFDE !important;}*/
/*table {background-color:#F7EFDE !important;}*/
/*td    {background-color:#F7EFDE !important;}*/

/*背景颜色就变绿*/
div   {background-color:#F5FAF5 !important;}
table {background-color:#F5FAF5 !important;}
td    {background-color:#F5FAF5 !important;}

备注：经过博主实验后，保留了 鼠标悬停时，背景文字效果 及 整体背景颜色
因为网页的浏览行为亦需要留存网站本身的独特设计及效果，全局更改反而降低了体验感

---

Sublime_text3

字体及背景色：
工具栏 -> Preferences
选择Settings
点击“Settings”后就打开了Preferences.sublime-settings文件：

{
    "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",
    "dpi_scale": 1.0,
    "font_face": "Hiragino Sans GB W3",
    "font_size": 13,
    "ignored_packages":
    [
        "Markdown",
        "Vintage"
    ],
    "line_padding_top": 10,
    "theme": "Default.sublime-theme",
    "theme_font_options":
    [
        "gdi"
    ]
}

备注：sublime_text 不支持单独设置中文字体
字体与背景颜色：用默认的 Dark 即可，与IDEA类似

Markdown 文件的格式如何与默认值一样：
修改Markdown GFM Settings - User 即可
参考：
–https://www.jianshu.com/p/601ac86b83ba | Sublime Text3 安装Markdown Editing 后打开 .md 文件样式如何修改？

色彩搭配链接推荐

• 12个在线配色网站推荐
  – http://www.ziticq.com/Article/2221
• 底色和文字的搭配，及护眼颜色的选择
  – http://www.360doc.com/content/13/0114/04/11472472_260028286.shtml
• 有哪些值得推荐的字体
  – http://www.360doc.com/content/13/0114/04/11472472_260028286.shtml