Moxer Theme

Moxer Theme brings your DX to another level.

Getting started
- Installation
  - GitHub Repository Clone
Activate theme
Override theme colors
- Color Scheme override
Recommended settings for a better experience

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 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:

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

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
}

Equinusocio