gruvbox
🎨 Sublime Text 主题与色彩方案,采用柔和的‘复古感觉’色彩
详情
安装
- 总计 64K
- Win 30K
- Mac 15K
- Linux 19K
8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | 6月22日 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 10 | 9 | 4 | 6 | 12 | 10 | 9 | 10 | 10 | 6 | 3 | 10 | 15 | 14 | 7 | 5 | 7 | 6 | 4 | 7 | 9 | 8 | 11 | 3 | 6 | 10 | 11 | 13 | 15 | 19 | 4 | 15 | 7 | 13 | 9 | 7 | 20 | 10 | 9 | 10 | 6 | 4 | 10 | 10 | 5 | 11 |
Mac | 3 | 3 | 1 | 5 | 3 | 6 | 2 | 2 | 3 | 1 | 0 | 3 | 3 | 5 | 1 | 0 | 2 | 1 | 5 | 3 | 4 | 9 | 2 | 3 | 0 | 6 | 3 | 2 | 7 | 6 | 0 | 3 | 9 | 4 | 2 | 4 | 3 | 3 | 5 | 3 | 1 | 5 | 1 | 6 | 5 | 4 |
Linux | 10 | 6 | 4 | 3 | 5 | 6 | 4 | 2 | 4 | 9 | 5 | 9 | 3 | 3 | 8 | 6 | 1 | 4 | 2 | 7 | 5 | 3 | 5 | 5 | 2 | 6 | 5 | 4 | 5 | 9 | 11 | 3 | 6 | 3 | 4 | 5 | 4 | 3 | 6 | 7 | 4 | 5 | 6 | 9 | 7 | 2 |
Readme
对比选项
安装
包控制
最简单的安装方法是使用 包控制
- 使用菜单项
工具 -> 命令面板...
打开命令面板 (⇧⌘P 在 Mac 上) (ctrlshiftP 在 Windows 上) - 选择
包控制:安装包
- 找到
gruvbox
并按 Enter - 将以下代码添加到 首选项 > 设置 - 用户 中以 激活主题
- 重启 Sublime Text
手动
您也可以手动安装该主题
- 下载 .zip 文件
- 解压并将文件夹重命名为
gruvbox
- 将文件夹复制到
Packages
目录,您可以通过菜单项Sublime Text -> 首选项 -> 浏览包...
找到该目录 - 将以下代码添加到 首选项 > 设置 - 用户 中以 激活主题
- 重启 Sublime Text
如何激活
通过修改您的用户首选项文件来激活 UI 主题和色彩方案,您可以通过菜单项 Sublime Text -> 首选项 -> 设置 - 用户
(⌘, 在 Mac 上) 找到此文件。
注意:在激活主题后,不要忘记重启 Sublime Text。
// gruvbox Dark Hard Contrast
{
"theme": "gruvbox.sublime-theme",
"color_scheme": "Packages/gruvbox/gruvbox (Dark) (Hard).sublime-color-scheme",
}
// gruvbox Dark Medium Contrast
{
"theme": "gruvbox.sublime-theme",
"color_scheme": "Packages/gruvbox/gruvbox (Dark) (Medium).sublime-color-scheme",
}
// gruvbox Dark Soft Contrast
{
"theme": "gruvbox.sublime-theme",
"color_scheme": "Packages/gruvbox/gruvbox (Dark) (Soft).sublime-color-scheme",
}
// gruvbox Light Hard Contrast
{
"theme": "gruvbox.sublime-theme",
"color_scheme": "Packages/gruvbox/gruvbox (Light) (Hard).sublime-color-scheme",
}
// gruvbox Light Medium Contrast
{
"theme": "gruvbox.sublime-theme",
"color_scheme": "Packages/gruvbox/gruvbox (Light) (Medium).sublime-color-scheme",
}
// gruvbox Light Soft Contrast
{
"theme": "gruvbox.sublime-theme",
"color_scheme": "Packages/gruvbox/gruvbox (Light) (Soft).sublime-color-scheme",
}
色彩方案变体
gruvbox 包含带有不同亮度、饱和度或颜色的色彩方案变体,同时仍然保持优秀的 gruvbox 声音。
无暗淡颜色
无任何中性/暗淡颜色的变体
"color_scheme": "Packages/gruvbox/gruvbox (Dark) (Hard) NDC.sublime-color-scheme",
"color_scheme": "Packages/gruvbox/gruvbox (Dark) (Medium) NDC.sublime-color-scheme",
"color_scheme": "Packages/gruvbox/gruvbox (Dark) (Soft) NDC.sublime-color-scheme",
"color_scheme": "Packages/gruvbox/gruvbox (Light) (Hard) NDC.sublime-color-scheme",
"color_scheme": "Packages/gruvbox/gruvbox (Light) (Medium) NDC.sublime-color-scheme",
"color_scheme": "Packages/gruvbox/gruvbox (Light) (Soft) NDC.sublime-color-scheme",
配置
强调颜色
强调颜色会影响图标和某些文本。
"gruvbox_accent_aqua": true, // uses the cyanish color from the color scheme
"gruvbox_accent_blue": true, // uses the bluish color from the color scheme
"gruvbox_accent_green": true, // uses the greenish color from the color scheme
"gruvbox_accent_orange": true, // uses the orangish color from the color scheme
"gruvbox_accent_purple": true, // uses the purplish color from the color scheme
"gruvbox_accent_red": true, // uses the redish color from the color scheme
"gruvbox_accent_yellow": true, // uses the yellowish color from the color scheme
"gruvbox_accent_pink": true, // uses the pinkish color from the color scheme
自动完成间距
更改自动完成行的间距
// sizes are top/bottom in px
"gruvbox_autocomplete_cramped": true, // v 2
"gruvbox_autocomplete_compact": true, // | 4
// | 6 (Default)
"gruvbox_autocomplete_comfortable": true, // | 8
"gruvbox_autocomplete_cozy": true, // v 10
自动完成边框
在自动完成弹出窗口周围添加边框
"gruvbox_autocomplete_border": true,
"gruvbox_autocomplete_border_thick": true,
侧边栏选择的自动完成行
在选择的自动完成行的左侧添加边框
所有厚度均要求 gruvbox_sideline_autocomplete_row
为 true
。
"gruvbox_sideline_autocomplete_row": true, // v 1 (Default)
"gruvbox_sideline_autocomplete_row_thick": true, // | 2
"gruvbox_sideline_autocomplete_row_thickest": true, // v 3
禁用选择的自动完成行高亮
从选择的自动完成行中移除高亮。
"gruvbox_disable_autocomplete_row_highlight": true,
侧边栏间距
更改侧边栏树行之间的间距
// sizes are top/bottom in px
"gruvbox_sidebar_cozy": true, // v 1
"gruvbox_sidebar_comfortable": true, // | 3
// | 5 (Default)
"gruvbox_sidebar_compact": true, // | 7
"gruvbox_sidebar_cramped": true, // v 9
侧边栏缩进
更改侧边栏树行的缩进
"gruvbox_sidebar_indent_xxs": true, // v 4
"gruvbox_sidebar_indent_xs": true, // | 8
"gruvbox_sidebar_indent_s": true, // | 12
// | 16 (Default)
"gruvbox_sidebar_indent_l": true, // | 20
"gruvbox_sidebar_indent_xl": true, // | 24
"gruvbox_sidebar_indent_xxl": true, // v 28
侧边栏字体大小
更改侧边栏标签的字体大小
增加字体大小会扭曲侧边栏中的图标。
"gruvbox_sidebar_font_size_10": true, // v 10
// | 11 (Default)
"gruvbox_sidebar_font_size_12": true, // | 12
"gruvbox_sidebar_font_size_13": true, // | 13
"gruvbox_sidebar_font_size_14": true, // | 14
"gruvbox_sidebar_font_size_15": true, // | 15
"gruvbox_sidebar_font_size_16": true, // v 16
粗体侧边栏标签
切换侧边栏标签的粗体字体
"gruvbox_sidebar_heading_bold": true,
"gruvbox_sidebar_label_bold": true,
命令面板间距
更改命令面板行之间的空间
// sizes are top/bottom in px
"gruvbox_command_palette_cozy": true, // v 16
"gruvbox_command_palette_comfortable": true, // | 14
// | 12 (Default)
"gruvbox_command_palette_compact": true, // | 8
"gruvbox_command_palette_cramped": true, // v 4
突出显示侧边栏选中的命令面板行
在选中的命令面板行的左侧添加边框
所有厚度都需要将 gruvbox_sideline_command_palette_row
设置为 true
。
"gruvbox_sideline_command_palette_row": true, // v 1 (Default)
"gruvbox_sideline_command_palette_row_thick": true, // | 2
"gruvbox_sideline_command_palette_row_thickest": true, // v 3
禁用选中的命令面板行高亮
从选中的命令面板行中移除高亮。
"gruvbox_disable_command_palette_row_highlight": true,
状态栏大小
更改状态栏的高度
// sizes are in px
"gruvbox_statusbar_xxs": true, // v 20
"gruvbox_statusbar_xs": true, // | 25
"gruvbox_statusbar_s": true, // | 30
// | 35 (Default)
"gruvbox_statusbar_l": true, // | 40
"gruvbox_statusbar_xl": true, // | 45
"gruvbox_statusbar_xxl": true, // v 50
状态栏按钮宽度
更改状态栏按钮的最小宽度
// sizes are in px
"gruvbox_statusbar_button_xxs": true, // v 44
"gruvbox_statusbar_button_xs": true, // | 55
"gruvbox_statusbar_button_s": true, // | 65
// | 75 (Default)
"gruvbox_statusbar_button_l": true, // | 85
"gruvbox_statusbar_button_xl": true, // | 95
"gruvbox_statusbar_button_xxl": true, // v 105
状态栏字体大小
更改状态栏标签的字体大小
"gruvbox_statusbar_font_size_10": true, // v 10
// | 11 (Default)
"gruvbox_statusbar_font_size_12": true, // | 12
"gruvbox_statusbar_font_size_13": true, // | 13
"gruvbox_statusbar_font_size_14": true, // | 14
"gruvbox_statusbar_font_size_15": true, // | 15
"gruvbox_statusbar_font_size_16": true, // v 16
选项卡大小
更改选项卡的高度
// sizes are in px
"gruvbox_tabs_xxs": true, // v 33
"gruvbox_tabs_xs": true, // | 39
"gruvbox_tabs_s": true, // | 45
// | 51 (Default)
"gruvbox_tabs_l": true, // | 57
"gruvbox_tabs_xl": true, // | 63
"gruvbox_tabs_xxl": true, // v 69
选项卡字体大小
更改选项卡的字体大小
"gruvbox_tabs_font_size_7": true, // v 7
"gruvbox_tabs_font_size_8": true, // | 8
"gruvbox_tabs_font_size_9": true, // | 9
"gruvbox_tabs_font_size_10": true, // | 10
// | 11 (Default)
"gruvbox_tabs_font_size_12": true, // | 12
"gruvbox_tabs_font_size_13": true, // | 13
"gruvbox_tabs_font_size_14": true, // | 14
"gruvbox_tabs_font_size_15": true, // v 15
自动折叠选项卡栏
当不使用时自动折叠选项卡
"gruvbox_autocollapse_tabs": true, // enable the autocollapsing tabs
// Set the height of the trigger area which shows the tabs
"gruvbox_autocollapse_tabs_trigger_2": true, // v 2
"gruvbox_autocollapse_tabs_trigger_3": true, // | 3
// | 4 (Default)
"gruvbox_autocollapse_tabs_trigger_5": true, // | 5
"gruvbox_autocollapse_tabs_trigger_6": true, // v 6
下划线更改过的选项卡
使用当前强调颜色下划线更改过的选项卡
所有厚度都需要将 gruvbox_underline_modified_tabs
设置为 true
。
"gruvbox_underline_modified_tabs": true, // | 1 (Default)
"gruvbox_underline_modified_tabs_thick": true, // v 2
下划线活动选项卡
使用当前强调颜色下划线活动选项卡
所有厚度都需要将 gruvbox_underline_active_tab
设置为 true
。
"gruvbox_underline_active_tab": true, // | 1 (Default)
"gruvbox_underline_active_tab_thick": true, // | 2
"gruvbox_underline_active_tab_thicker": true, // v 3
查找、替换和终端大小
调整查找、替换和终端面板的上边距和下边距
"gruvbox_panel_xxs": true, // v 2
"gruvbox_panel_xs": true, // | 4
"gruvbox_panel_s": true, // | 8
// | 11 (Default)
"gruvbox_panel_l": true, // | 13
"gruvbox_panel_xl": true, // | 15
"gruvbox_panel_xxl": true, // v 17
滚动条宽度
调整滚动条的宽度
// sizes are total width in px
"gruvbox_scrollbar_width_xs": true, // v 12
"gruvbox_scrollbar_width_s": true, // | 14
// | 16 (Default)
"gruvbox_scrollbar_width_l": true, // | 18
"gruvbox_scrollbar_width_xl": true, // v 20
按钮字体大小
调整按钮的字体大小
"gruvbox_buttons_font_size_10": true, // v 10
// | 11 (Default)
"gruvbox_buttons_font_size_12": true, // | 12
"gruvbox_buttons_font_size_13": true, // | 13
"gruvbox_buttons_font_size_14": true, // | 14
"gruvbox_buttons_font_size_15": true, // | 15
"gruvbox_buttons_font_size_16": true, // v 16
禁用/启用边框
"gruvbox_disable_borders": true, // Disable all borders
"gruvbox_enable_pane_borders": true, // Enable borders between panes
"gruvbox_enable_sidebar_border": true, // Enable the sidebar border
"gruvbox_enable_statusbar_border": true, // Enable borders for the status bar
"gruvbox_enable_tab_borders": true, // Enable borders for the tabs
"gruvbox_disable_command_palette_row_border": true, // Disable Command Palette row borders
交替文件夹图标
更大的默认文件夹图标
在侧边栏中使用更大的默认文件夹图标
"gruvbox_folder_icons_large": true,
方形文件夹图标
在侧边栏中使用方形文件夹图标
"gruvbox_folder_icons_square": true,
圆形文件夹图标
在侧边栏中使用“圆形”文件夹图标
"gruvbox_folder_icons_circle": true,
加减文件夹图标
在侧边栏中使用“加减”文件夹图标
"gruvbox_folder_icons_plus_minus": true,
空间灰色文件夹图标
在侧边栏中使用空间灰色样式的文件夹图标
"gruvbox_folder_icons_spacegray": true,
交替图标集
中划线
使用1.5倍更粗的线条图标
"gruvbox_iconset_midstroke": true,
粗类型
使用2倍更粗的线条图标
"gruvbox_iconset_thick": true,
空间灰色
使用空间灰色样式的图标
"gruvbox_iconset_spacegray": true,
PlainTasks 支持
PlainTasks 支持
要使用与PlainTasks插件一起使用颜色方案,请将颜色方案路径添加到“首选项 > 插件设置 > PlainTasks > 设置 - 用户”中的"color_scheme"
密钥,如下所示
// PlainTasks.sublime-settings
{
"color_scheme": "Packages/gruvbox/gruvbox (Dark) (Medium).sublime-color-scheme",
}
更多设置……
更多设置……
"gruvbox_animate_icons": true, // Enable icon animations
"gruvbox_buttons_bold": true, // Enable bold button labels
"gruvbox_colored_tooltips": true, // Color the tooltip backgrounds with the current accent color
"gruvbox_disable_faded_file_icons": true, // Make file-type icons opaque
"gruvbox_disable_file_icons": true, // Disable the sidebar file icons
"gruvbox_disable_folder_icons": true, // Disable the sidebar folder icons
"gruvbox_disable_greyscale": true, // Use gruvbox colors instead of greyscale colors for certain text
"gruvbox_disable_panels_button": true, // Hide the panel-switching button
"gruvbox_enable_panel_close_button": true, // Enable the panel close button
"gruvbox_highlight_active_buttons": true, // Highlight selected buttons in the Find & Replace panel
"gruvbox_highlight_active_tree_row": true, // Highlight the active file in the sidebar tree
"gruvbox_less_contrast": true, // Use less contrasting colors in sidebar, tabs, etc.
"gruvbox_statusbar_bold": true, // Enable bold status bar labels
"gruvbox_tabs_autowidth": true, // Auto-size the tabs
"gruvbox_tabs_bold": true, // Enable bold tabs
附加功能
所有附加功能都可以在包的extras
子目录中找到。extras
应用程序图标
PNG、ICO和ICNS格式的应用程序图标位于extras/app-icons/
。
SublimeLinter 侧边栏主题
激活
- 将
gruvbox
目录从extras/sublimelinter gutter-themes/
添加到Sublime Text/Data/Packages/SublimeLinter/gutter-themes/
- 通过从命令面板中选择
SublimeLinter: 选择侧边栏主题
并选择gruvbox
或通过在SublimeLinter.sublime-settings
中将"gutter_theme"
更改为"Packages/SublimeLinter/gutter-themes/gruvbox/gruvbox.gutter-theme"
来将gruvbox
设置为侧边栏主题 - 重启 Sublime Text
括号高亮显示图标
激活
- 将
extras/BracketHighlighter/icons/
中的所有图像移动到Sublime Text/Data/Packages/BracketHighlighter/icons/
- 重启 Sublime Text
代码折叠图标
激活
- 将
extras
中的任何*_fold.png
重命名为fold.png
- 将重新命名的
fold.png
图标添加到Sublime Text/Data/Packages/Theme - Default/
- 重启 Sublime Text
书签图标
激活
- 将
extras
中的任何*_bookmark_*.png
重命名为bookmark.png
- 将重新命名的
bookmark.png
图标添加到Sublime Text/Data/Packages/Theme - Default/
- 重启 Sublime Text
调色板
暗色模式
浅色模式
许可证
贡献
贡献总是受欢迎的。在贡献之前,请阅读CONTRIBUTING.md
。
对于其他编辑器
感谢
感谢
- Pavel Pertsev为Vim创建gruvbox。
- Will Bond的数学Package Control
- Spacegray和Material Theme提供灵感