拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配

写在前面

俗话说,“工欲善其事,必先利其器”,因为我自己的使用习惯,对于IDE的颜值还是有着十分高的要求的,这次推荐大家使用Material Theme UI+Atom Material Icons美化你的IDE,Coding更加舒适!

附上最后IDE的效果


(需要注意的是,Material Theme UI并不仅仅只有这一种Theme可供你选择,你可以从它所提供的18种自带主题中选择自己所喜欢的,亦可以自定义主题,同时它还支持强大的参数配置)


拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配
拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配

注意看左边图标已经变化了,这就是Atom Material Icons,相较于原生IDEA的Icons,辨识度高了很多,一眼就可以看出哪些是类,哪些是接口

安装

安装过程还是十分简单的,File>Settings>Plugins,然后直接搜索,点击INSTALL安装就可以了,Material Theme UI需要重启IDE,而Atom Material Icons安装完毕就可以看到效果了
拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配
拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配

如果你的网络环境不是很好的话,很可能Marketolace搜索是没有结果或者一直转圈圈,这时推荐你在idea插件官网下载安装后自己手动装载至你的idea中(https://plugins.jetbrains.com)。下载完毕后选择“从磁盘安装插件即可”
拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配

设置

下面开始说明一下常用的Material Theme UI设置,而Atom Material Icons通常是不需要额外配置的。


重启之后,Material Theme UI会有一个欢迎界面以及一些设置,你可以大致选一下,因为进idea后会有更详细的设置。


主要涉及到三个地方的设置,如下:

Material Theme

File > Settings > Appearance & Behavior > Material Theme

拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配

这里需要重点设置突出颜色,此选项会将原来idea中大部分白色换为你自己定义的颜色,根据个人喜好设置即可

拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配

预设了大约20种主题方案,可以逐一试一下效果,我使用的是Material Darker

拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配

这个选项如果你是笔记本比较建议大家勾选,因为没勾选前,整个笔记本的屏幕连File菜单都会显示不全,勾选后,可以减少菜单项组件的上下间距尺寸,看起来更紧凑,效果如下:拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配
剩下的配置都不是很重要,默认来即可,时间就是金钱,赶紧写代码吧!




Material Custom Theme

File > Settings > Appearance & Behavior > Material Custom Theme
如果对预设的方案不满意的话,就可以使用此项来自定义专属于自己的方案,在预设前,需要在上一项选择主题时选择“Custom Theme”,如下所示

拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配
拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配

有深度定制需求的小伙伴可以自己探索,不过一般原本预设的近20种主题中也够用了




Atom Material Icons Settings

File > Settings > Appearance & Behavior > Atom Material Icons Settings
Atom Material Icons 插件的设置还是十分简单的,不过一般也不需要去动它的配置,按默认来即可,唯一变化的可能是设置颜色,可以将图标设置为单色,按照下图,勾选后选择颜色即可。

拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配




当然还有提升!

1.字体设置

强烈推荐JetBrains公司推出的一款优雅美观的字体-JetBrainsMono,是专为开发人员设计的,有效缓解疲劳问题,大家可以感受一下:
拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配
需要注意的是,JetBrains Mono似乎不支持中文,所以需要额外设置第二备选字体,我选择的是微软雅黑UI,设置如下:
拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配
拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配

最好是两个地方都设置一下,以切合自己的主题




2.Nyan Progress Bar插件

安装上文已经提过,这里就不再重复,此插件是将原来的进度条美化,变成一个可爱的彩虹猫,编程的同时,有这么只猫陪着,也算是赏心悦目了,效果如下:
拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配

放大

拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配
拒绝清一色灰或白主题,教你使用IDEA主题插件Material Theme UI+Atom Material Icons美化你的IDE,颜值瞬间上升一个档次!附详细配置与字体搭配


如果我的文章对你有帮助的话,欢迎点赞、评论、分享给你的朋友,这是对作者最大的鼓励