MR Theme
Publisher: Ramesh MavuluriThemes in package: 8
Professional color themes for VS Code and Cursor — Midnight, Carbon, Aurora, Harbor, and more
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#12151a
- activityBar.foreground#d7dae0
- activityBar.inactiveForeground#5c6370
- activityBarBadge.background#528bff
- activityBarBadge.foreground#ffffff
- badge.background#528bff
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#d7dae0
- breadcrumb.focusForeground#abb2bf
- breadcrumb.foreground#5c6370
- button.background#528bff
- button.foreground#ffffff
- button.hoverBackground#6a9bff
- diffEditor.insertedTextBackground#98c37933
- diffEditor.removedTextBackground#e06c7533
- dropdown.background#21252b
- dropdown.foreground#abb2bf
- editor.background#1a1d23
- editor.findMatchBackground#42557b
- editor.findMatchHighlightBackground#528bff40
- editor.findRangeHighlightBackground#3e445240
- editor.foreground#c8cdd3
- editor.lineHighlightBackground#21252b
- editor.lineHighlightBorder#21252b00
- editor.selectionBackground#3e4452
- editor.selectionHighlightBackground#3e445266
- editor.wordHighlightBackground#3e445280
- editor.wordHighlightStrongBackground#528bff40
- editorBracketHighlight.foreground1#61afef
- editorBracketHighlight.foreground2#c678dd
- editorBracketHighlight.foreground3#56b6c2
- editorBracketHighlight.foreground4#e5c07b
- editorBracketHighlight.foreground5#98c379
- editorBracketHighlight.foreground6#e06c75
- editorBracketMatch.background#528bff20
- editorBracketMatch.border#528bff
- editorBracketPairGuide.activeBackground1#61afef80
- editorBracketPairGuide.activeBackground2#c678dd80
- editorBracketPairGuide.activeBackground3#56b6c280
- editorBracketPairGuide.activeBackground4#e5c07b80
- editorBracketPairGuide.activeBackground5#98c37980
- editorBracketPairGuide.activeBackground6#e06c7580
- editorCursor.foreground#528bff
- editorError.foreground#e06c75
- editorGroupHeader.tabsBackground#16191e
- editorGutter.addedBackground#98c379
- editorGutter.deletedBackground#e06c75
- editorGutter.modifiedBackground#61afef
- editorIndentGuide.activeBackground1#4b5263
- editorIndentGuide.background1#2c313a
- editorInfo.foreground#61afef
- editorLineNumber.activeForeground#abb2bf
- editorLineNumber.foreground#5c6370
- editorRuler.foreground#2c313a
- editorWarning.foreground#e5c07b
- editorWhitespace.foreground#3e4452
- gitDecoration.conflictingResourceForeground#e06c75
- gitDecoration.deletedResourceForeground#e06c75
- gitDecoration.ignoredResourceForeground#5c6370
- gitDecoration.modifiedResourceForeground#e5c07b
- gitDecoration.untrackedResourceForeground#98c379
- input.background#21252b
- input.border#2c313a
- input.foreground#abb2bf
- input.placeholderForeground#5c6370
- list.activeSelectionBackground#2c313a
- list.activeSelectionForeground#d7dae0
- list.errorForeground#e06c75
- list.focusBackground#2c313a
- list.highlightForeground#61afef
- list.hoverBackground#21252b
- list.inactiveSelectionBackground#21252b
- list.inactiveSelectionForeground#abb2bf
- list.warningForeground#e5c07b
- minimap.errorHighlight#e06c75
- minimap.findMatchHighlight#e5c07b
- minimap.selectionHighlight#3e4452
- minimap.warningHighlight#e5c07b
- panel.background#16191e
- panel.border#12151a
- panelTitle.activeForeground#d7dae0
- panelTitle.inactiveForeground#5c6370
- peekView.border#528bff
- peekViewEditor.background#16191e
- peekViewResult.background#12151a
- peekViewTitle.background#16191e
- scrollbarSlider.activeBackground#4b5263cc
- scrollbarSlider.background#4b526366
- scrollbarSlider.hoverBackground#4b526399
- sideBar.background#16191e
- sideBar.border#12151a
- sideBar.foreground#abb2bf
- sideBarSectionHeader.background#1a1d23
- sideBarSectionHeader.border#12151a
- sideBarSectionHeader.foreground#abb2bf
- sideBarTitle.foreground#abb2bf
- statusBar.background#12151a
- statusBar.debuggingBackground#e5c07b
- statusBar.debuggingForeground#1a1d23
- statusBar.foreground#abb2bf
- statusBar.noFolderBackground#12151a
- statusBarItem.remoteBackground#56b6c2
- tab.activeBackground#1a1d23
- tab.activeBorderTop#528bff
- tab.activeForeground#d7dae0
- tab.border#12151a
- tab.inactiveBackground#16191e
- tab.inactiveForeground#5c6370
- terminal.ansiBlack#1a1d23
- terminal.ansiBlue#61afef
- terminal.ansiBrightBlack#5c6370
- terminal.ansiBrightBlue#61afef
- terminal.ansiBrightCyan#56b6c2
- terminal.ansiBrightGreen#98c379
- terminal.ansiBrightMagenta#c678dd
- terminal.ansiBrightRed#e06c75
- terminal.ansiBrightWhite#d7dae0
- terminal.ansiBrightYellow#e5c07b
- terminal.ansiCyan#56b6c2
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#c678dd
- terminal.ansiRed#e06c75
- terminal.ansiWhite#abb2bf
- terminal.ansiYellow#e5c07b
- terminal.background#1a1d23
- terminal.foreground#abb2bf
- terminal.selectionBackground#3e4452
- terminalCursor.foreground#528bff
- titleBar.activeBackground#16191e
- titleBar.activeForeground#abb2bf
- titleBar.inactiveBackground#16191e
- titleBar.inactiveForeground#5c6370
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5c6370 | italic |
| keyword, storage.type, storage.modifier | #c678dd | — |
| keyword.control | #c678dd | — |
| string, constant.other.placeholder | #98c379 | — |
| constant.numeric | #d19a66 | — |
| entity.name.function, meta.function-call, support.function | #61afef | — |
| variable, entity.name.variable | #e06c75 | — |
| entity.name.type, entity.name.class, support.type, support.class | #e5c07b | — |
| constant, entity.name.constant, variable.other.constant | #d19a66 | — |
| entity.name.tag | #e06c75 | — |
| entity.other.attribute-name | #d19a66 | — |
| string.quoted, meta.attribute-value | #98c379 | — |
| entity.name.type.class, meta.class | #e5c07b | — |
| entity.name.function.method, meta.method | #61afef | — |
| variable.other.property, meta.property, support.type.property-name | #e06c75 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #c678dd | — |
| punctuation.decorator, meta.decorator, entity.name.function.decorator | #e5c07b | — |
| string.template | #98c379 | — |
| meta.template.expression, punctuation.definition.template-expression | #56b6c2 | — |
| string.regexp | #56b6c2 | — |
| keyword.operator | #56b6c2 | — |
| support.type.property-name.json | #e06c75 | — |
| markup.heading, entity.name.section.markdown | #e06c75 | bold |
| markup.bold | #e5c07b | bold |
| markup.italic | #c678dd | italic |
| markup.underline.link, string.other.link | #61afef | — |
| markup.inline.raw, markup.fenced_code | #98c379 | — |