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

主题 - Lyte

lytedev 所有

适用于Sublime Text 3的一个简洁且美观的主题。

详细信息

  • 2015.04.10.15.14.52
  • github.​com
  • github.​com
  • 9年前
  • 10分钟前
  • 10年前

安装数量

  • 总数 9K
  • Win 5K
  • Mac 3K
  • 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日
Windows 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 2 1 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0 1 0 1 0 1
Mac 1 1 2 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 2 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 1 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

读我

源代码
raw.​githubusercontent.​com

Lyte 主题

Lyte 是一组针对 Sublime Text 的主题,带有花哨的边框文件状态指示器,旨在实现最小化、平面化并针对高DPI显示(包括Retina显示屏)提供超友好界面。

  • 字体: Monaco
  • 色彩方案: Lyte-Monokai(包含在主题中,基于 Base16 Monokai)
  • 要使环境看起来像这样,其他设置可以在推荐部分找到

Lyte-Monokai Theme Lyte-Solarized Theme Lyte-Solarized-Light Theme

安装

软件包控制

如果您不打算以任何方式自定义主题,而只是想享受这里和以下 Glamour Shots 中显示的预构建主题,我建议使用软件包控制进行安装。

如果您已安装软件包控制插件,您可以通过Package Control: Install Package命令安装此主题。然后查找主题 - Lyte条目并安装它!

如果您没有安装软件包控制插件,那么您应该安装。 以下是安装说明。

Git

如果您想更方便地访问代码,更快地保持更新,或自定义语法高亮或主题文件,我强烈建议使用 Git 安装主题。

使用命令首选项: 浏览包打开您的包目录。在包目录中,您只需按以下方式克隆存储库即可

git clone https://github.com/lytedev/lyte-theme/ "Theme - Lyte"

使用方法

将此内容添加到您的首选项: 设置 - 用户文件中

"theme": "Lyte-Monokai.sublime-theme",

或者,对于所提供的替代方案,

"theme": "Lyte-Dark.sublime-theme",
"theme": "Lyte-Light.sublime-theme",
"theme": "Lyte-Solarized.sublime-theme",
"theme": "Lyte-Solarized-Light.sublime-theme",

您需要重新启动 Sublime 以使所有更改生效。

语法高亮显示

将此内容添加到您的首选项: 设置 - 用户文件中

"color_scheme": "Packages/Theme - Lyte/Lyte-Monokai/Lyte-Monokai.tmTheme",

或者,对于所提供的替代方案,

"color_scheme": "Packages/Theme - Lyte/Lyte-Dark/Lyte-Dark.tmTheme",
"color_scheme": "Packages/Theme - Lyte/Lyte-Light/Lyte-Light.tmTheme",
"color_scheme": "Packages/Theme - Lyte/Lyte-Solarized/Lyte-Solarized.tmTheme",
"color_scheme": "Packages/Theme - Lyte/Lyte-Solarized-Light/Lyte-Solarized-Light.tmTheme",

但你可能已经有自己的语法高亮设置。:)希望这个主题能很好地匹配!如果不能,我建议将语法高亮背景更改为#111111。这会有很大差别。如果你真的想让这个主题与你的语法高亮(或反之)相匹配,请修改主题以使用活动边框颜色(当前默认为绿色)来匹配你的语法高亮绿色。对于“脏”颜色也是如此(当前默认为红色)。

建议

这只是我个人的偏好,但我非常喜欢一个干净、黑暗的环境。尽管这个主题是考虑到每个人,但它也有一些偏向我的偏好。所以,如果你喜欢第一个截图中的内容,这里有一些我使用的重要偏好,你可以添加到你的首选项:设置 - 用户

"color_scheme": "Packages/Theme - Lyte/Lyte-Monokai/Lyte-Monokai.tmTheme",
"theme": "Lyte-Monokai.sublime-theme",
"overlay_scroll_bars": "enabled",
"show_tab_close_buttons": false,
"draw_minimap_border": false,
"enable_tab_scrolling": false,
"fade_fold_buttons": true,
"highlight_line": true,
"caret_style": "phase",
"highlight_modified_tabs": true,

自定义

这个主题是用一个小型的Python应用程序构建的。这个应用程序包含在这个代码库中,可以在src目录中查看。

使用Sublime,打开dev/Lyte.sublime-theme Sublime项目文件。在你的侧边栏中,展开主题文件夹以查看一个主题列表。代码相当直观,所以你应该可以通过阅读文件及其注释来理解所有内容。尽管如此,这里有一份快速指南!

修改现有主题

打开主题的__init__.py并修改合适的值。《Lyte-Monokai》主题将其选项主要保存在《options.py》中,所以如果你在修改该主题,请查看那里。如果你有特定的选项想要修改,你可以打开《src/theme_templates/Lyte/Lyte.sublime-theme-template》(或《src/color_scheme_templates/Lyte.thTheme-template》)来查看正在使用哪些值以及用于什么。然后你只需简单地添加那个选项键到你的选项数组中。

例如,《Lyte-Monokai》主题使用绿色作为活动颜色(它用于着色活动选项卡边界、滚动条、弹出行边界以及其他内容)。你可能想使用蓝色!所以打开《Lyte-Monokai/options.py》并添加options["active"] = options["blue"]。然后你可以简单地构建项目(使用Sublime的构建功能,因为该项目内置了构建系统)并且《Lyte-Monokai》主题应该将蓝色活动高亮而不是绿色。

添加您自己的主题

这个项目在核心上只是替换一些文本文件中的某些值,但它背后做了很多工作来尽可能简化这个过程。如果你想用这个项目制作自己的主题,这是完全可行的!将来,我可能把这个项目作为一个编辑主题的插件来完善。在此之前,本节应该解释如何添加您自己的主题。

首先,在侧边栏的《主题》文件夹中创建一个自己的文件夹。给它起一个独特的名字,并在新文件夹中添加一个《__init__.py》文件。现在,你需要添加自己的模板,或者你可以使用现有的模板,甚至继承现有的Lyte主题。根据你选择的路径,你的《__init__.py》看起来会不同。

继承现有的Lyte主题

继承现有主题绝对是最容易的方法来添加你的主题。确定你想要基于哪个现有的Lyte主题。现在填写你的《__init__.py》。

from theme_builder.color import Color
from theme_builder.compilation import Compilation

my_theme = Compilation("My-Theme-Name")
comp.copy_all("Lyte-Monokai") # Change "Lyte-Monokai" to the compilation's name from whom you want to inherit

# Modify any options you want, add your own options preprocessors, etc.
# I recommend doing all your modifications in a preprocessor to ensure
# That your changes don't get overwritten by a parent theme's preprocessor.
# Only leave change outside of a preprocessor if you're expecting a parent's preprocessors
# to behave a certain way.
comp.options["active"] = comp.options["blue"] # See, this is a dumb idea...
# A parent theme might set the `active` option and you'd be screwed!

def my_theme_preprocessor(opts):
    opts["comment"] = Color("#ff0000") # Really really red comments in your code for this theme
    return opts

comp.preprocessors.append(my_theme_preprocessor)

添加自定义模板

现有的模板确实期望某些事物和某些功能,你可能想要完全绕过。你需要创建自己的模板。这对于自定义Sublime主题和/或颜色方案来说仍然需要相当多的知识,所以复习一下!

你可以将模板添加到《src/theme_templates》以用于Sublime主题,以及对《src/color_scheme_templates》用于颜色方案。在那个目录下创建一个以你的模板命名的文件夹。Sublime主题模板期望某些文件(除非你明确地程序化地声明不如此),包括以下文件:

  • <TemplateName>.sublime-theme-template
  • <模板名称>-Widget.sublime-settings-template
  • <模板名称>-Widget.stTheme-template

颜色方案模板需要以下文件

  • <模板名称>.tmTheme-template

其中,<模板名称>应替换为你的模板名称(我想它与你的文件夹名称相同)。模板文件基本上替换了主题编译选项的选项,使用Python的string.format()。这意味着你想由应用程序生成的任何值都需要替换为${option_key_name}(其中“option_key_name”是选项的名称,当然)然后在你的主题中指定该选项,以确保最终主题文件包含该值。有关Python的string.format()的更多信息,请参见文档。查看现有模板以获取示例。

必须使用每个模板变量。所以,你模板中的任何${option}都应该在编译选项中指定。所以,如果你在模板中有${text_color},你的主题的__init__.py最好定义comp.options["text_color"],否则在尝试构建时你会得到错误。

一旦你创建了模板文件,让我们告诉我们的编译器加载那些模板。这是你的主题的__init__.py文件应该看起来像

from theme_builder.theme import Theme, theme_dir, icons_dir, basic_theme_templates
from theme_builder.color_scheme import ColorScheme, basic_color_scheme_templates, color_scheme_dir
from theme_builder.color import Color
from theme_builder.compilation import Compilation

# This creates our Compilation's Sublime theme
theme_name = "My-Theme"
sublime_theme_template_name = "My-Sublime-Theme-Templates"
theme = Theme(theme_name, icons_dir("Lyte"), theme_dir(sublime_theme_template_name), basic_theme_templates(sublime_theme_template_name, theme_name))

# Initialize our color scheme - see the ColorScheme class for details
color_scheme_template_name = "My-Color-Scheme-Templates"
color_scheme = ColorScheme(theme_name, color_scheme_dir(color_scheme_template_name), basic_color_scheme_templates(color_scheme_template_name, theme_name))

# Create our compilation using the new theme and color scheme
comp = Compilation(theme_name, theme, color_scheme)

# Define our options preprocessor
def preprocessor(opts):
    # Set ALL your options here!
    opts["highlight_color"] = Color("#ff0000")
    opts["text_color"] = Color("#ffffff")
    return opts

# Add our preprocessor to the list - don't overwrite it!
comp.preprocessors.append(preprocessor)

显然,将“My-blahblahblah-Template”的引用替换为你实际上为模板文件创建的任何文件夹。你可以根据需要混合使用颜色方案模板和Sublime主题模板,只要确保所有将由string.format()替换的${options}都在你的选项字典中定义。

你也可以,正如你可能从中学到的,使用你自己的图标。在src/iconsets中创建一个文件夹,并将你的图标放在那里。

现在,你已经将主题连接到模板(s),让我们告诉构建脚本实际生成它们。打开src/lyte.py文件,在compilations数组中添加你为主题的__init__.py创建的文件夹。然后构建项目。你的主题文件应该会构建!你应该得到一个My-Theme.sublime-theme以及一个包含你的颜色方案和组件文件的My-Theme文件夹(假设你选择了标准路线)。你可以通过以下设置使用这个新主题

"color_scheme": "Packages/Theme - Lyte/My-Theme/My-Theme.tmTheme",
"theme": "My-Theme.sublime-theme",

待办事项:完善这一部分。如果你在这方面的任何一个问题上遇到问题,请告诉我!我非常乐意帮助你。=)

致谢

变更日志

请参阅CHANGELOG.md

许可证

本主题许可于Creative Commons Attribution-ShareAlike 3.0许可证下。您可以自由地共享和混合调制本主题,但在这样做时,请注意许可条款。

以下详细说明适用于Creative Commons许可证中的“作者指定”组件

  • 归属示例:基于@lytedev的Lyte主题

  • 命名指南:如果您创建并分发派生主题,请为您的主题提供一个独特且原创的名称,不要在主要项目标题、仓库名称或Package Control名称中直接包含“Lyte”(或类似变体)。