前言
放一张效果图先感受一下吧!!!
Material Theme
这一款主题是有着主题排行榜第一荣誉的Material。
1、打开Package Control:输入IP按回车进入安装模式。
2、搜索 material,选择Material Theme,等待安装,安装完之后会会自己打开一个文档,这就说明已经安装好了。
3、菜单栏选择:preferences --> Themes
4、自定义主题细节
Accent
每个选项对应不同的颜色
Color Scheme
- 暗黑色系
- 明亮色系
- 紫色系
- 默认色系
Panels
Tabs
图片里的参数解释因为之前是自己摸索的和翻译的,所以有些参数表述错误。在文章末尾 主题参数说明(点击这里)会有详细解释。
Fira Code
下载链接:https://github.com/tonsky/FiraCode
打开GitHub比较慢,请看这篇博客:如何加速国内GitHub的访问
下载完成之后,解压文件并安装字体,preferences --> Settings
在user设置里面加上代码"font_face": "Fira Code",
,代码后面有一个逗号,参考图片所示:
主题参数说明
Accent
参数 | 说明 |
---|---|
“ material_theme_accent_acid-lime ” | 设置酸钙颜色 |
“ material_theme_accent_blue ” | 设置蓝色颜色 |
“ material_theme_accent_brba ” | 设置Breaking Bad绿色颜色 |
“ material_theme_accent_bright-teal ” | 设置亮绿色的强调色 |
“ material_theme_accent_cyan ” | 设置青色的强调色 |
“material_theme_accent_graphite ” | 设置石墨强调色 |
“material_theme_accent_indigo” | 设置靛蓝强调色 |
“material_theme_accent_lime” | 设置石灰绿色强调色 |
“material_theme_accent_orange” | 设置橙色强调色 |
“material_theme_accent” | 设置粉红色的配色 |
“material_theme_accent_purple” | 设置紫色强调色 |
“ material_theme_accent_red ” | 设置红色强调色 |
“ material_theme_accent_sky ” | 设置亮青色强调色 |
“ material_theme_accent_tomato ” | 设置番茄红色强调色 |
“material_theme_accent_yellow ” | 设置黄色的强调色 |
Panels
参数 | 说明 |
---|---|
“material_theme_accent_scrollbars” | 为滚动条启用强调色 |
“material_theme_accent_titlebar” | 为标题栏启用强调色 |
“material_theme_bright_scrollbars” | 明亮的滚动条填充颜色 |
“material_theme_compact_panel” | 为最小填充设置搜索面板 |
“material_theme_contrast_mode” | 启用侧边栏和面板对比度模式 |
“material_theme_panel_separator” | 显示底部分隔符 |
“material_theme_small_statusbar” | 设置小状态栏 |
“material_theme_titlebar” | 启用标题栏 |
Sidebar
参数 | 说明 |
---|---|
“material_theme_arrow_folders” | 用箭头替换文件夹图标 |
“material_theme_big_fileicons” | 显示更大的文件类型图标 |
“material_theme_bullet_tree_indicator” | 将项目符号设置为活动树指示器 |
“material_theme_compact_sidebar” | 设置紧凑的侧边栏 |
“material_theme_disable_fileicons” | 隐藏侧边栏文件类型图标 |
“material_theme_disable_folder_animation” | 禁用文件夹动画 |
“material_theme_disable_tree_indicator” | 禁用侧边栏文件指示器 |
Tabs
参数 | 说明 |
---|---|
“ material_theme_bold_tab ” | 使标签标签变粗 |
“material_theme_small_tab” | 设置小标签 |
“material_theme_tabs_autowidth” | 为标签启用自动宽度 |
“material_theme_tabs_separator” | 显示标签分隔符,这会禁用标签悬停动画 |
“material_theme_tree_headings” | 显示侧边栏标题 |
如果您使用Material Theme-Appbar插件,则可以使用上面最后一个设置。
配置方案
下面是小编用的一套设置,不想自己一个一个选择的可以试一下这套设置。
"material_theme_accent_bright-teal": true,
"material_theme_accent_scrollbars": true,
"material_theme_accent_titlebar": true,
"material_theme_bullet_tree_indicator": true,
"material_theme_contrast_mode": true,
"material_theme_small_statusbar": true,
"material_theme_small_tab": true,
"theme": "Material-Theme.sublime-theme",