Skip to content

Latest commit

 

History

History
124 lines (93 loc) · 4.86 KB

README.md

File metadata and controls

124 lines (93 loc) · 4.86 KB


Moxer Theme brings your DX to another level.




Getting started

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

Installation

Launch Quick Open:

Paste the following command and press Enter:

ext install moxer

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 Moxer Theme repository as equinusocio.moxer-theme:

git clone https://github.com/moxer-theme/moxer-code.git equinusocio.moxer-theme

Activate theme

Launch Quick Open:

Type theme, choose Preferences: Color Theme, and select Moxer Theme from the list.

Override theme colors

You can override the theme UI and schemes colors by adding these theme-specific settings to your configuration. For advanced customisation please check the relative section on the VS Code documentation.

Color Scheme override

Basic example

"editor.tokenColorCustomizations": {
    "[Moxer]": {
        "comments": "#229977"
    }
},

Advanced example

"editor.tokenColorCustomizations": {
    "[Moxer]": {
        "textMateRules": [
            {
                "scope": [
                    "punctuation.definition.comment",
                    "comment.block",
                    "comment.line",
                    "comment.block.documentation"
                ],
                "settings": {
                    "foreground": "#FF0000"
                }
            }
        ]
    },
},

"workbench.colorCustomizations": {
	"[Moxer]": {
		"sideBar.background": "#ff0000",
	}
},

Recommended settings for a better experience

{
  // Controls the font family. You need Operator Mono Font
  "editor.fontFamily": "Operator Mono Lig",
  // Controls the line height. Use 0 to compute the lineHeight from the fontSize.
  "editor.lineHeight": 30,
  // Enables font ligatures
  "editor.fontLigatures": true,
  // Controls if file decorations should use badges.
  "explorer.decorations.badges": true,
  // Disable GIT colors for files
  "explorer.decorations.colors": false
}

Copyright © 2020 Mattia Astorino