Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sublimetext/material-theme
Material Theme, a theme for Sublime Text 3, made by Mattia Astorino
https://github.com/sublimetext/material-theme
sublime-color-scheme sublime-package sublime-text sublime-theme
Last synced: about 2 months ago
JSON representation
Material Theme, a theme for Sublime Text 3, made by Mattia Astorino
- Host: GitHub
- URL: https://github.com/sublimetext/material-theme
- Owner: SublimeText
- License: mit
- Created: 2022-12-02T19:39:13.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-12-27T12:15:16.000Z (12 months ago)
- Last Synced: 2023-12-27T13:28:30.872Z (12 months ago)
- Topics: sublime-color-scheme, sublime-package, sublime-text, sublime-theme
- Language: Python
- Homepage:
- Size: 11.9 MB
- Stars: 36
- Watchers: 3
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
This project is no longer maintained.
The original author has abandoned it and replaced the repository
with their theme for VS Code.
This repository is a mirror of the last publicly known state.
[](https://github.com/SublimeText/material-theme/releases)
[](https://packagecontrol.io/packages/Material%20Theme)
[](http://packagequality.com/#?package=material-theme)
[](https://gitter.im/original-material-theme/sublime-text?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
This theme brings the [Material Design](http://www.google.com/design/) visual language to your Sublime Text 3. If you have problems, first search for a similar issue and then report a [new one](https://github.com/SublimeText/material-theme/issues).
Please read the [Known Issues](https://github.com/SublimeText/material-theme#known-issues) section before reporting a new one. Any issue that does not use the issue template and any issue related to the [known issues section](https://github.com/SublimeText/material-theme#known-issues) will be automatically closed.
# Easy installation
You can install this awesome theme through the [Package Control](https://packagecontrol.io/installation).
1. Press ⌘/Ctrl + ⇧ + P to open the command palette.
2. Type `Package Control: Install Package` and press enter. Then search for `Material Theme`.
# Manual installation
1. Download the [latest release](https://github.com/SublimeText/material-theme/releases/latest), extract and rename the directory to **"Material Theme"**.
2. Move the directory inside your sublime `Packages` directory. **(Preferences > Browse packages...)**
# Activate the theme
You can active this theme from:
- Command palette `Tools > Command Palette` (⌘/Ctrl + ⇧ + P) by typing `Material Theme: Activate theme`.
- Context menu (Right click on the editor) and choose `Material Theme > Activate`
- `Preferences > Packages Settings` and choose `Material Theme > Activate`
You can also manually activate this theme by adding these lines to your user settings (**Preferences > Settings - User**):
```json
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"theme": "Material-Theme.sublime-theme",
```
**NOTE:** Restart Sublime Text after activating the theme.
# Configuration
This theme provide a visual configuration tool that allow you to configure the theme by activating the available options from an inline popup. Just right click in your editor and choose `Material Theme > Configuration`. You can also open the configurator from the command palette by searching `Material Theme > Configuration`.
#### Advanced configuration
If you like the advanced text text-configuration you can use it by the `Material Theme > Advanced configuration` command both from context menu and command palette.
# Known issues
Please see the issue [#67](https://github.com/equinusocio/material-theme/issues/67) if you can't see the bottom panel (find/replace, rename, move, can't see the box inputs in SidebarEnhancement, etc..). here the quick fix:
# Addons
#### File icons
From release 4.0.0 this theme use [A File Icon](https://packagecontrol.io/packages/A%20File%20Icon) package to display file icons. Please install the package and restart Sublime Text.
# Theme options
```json
// 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
```
# Recommended settings for a better experience:
```json
"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",
```
The font used for the code is "[Operator Mono](http://www.typography.com/blog/introducing-operator)"
You can also use the official Material Design monospace font "[Roboto Mono](https://www.google.com/fonts/specimen/Roboto+Mono)" or "[Fira Code](https://github.com/tonsky/FiraCode)".
# Contributing
> **Warning**
>
> Some dependencies of the build pipeline
> potentially contain [dangerous code][] (read: security vulnerabilities)
> because they have not been updated in a long time.
> It is unknown how relevant this is for this repository in particular.
>
> *Proceed at your own discretion!*
[dangerous code]: https://github.com/wbond/package_control_channel/pull/8658#issuecomment-1346082763
This UI theme uses a custom compiler build on Gulp and JS. If you want to edit the UI you must first install the compiler:
1. Install the `PackageDev` package to Sublime Text.
2. Then create a new symlink for the `subl` command following [this guide](https://www.sublimetext.com/docs/command_line.html)
3. Install all the required packages:
```
$ npm install
```
4. then run compiler and watcher by run:
```
$ gulp
```
You can now edit the source files under `./sources` folder that will be compiled inside the root folder (don't edit compiled files).
# Other Resources
**App icon**: [Download](https://github.com/equinusocio/material-theme/files/396220/Material-Theme-Icon.zip) the official Material Theme icon.
**Sublime Material Icon Pack**: A set of Sublime Text icons heavily inspired by this theme and designed by @halacoglu
[Download ](https://github.com/halacoglu/sublime-material-icon-pack) it and enjoy a full Material Theme experience.
# Official Portings
Material Theme was also ported to:
- Atom Editor: [atom-material-ui](https://github.com/silvestreh/atom-material-ui) (by [@silvestreh](https://github.com/silvestreh)) and [material-ui](https://github.com/leo/material-ui) (by [@leo](https://github.com/leo))
- [IntelliJ IDEA](https://github.com/ChrisRM/material-theme-jetbrains) (thanks to [@ChrisRM](https://github.com/ChrisRM) and [@mallowigi](https://github.com/mallowigi)).
- [Vim](https://github.com/kristijanhusak/vim-hybrid-material) (thanks to [@kristijanhusak](https://github.com/kristijanhusak)).
- [Terminal OSX](https://gist.github.com/mvaneijgen/4c56701215847dd5ddcf) (thanks to [@mvaneijgen](https://github.com/mvaneijgen)).
- [iTerm2](https://gist.github.com/Revod/3f3115f8d4b90fc986fd4b61441c2567) (by [@Revod](https://github.com/Revod)) and [iTerm2 Palenight](https://github.com/JonathanSpeek/palenight-iterm2) (by [@jonathanspeek](https://github.com/jonathanspeek)).
- [ConEmu](https://gist.github.com/rajadain/b306b2ba71bd58a1df41) (thanks to [@rajadain](https://github.com/rajadain)).
- [Slack App](https://slack.com/) ( #263238,#2e3a40,#80CBC4,#FFFFFF,#13191C,#ffffff,#50fa7b,#FF5555 )
- [Nylas N1](https://github.com/jackiehluo/n1-material) (thanks to [@jackiehluo](https://github.com/jackiehluo))
- [Base16](https://github.com/ntpeters/base16-materialtheme-scheme) (by [@ntpeters](https://github.com/ntpeters))
# Color Schemes palettes
Color | Default / Lighter | Darker |
--- | --- | --- |
Red | `#FF5370` | `#E53935` |
Pink | `#F07178` | `#FF5370` |
Orange | `#F78C6C` | `#F76D47` |
Yellow | `#FFCB6B` | `#FFB62C` |
Green | `#C3E88D` | `#91B859` |
Pale Blue | `#B2CCD6` | `#8796B0` |
Cyan | `#89DDFF` | `#39ADB5` |
Blue | `#82AAFF` | `#6182B8` |
Purple | `#C792EA` | `#7C4DFF` |
Violet | `#BB80B3` | `#945EB8` |
Brown | `#AB7967` | `#AB7967` |
## Thanks
Thanks for all the [contributors](https://github.com/SublimeText/material-theme/graphs/contributors).
Check the video review by **LevelUpTuts**
# Video review
[](http://www.youtube.com/watch?v=6eqgrCxprOI)