Monokai GRS

Dark theme based on color shema Monokai

Theme is not finished yet

Installation

Launch VS Code, quick open Ctrl+P, paste the following command, and press enter.

ext install monokai-grs

Screenshot

HTML example code:

CSS example code:

JS example code:

Support language

• [x] JavaScript
• [x] TypeScript (not fully tested)
• [x] HTML
• [x] CSS
• [x] SCSS
• [x] SASS (not fully tested)
• [x] LESS (not fully tested)
• [x] Stylus (not fully tested)
• [x] Elixir (not fully tested)
• [x] Markdown

Todo list

Base Colors

• [x] focusBorder
• [x] foreground
• [x] widget.shadow
• [x] selection.background
• [x] descriptionForeground
• [x] errorForeground

Text Colors

• [ ] textBlockQuote.*
• [ ] textCodeBlock.background
• [x] textLink.*
• [ ] textPreformat.foreground
• [ ] textSeparator.foreground

Button Control

• [x] button.*

Dropdown Control

• [x] dropdown.*

Input Control

• [x] input.*
• [x] inputOption.activeBorder
• [ ] inputValidation.*

Scroll Bar Control

• [x] scrollbar.shadow
• [x] scrollbarSlider.*

Badge

• [x] badge.*

Progress Bar

• [x] progressBar.background

Lists and Trees

• [x] list.*

Activity Bar

• [x] activityBar.*
• [x] activityBarBadge.*

Side Bar

• [x] sideBar.*
• [x] sideBarTitle.foreground
• [x] sideBarSectionHeader.*

Editor Groups & Tabs

• [x] editorGroup.*
• [x] editorGroupHeader.*
• [x] tab.*

Editor Colors

• [x] editor.*
• [ ] editor.findRangeHighlightBackground
• [x] editorLineNumber.foreground
• [x] editorCursor.*
• [x] editorLink.activeForeground
• [x] editorWhitespace.foreground
• [x] editorIndentGuide.background
• [x] editorRuler.foreground
• [x] editorCodeLens.foreground
• [x] editorBracketMatch.*
• [x] editorError.*
• [x] editorWarning.*
• [x] editorInfo.*
• [x] editorHint.*
• [x] editorGutter.*

Panel Colors

• [x] panel.*
• [x] panelTitle.*

Status Bar Colors

• [x] statusBar.*
• [x] statusBarItem.*
• [ ] statusBarItem.prominentBackground
• [ ] statusBarItem.prominentHoverBackground

Integrated Terminal Colors

• [x] terminal.*
• [x] terminalCursor.*

Git Colors

• [x] terminalCursor.*

Welcome Page

• [x] welcomePage.*
• [ ] walkThrough.embeddedEditorBackground

Other (not sorted)

• [ ] diffEditor.*
• [ ] editorWidget.*
• [ ] editorSuggestWidget.*
• [ ] editorHoverWidget.*
• [ ] debugExceptionWidget.*
• [ ] editorMarkerNavigation.*
• [ ] peekView.*
• [ ] peekView*.*
• [ ] merge.*
• [ ] notifications.*
• [ ] notifications*.*
• [ ] extensionButton.*
• [ ] pickerGroup.*

Donate

If you want to support me and my project:

Credits

• [x] Tested by Equals182
• [x] Tested by TheFirstAvenger

License

MIT License