材料主题
材料主题,由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 |
使用说明
此项目不再维护。原始作者已放弃该项目,并使用其自己的VS Code主题替换了存储库。此存储库是最后一个已知公开状态的镜像。
此主题将材料设计视觉语言带入您的Sublime Text 3。如果您有问题,请首先搜索类似的问题,然后报告一个新的问题。
在报告新问题之前,请先阅读已知问题部分。任何不使用问题模板的问题或与已知问题部分相关的问题将被自动关闭。
简单安装
您可以通过包控制安装此出色的主题。
- 按⌘/Ctrl + ⇧ + P打开命令面板。
- 输入
包控制:安装包
并按回车。然后搜索材料主题
。
手动安装
- 下载最新的发布版,解压并将目录重命名为“Material Theme”。
- 将目录移动到您的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,此处有快速修复。
附加组件
文件图标
从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,您必须首先安装编译器
将
PackageDev
包安装到Sublime Text中。然后根据此指南创建新的
subl
命令符号链接安装所有必需的包
$ npm install
- 然后通过运行编译器和监视器
$ gulp
现在您可以在./sources
文件夹下编辑源文件,这些源文件将在根目录中编译(不要编辑编译后的文件)。
其他资源
应用程序图标:下载官方Material主题图标。
Sublime Material Icon Pack:一组由@halacoglu 设计并受到此主题强烈启发的Sublime Text图标。
官方移植
Material主题还被移植到
- Atom编辑器:atom-material-ui(由@silvestreh)和material-ui(由@leo)
- IntelliJ IDEA(感谢@ChrisRM和@mallowigi)。
- Vim(感谢@kristijanhusak)。
- Terminal OSX(感谢iTerm2(由iTerm2 Palenight(由@jonathanspeek)。
- ConEmu(感谢@rajadain)。
- Slack应用程序( #263238,#2e3a40,#80CBC4,#FFFFFF,#13191C,#ffffff,#50fa7b,#FF5555 )
- Nylas N1(感谢@jackiehluo)
- Base16(由@ntpeters)
色调方案调色板
色调 | 默认/更亮 | 较暗 |
---|---|---|
红色 | #FF5370 |
#E53935 |
桃红色 | #F07178 |
#FF5370 |
橙色 | #F78C6C |
颜色:#F76D47 |
黄色 | 颜色:#FFCB6B |
颜色:#FFB62C |
绿色 | 颜色:#C3E88D |
颜色:#91B859 |
浅蓝色 | 颜色:#B2CCD6 |
颜色:#8796B0 |
青色 | 颜色:#89DDFF |
颜色:#39ADB5 |
蓝色 | 颜色:#82AAFF |
颜色:#6182B8 |
紫色 | 颜色:#C792EA |
颜色:#7C4DFF |
紫罗兰色 | 颜色:#BB80B3 |
颜色:#945EB8 |
棕色 | 颜色:#AB7967 |
颜色:#AB7967 |
感谢
感谢所有贡献者。
观看由LevelUpTuts提供的视频评测