Source Code Perseverance of vsc-material-theme

Find a file

Mattia Astorino aabf514ac9 chore: update README		2017-07-18 16:25:20 +02:00
.gulp	chore: fixes gulp watch build	2017-07-18 14:43:26 +02:00
.vscode	Merge branch 'develop' of https://github.com/equinusocio/vsc-material-theme into develop	2017-07-18 14:29:19 +02:00
assets	chore: update assets	2017-05-01 00:17:42 +02:00
extensions	chore: Fixes build system.	2017-07-18 14:27:08 +02:00
icons	chore: rebuild icons	2017-07-18 15:06:28 +02:00
src	fix: Add .ex file icon	2017-07-18 14:28:19 +02:00
test	chore: Removed track from .git	2017-05-23 18:49:21 +02:00
themes	chore: rebuild icons	2017-07-18 15:07:34 +02:00
typings	chore: Essentials for TS coding	2017-05-23 18:41:56 +02:00
.babelrc	chore: Add basic files	2017-02-04 11:42:25 +01:00
.eslintrc	chore: Add basic files	2017-02-04 11:42:25 +01:00
.gitignore	chore: Adds sourcemaps to ignored files list	2017-05-23 23:27:36 +02:00
.vscodeignore	chore: Added .log files to ignore list	2017-05-22 10:24:23 +02:00
CHANGELOG.md	release: 1.0.0	2017-06-19 12:27:47 +02:00
gulpfile.babel.ts	chore: Cohercing type to any to allow build.	2017-07-02 20:08:52 +02:00
iconlist.json	fix(Icons): Fix .ts and def ts icons	2017-02-28 08:58:55 +01:00
LICENSE.md	chore: Add basic files	2017-02-04 11:42:25 +01:00
logo.png	chore: Updat logo and readme	2017-02-07 08:53:35 +01:00
material-theme-icons.json	chore: Add watcher (to fix)	2017-05-10 09:37:48 +02:00
package-lock.json	chore: fixes gulp watch build	2017-07-18 14:43:26 +02:00
package.json	chore: Update deps	2017-06-30 17:19:21 +02:00
README.md	chore: update README	2017-07-18 16:25:20 +02:00
tsconfig.json	chore: Generated sourcemaps and excludes them from workspace	2017-05-23 23:25:24 +02:00
yarn.lock	chore: update deps	2017-06-30 17:25:36 +02:00

README.md

The most epic theme meet Visual Studio Code. Please note that this theme is still in Beta (β) release. You can help by reporting issues here

Getting started

You can install this awesome theme through the Visual Studio Code Marketplace.

Installation

Launch Quick Open

Linux Ctrl+P
macOS ⌘P
Windows Ctrl+P

Paste the following command and press Enter:

ext install vsc-material-theme

Packaged VSIX Extension

Download the latest .vsix release file from the GitHub repository and install it from the command line

code --install-extension vsc-material-theme-*.*.*.vsix

or from within VS Code by launching Quick Open and running the Install from VSIX... command.

GitHub Repository Clone

Change to your .vscode/extensions VS Code extensions directory. Depending on your platform it is located in the following folders:

Linux ~/.vscode/extensions
macOs ~/.vscode/extensions
Windows %USERPROFILE%\.vscode\extensions

Clone the Material Theme repository as Equinusocio.vsc-material-theme:

git clone https://github.com/equinusocio/vsc-material-theme.git Equinusocio.vsc-material-theme

Activate theme

Launch Quick Open,

Linux Ctrl+P
macOS Shift+⌘+P
Windows Ctrl+P

type Preferences: Color Theme and select one of the Material Theme themes from the drop-down menu.

The color theme drop-down can alternatively be opened via File (Code on macOS) > Preferences > Color Theme.

Activate File Icons

Launch Quick Open,

Linux Ctrl+P
macOS Shift+⌘+P
Windows Ctrl+P

type icon theme and select Material Theme Icons from the drop-down menu.

Set the accent color

Launch Quick Open,

Linux Ctrl+P
macOS Shift+⌘+P
Windows Ctrl+P

Type Material Theme and choose Material Theme: Settings, then select Change accent color and pick one color from the list.

Recommended settings for a better experience:

    // Controls the font family.
    "editor.fontFamily": "Operator Mono",
    // Controls the line height. Use 0 to compute the lineHeight from the fontSize.
    "editor.lineHeight": 24,
    // Enables font ligatures
    "editor.fontLigatures": true,

Other resources

AppIcon: Download the official Material Theme app icon for Visual Studio code

Acknowledgements

@OctoD for the typescript theme builder.