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

材料主题

材料主题,由Mattia Astorino为Sublime Text 3制作的主题

详细信息

安装

  • 总数 1.33M
  • Win 767K
  • Mac 327K
  • Linux 238K
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 63 59 38 41 66 54 53 59 51 41 38 52 54 44 55 53 41 35 60 57 62 53 54 45 45 62 55 53 63 59 33 36 58 63 49 52 104 42 45 47 78 61 55 61 48 39
Mac 18 12 12 9 17 17 19 22 19 8 12 14 20 20 26 7 12 9 23 14 23 21 20 4 14 18 20 22 17 23 9 13 22 14 19 15 17 5 7 20 22 14 14 16 6 8
Linux 13 12 12 12 10 10 11 8 13 7 11 15 10 16 9 9 5 4 10 10 10 14 10 10 10 18 16 11 16 12 11 9 14 12 6 17 16 11 9 8 13 11 8 9 12 14

使用说明

源代码
raw.​githubusercontent.​com

此项目不再维护。原始作者已放弃该项目,并使用其自己的VS Code主题替换了存储库。此存储库是最后一个已知公开状态的镜像。

GitHub tag Downloads Package Quality Join the chat at https://gitter.im/original-material-theme/sublime-text

此主题将材料设计视觉语言带入您的Sublime Text 3。如果您有问题,请首先搜索类似的问题,然后报告一个新的问题

在报告新问题之前,请先阅读已知问题部分。任何不使用问题模板的问题或与已知问题部分相关的问题将被自动关闭。

简单安装

您可以通过包控制安装此出色的主题。

  1. 按⌘/Ctrl + ⇧ + P打开命令面板。
  2. 输入包控制:安装包并按回车。然后搜索材料主题

手动安装

  1. 下载最新的发布版,解压并将目录重命名为“Material Theme”。
  2. 将目录移动到您的sublime Packages目录内.(首选项 > 浏览包…)

激活主题

您可以从以下方式激活此主题:- 命令面板 工具 > 命令面板 (⌘/Ctrl + ⇧ + P) 通过输入材料主题:激活主题。- 右键单击编辑器选择上下文菜单中的材料主题 > 激活- 首选项 > 包设置并选择材料主题 > 激活

您还可以通过将这些行添加到您的用户设置中(首选项 > 设置 - 用户)来手动激活此主题

"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"theme": "Material-Theme.sublime-theme",

注意:在激活主题后重启Sublime Text。

配置

本主题提供了一种可视化配置工具,允许您通过激活内嵌弹出菜单中可用的选项来配置主题。只需在您的编辑器中右键单击并选择Material主题 > 配置即可。您还可以通过搜索Material主题 > 配置从命令调色板打开配置器。

高级配置

如果您喜欢高级文本配置,可以通过Material主题 > 高级配置命令从上下文菜单和命令调色板使用它。

已知问题

如果您看不到底部面板(查找/替换、重命名、移动、在SidebarEnhancement中看不到框输入等...),请参阅问题#67,此处有快速修复。

Drag the top edge

附加组件

文件图标

从4.0.0版本开始,本主题使用A File Icon包来显示文件图标。请安装此包并重新启动Sublime Text。

主题选项

// Accent
"material_theme_accent_acid-lime"         : true, // Set acid-lime accent color
"material_theme_accent_blue"              : true, // Set blue accent color
"material_theme_accent_brba"              : true, // Set Breaking Bad green accent color
"material_theme_accent_bright-teal"       : true, // Set bright-teal accent color
"material_theme_accent_cyan"              : true, // Set cyan accent color
"material_theme_accent_graphite"          : true, // Set graphite accent color
"material_theme_accent_indigo"            : true, // Set indigo accent color
"material_theme_accent_lime"              : true, // Set lime green accent color
"material_theme_accent_orange"            : true, // Set orange accent color
"material_theme_accent_pink"              : true, // Set pink accent color
"material_theme_accent_purple"            : true, // Set purple accent color
"material_theme_accent_red"               : true, // Set pale red accent color
"material_theme_accent_sky"               : true, // Set bright-cyan accent color
"material_theme_accent_tomato"            : true, // Set tomato red accent color
"material_theme_accent_yellow"            : true, // Set yellow accent color

// Panels
"material_theme_accent_scrollbars"        : true, // Enable accent color for scrollbars
"material_theme_accent_titlebar"          : true, // Enable accent color for titlebar
"material_theme_bright_scrollbars"        : true, // Bright scrollbars puck color
"material_theme_compact_panel"            : true, // Set minimal padding for the search panel
"material_theme_contrast_mode"            : true, // Enable sidebar and panels contrast mode
"material_theme_panel_separator"          : true, // Show bottom panel separator
"material_theme_small_statusbar"          : true, // Set small status bar
"material_theme_titlebar"                 : true, // Enable title bar (OS X 10.10+)

// Sidebar
"material_theme_arrow_folders"            : true, // Replace folder icons with arrows
"material_theme_big_fileicons"            : true, // Show bigger file type icons
"material_theme_bullet_tree_indicator"    : true, // Set a bullet as active tree indicator
"material_theme_compact_sidebar"          : true, // Set compact sidebar
"material_theme_disable_fileicons"        : true, // Hide sidebar file type icons
"material_theme_disable_folder_animation" : true, // Disable folder animation
"material_theme_disable_tree_indicator"   : true, // Disable sidebar file indicator

// Tabs
"material_theme_bold_tab"                 : true, // Make the tab labels bolder
"material_theme_small_tab"                : true, // Set small tabs
"material_theme_tabs_autowidth"           : true, // Enable autowidth for tabs
"material_theme_tabs_separator"           : true, // Show tabs separator, this disables tab hover animation

// If you use Material Theme - Appbar addon, you can use this setting:
"material_theme_tree_headings"            : true, // Show sidebar headings

推荐设置以获得更好的体验

"always_show_minimap_viewport" : true,
"bold_folder_labels"           : true,
"font_options"                 : ["gray_antialias", "subpixel_antialias"], // On retina Mac & Windows
"indent_guide_options"         : ["draw_normal", "draw_active"], // Highlight active indent
"line_padding_bottom"          : 3,
"line_padding_top"             : 3,
"overlay_scroll_bars"          : "enabled",

所使用的代码字体为“Operator Mono

您还可以使用官方的Material Design等宽字体“Roboto Mono”或“Fira Code”。

贡献

警告

构建管道的一些依赖项可能包含危险代码(阅读:安全漏洞),因为这些代码已经很久没有更新了。对于特定的此存储库,这有多重要尚不清楚。

自行决定是否继续!

此UI主题使用基于Gulp和JS的定制编译器构建。要编辑UI,您必须首先安装编译器

  1. PackageDev包安装到Sublime Text中。

  2. 然后根据此指南创建新的subl命令符号链接

  3. 安装所有必需的包

$ npm install
  1. 然后通过运行编译器和监视器
$ gulp

现在您可以在./sources文件夹下编辑源文件,这些源文件将在根目录中编译(不要编辑编译后的文件)。

其他资源

应用程序图标:下载官方Material主题图标

Sublime Material Icon Pack:一组由@halacoglu 设计并受到此主题强烈启发的Sublime Text图标。

官方移植

Material主题还被移植到

色调方案调色板

色调 默认/更亮 较暗
红色 #FF5370 #E53935
桃红色 #F07178 #FF5370
橙色 #F78C6C 颜色:#F76D47
黄色 颜色:#FFCB6B 颜色:#FFB62C
绿色 颜色:#C3E88D 颜色:#91B859
浅蓝色 颜色:#B2CCD6 颜色:#8796B0
青色 颜色:#89DDFF 颜色:#39ADB5
蓝色 颜色:#82AAFF 颜色:#6182B8
紫色 颜色:#C792EA 颜色:#7C4DFF
紫罗兰色 颜色:#BB80B3 颜色:#945EB8
棕色 颜色:#AB7967 颜色:#AB7967

感谢

感谢所有贡献者

观看由LevelUpTuts提供的视频评测

视频评测

IMAGE ALT TEXT HERE