ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

MonokaiFree

gerardroche 全部

Monokai颜色主题。

细节

安装

  • 总计 8K
  • Win 4K
  • Mac 2K
  • Linux 2K
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 3 1 0 2 2 3 2 0 3 0 1 1 3 4 2 1 2 3 1 2 1 2 1 1 2 3 2 1 4 2 0 1 6 1 2 2 1 1 1 2 2 2 3 3 3 2
Mac 1 3 1 1 0 0 0 1 3 2 2 0 1 0 0 1 0 0 2 1 0 1 0 1 1 0 0 0 0 0 0 1 2 1 0 0 0 0 0 0 0 1 4 1 0 0
Linux 0 0 0 0 0 0 2 0 0 0 0 0 1 1 1 3 0 1 1 1 1 1 1 1 0 0 0 1 2 0 0 0 1 0 0 1 1 0 1 3 1 3 5 0 0 1

README

源码
raw.githubusercontent.com

增强版Monokai颜色主题

Continuous Integration Package Control

Sublime Text的增强版Monokai颜色主题是对深受大家喜爱的Monokai主题的精彩修改和升级。它旨在提供一个更加生动、视觉上更令人愉悦的编码体验,同时保留原始Monokai色调的本质,并增强某些元素以提高可读性和代码高亮。

注意:如果您已从v1升级到v2,可能需要将MonokaiFree作为您的颜色主题重置。您可以通过导航到“菜单→首选项→选择颜色主题→MonokaiFree”来完成此操作。有关更多详细信息,请参阅问题#7

CSS

特性

  • 增强语法高亮:增强版Monokai颜色主题精心挑选语法元素的颜色,使您的代码更加突出且易于区分。

  • 改进对比度:优化颜色对比度确保在长时间的编码过程中更易于观看并减少眼睛疲劳。

  • 微调颜色选择:颜色选择旨在在美观和实用性之间取得平衡,创造出一个和谐且愉快的编码环境。

  • 支持多种语言:增强版Monokai颜色主题适用于各种编程和标记语言,提供一致和连贯的语法高亮。

安装

方法1:使用包控制

  1. 打开Sublime Text。

  2. 按下Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(macOS)以召唤命令面板。

  3. 输入“Package Control: Install Package”然后按Enter

  4. 在输入框中输入“MonokaiFree”并从可用包列表中选择它。

  5. 要激活MonokaiFree颜色主题,转到命令面板→UI:选择颜色主题并从可用颜色主题列表中选择“MonokaiFree”。

方法2:手动安装

  1. 访问MonokaiFree GitHub仓库

  2. 点击“代码”按钮,然后选择“下载ZIP文件”。

  3. 解压缩下载的ZIP文件。

  4. 打开Sublime Text,然后导航到首选项 -> 浏览包...以打开包文件夹。

  5. 将解压缩后的ZIP文件中的“MonokaiFree”文件夹复制并将其粘贴到包文件夹中。

  6. 要激活MonokaiFree颜色主题,转到命令面板→UI:选择颜色主题并从可用颜色主题列表中选择“MonokaiFree”。

方法3:手动Git仓库安装

  1. 打开一个终端或命令提示符。

  2. 导航到Sublime Text的包目录

- On Windows: `%APPDATA%\Sublime Text\Packages`
- On macOS: `~/Library/Application Support/Sublime Text/Packages`
- On Linux: `~/.config/sublime-text/Packages`
  1. 使用Git将插件仓库直接克隆到包目录。
git clone https://github.com/gerardroche/sublime-monokai-free.git MonokaiFree
  1. 要激活MonokaiFree颜色主题,转到命令面板→UI:选择颜色主题并从可用颜色主题列表中选择“MonokaiFree”。

激活MonokaiFree颜色主题

要在Sublime Text中沉浸在MonokaiFree颜色主题中,请按以下简单步骤操作

  1. 通过按Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(macOS)访问命令面板。

  2. 在命令面板中,输入UI: Select Color Scheme

  3. 将出现可用颜色方案的列表。通过列表滚动并选择以下之一

  • MonokaiFree - 经典的Monokai颜色方案。
  • MonokaiFreeBlue - 带有蓝色调变色的变体。
  • MonokaiFreeDark - 经典方案的一个较暗版本。
  • MonokaiYaruDark - 受Ubuntu Gnome Yaru Dark启发的变体。
  • MonokaiDracula - 受Dracula启发的颜色方案变体。

现在您可以享受最适合您偏好的MonokaiFree颜色方案进行编码。在Sublime Text中撰写代码时,享受增强的视觉吸引力和可读性。编码愉快!

在Sublime Text中激活主题

要更改Sublime Text中的主题,请使用命令面板。按照以下步骤激活您希望的主题

  1. Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(macOS)打开命令面板。

  2. 在命令面板中,输入UI: Select Theme

  3. 将出现新的可用主题列表。通过列表滚动并选择以下主题之一

  • 自适应
  • 默认
  • 默认深色

现在您可以在使用您首选的主题的Sublime Text中工作,享受一个视觉上吸引人且可自定义的编码环境。编码愉快!

设置

Command Palette → 首选项: 设置

{
    "monokaifree.theme": true,
    "monokaifree.vcs_status_labels": true,
    "monokaifree.vcs_status_badges": true
}

字体

尝试使用替代字体以增强您的编码体验。以下是一些可以考虑的字体选项

字体 仓库 描述
Fira Code GitHub 用于编程的串联字体单字体。
Cascadia Code GitHub 为Windows Terminal编码设计的单字体。
Source Code Pro GitHub 面向编程人员和文本编辑器的单字体。
Inconsolata GitHub 用于代码列表和终端使用的单字体。
Hack GitHub 面向开发者的开源单字体。
JetBrains Mono GitHub 为编码设计的字体,易于阅读,优雅。
Monoid GitHub 以统一形状著称的唯一编码字体。
Hasklig GitHub 以统一形状著称的唯一编码字体。

Command Palette → 首选项: 设置

{
    "font_face": "Cascadia Code",
    "font_options": [
        "gray_antialias",
        "ss01", "ss02", "ss03", "ss04",
        "ss05", "ss06", "ss07", "ss08",
        "ss09", "ss10", "ss19", "ss20"
    ]
}

字体选项

Command Palette → 首选项: 设置

{
    "font_options": [
        "no_bold",
        "no_italic"
    ]
}

所有平台上的可用选项如下

  • "no_bold":禁用粗体文本。
  • "no_italic":禁用斜体文本。

抗锯齿选项

  • "no_antialias":禁用抗锯齿。
  • "gray_antialias":使用灰度抗锯齿而不是亚像素。

串联选项

  • "no_liga":禁用标准串联(OpenType liga功能)。
  • "no_clig":禁用上下文串联(OpenType clig功能)。
  • "no_calt":禁用上下文替代(OpenType calt功能)。
  • "dlig":启用可选串联(OpenType dlig功能)。
  • "ss01":启用OpenType样式集合1。您可以通过更改最后两位数字来启用1到10的集合。

仅Windows选项

  • "directwrite"(默认):使用DirectWrite进行字体渲染。
  • "gdi":使用GDI进行字体渲染。
  • "dwrite_cleartype_classic":仅适用于“directwrite”模式,字体渲染应类似于传统GDI。
  • "dwrite_cleartype_natural":仅适用于“directwrite”模式,字体渲染应类似于ClearType“自然质量”GDI。
  • "subpixel_antialias":在系统级别禁用时强制ClearType抗锯齿。

仅Mac选项

  • "no_round":当“font_size”较小时,不要对小写字母宽度进行圆整。

文件图标

考虑使用FileIcons将彩色图标融入侧边栏。如果您更喜欢灰度图标,可以在此处找到它们。这些图标与默认和自适应主题都兼容。

FileIcons

精简状态栏

要实现精简的状态栏,请按照以下步骤操作

  1. 通过按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)打开命令面板。

  2. 选择“首选项:设置”。

  3. 添加以下JSON配置

{
       "show_indentation": false,
       "show_line_column": "compact",
       "show_sidebar_button": false,
       "show_syntax": false
   }

此设置通过删除缩进信息、以紧凑格式显示行和列号、隐藏侧边栏按钮以及省略语法信息来简化状态栏。

文件标签

要实现精简的文件标签,请按照以下步骤操作

  1. 通过按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)打开命令面板。

  2. 选择“首选项:设置”。

  3. 添加以下JSON配置

{
       "file_tab_style": "square",
       "mouse_wheel_switches_tabs": false,
       "show_tab_close_buttons": false
   }

非活动工作表

要禁用非活动工作表的模糊效果并使输入焦点更改不那么分散,请按照以下步骤操作

  1. 通过按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)打开命令面板。

  2. 选择“首选项:设置”。

  3. 添加以下JSON配置

{
       "inactive_sheet_dimming": false
   }

此配置阻止非活动工作表变暗,提高了输入焦点的可见性。

禁用动画

为了得到一个没有动画的更流畅的界面,您可以禁用它们

  1. 通过按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)打开命令面板。

  2. 选择“首选项:设置”。

  3. 添加以下JSON配置

{
       "animation_enabled": false
   }

此配置关闭动画,以获得更静态和高效的视觉体验。

自定义光标外观

通过自定义光标角落样式来个性化光标的外观

  1. 通过按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)打开命令面板。

  2. 键入并选择“UI:自定义颜色方案”。

  3. 添加以下JSON配置来自定义光标的角落样式

{
       "globals": {
           "block_caret_corner_style": "round"
       }
   }

通过实现此配置,您将调整光标的角落样式,使其呈现出圆形。此细微调整会增强您的整体编辑体验。

自定义选择外观

可以自定义选择的外观,尤其是其角落样式

  1. 通过按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)打开命令面板。

  2. 键入并选择“UI:自定义颜色

方案”。

  1. 添加以下JSON配置来自定义选择的角落样式
{
       "globals": {
           "selection_corner_style": "square"
       }
   }

通过应用此配置,您将更改选择的角落样式为方形。此自定义在编辑任务期间为您提供独特的视觉感受。

自定义设置

通过自定义来制作独特的颜色方案。为此,请转到菜单→首选项→自定义颜色方案

{
    "variables": {
        "bg0": "#292C3F",
    },
    "globals": {
        "caret": "yellow",
        "block_caret": "yellow",
        "block_caret_border": "yellow",
        "block_caret_corner_style": "square",
        "selection_corner_style": "square",
        "brackets_options": "foreground bold glow",
    },
    "rules": []
}

基本变量

COLOR HEX R G B 示例用法
1 bg0 #272822 39 40 34 背景
2 bg1 #3e3d32 62 61 50 标尺、不可见字符
3 bg2 #43443b 行高亮、选择
4 bg3 TBD
5 fg0 #f8f8f2 248 248 242 文本
6 fg1 #cfcfc2 207 207 194 文本(柔光)
7 fg2 #75715e 117 113 94 注释、选择、侧边栏文本
8 fg3 TBD
9 黄色 #e6db74 230 219 116 字符串、光标
10 橙色 #fd971f 253 151 31 语言标识符、函数参数
11 红色 #f92672 249 38 114 控制结构、修饰符、运算符
12 品红色 #fd5ff0 253 95 240 错误、弃用、通知
13 紫色 #ae81ff 174 129 255 常量、数字、布尔值
14 蓝色 #66d9ef 102 217 239 内置标识符、声明、函数
15 青色 #a1efe4 161 239 228
16 绿色 #a6e22e 166 226 46 类名、函数名

其他变量

参考 描述
光标 fg0 光标、侧边栏前景高亮
导线 fg1 缩进导线
选择 bg2 选择、高亮显示

变体

变体继承了基础和功能变量。

示例:自定义缩进指南

菜单 → 首选项 → 自定义颜色方案

{
    "variables": {},
    "globals": {
        "active_guide": "var(green)",
        "guide": "var(blue)",
        "stack_guide": "var(fg2)",
    },
    "rules": []
}

示例:自定义插入符

  1. 通过按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)打开命令面板。

  2. 选择“UI:自定义颜色方案”。

  3. 添加以下JSON配置

{
       "variables": {},
       "globals": {
           "caret": "yellow",
           "block_caret": "yellow",
           "block_caret_border": "yellow",
       },
       "rules": []
   }

示例:自定义背景

  1. 通过按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)打开命令面板。

  2. 选择“UI:自定义颜色方案”。

  3. 添加以下JSON配置

{
       "variables": {
           "bg0": "#292C3F",
       },
       "globals": {},
       "rules": []
   }

资源

屏幕截图

PHP

PHP

CSS

CSS

JavaScript

JavaScript

支持的语法

贡献

MonokaiFree 颜色方案是一个开源项目,欢迎贡献。如果您有任何改进建议或遇到任何问题,请随时提交 pull 请求或在官方仓库中打开一个问题。

享受使用 MonokaiFree 的编码乐趣

使用 MonokaiFree 颜色方案,您可以提高在 Sublime Text 中的编码体验,使其更加愉快和视觉上吸引人。拥抱充满活力并增强的色彩方案,提高生产效率,沉浸在编码的世界中。编码愉快!

许可证

GPL-3.0-or-later 许可证 下发布。