Midnight Forest
Publisher: rezwan-hossainThemes in package: 1
Muted dark theme for vscode
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.activeBorder#4d9375
- activityBar.background#0f1c1f
- activityBar.border#122225
- activityBar.foreground#dbd7caee
- activityBar.inactiveForeground#dedcd550
- activityBarBadge.background#6a4771
- activityBarBadge.foreground#0f1c1f
- badge.background#dedcd590
- badge.foreground#121212
- breadcrumb.activeSelectionForeground#ebf7ff
- breadcrumb.background#132226
- breadcrumb.focusForeground#A9BCB0c5
- breadcrumb.foreground#a8a8a5e7
- breadcrumbPicker.background#029eff
- button.background#80673199
- button.foreground#121212
- button.hoverBackground#4d9375
- debugToolBar.background#0f1c1f
- diffEditor.border#6a477160
- diffEditor.diagonalFill#6a477160
- diffEditor.insertedTextBackground#41664420
- diffEditor.removedTextBackground#814b4920
- dropdown.background#0f1c1f
- dropdown.border#326777
- dropdown.foreground#dbd7caee
- dropdown.listBackground#181818
- editor.background#0f1c1f
- editor.findMatchBackground#6a477160
- editor.findMatchHighlightBackground#6a477160
- editor.foldBackground#eeeeee07
- editor.foreground#806731
- editor.lineHighlightBackground#6a4a701c
- editor.selectionBackground#6e507525
- editor.selectionHighlightBackground#6a477160
- editor.wordHighlightBackground#80673127
- editor.wordHighlightBorder#806731b6
- editorBracketHighlight.foreground1#b4b403c5
- editorBracketHighlight.foreground2#2978a7c5
- editorBracketHighlight.foreground3#175873c5
- editorBracketHighlight.foreground4#A9BCB0c5
- editorBracketHighlight.foreground5#696C60
- editorBracketHighlight.foreground6#db7f6bc5
- editorBracketHighlight.unexpectedBracket.foreground#db6165
- editorError.foreground#cb7676
- editorGroup.border#191919
- editorGroupHeader.tabsBackground#0f1c1f
- editorGroupHeader.tabsBorder#191919
- editorGutter.addedBackground#4d9375
- editorGutter.background#0f1c1f
- editorGutter.commentRangeForeground#dedcd550
- editorGutter.deletedBackground#cb7676
- editorGutter.foldingControlForeground#f7c30a90
- editorGutter.modifiedBackground#6394bf
- editorHint.foreground#4d9375
- editorHoverWidget.background#0f1c1f
- editorHoverWidget.border#416644
- editorIndentGuide.activeBackground#ffffff30
- editorIndentGuide.background#ffffff06
- editorInfo.foreground#6394bf
- editorInlayHint.background#00000000
- editorInlayHint.foreground#666666
- editorLineNumber.activeForeground#bfbaaa
- editorLineNumber.dimmedForeground#bfbaaa
- editorLineNumber.foreground#326777
- editorLink.activeForeground#806731
- editorMarkerNavigationWarning.background#806731
- editorOverviewRuler.border#111
- editorStickyScroll.background#181818
- editorStickyScrollHover.background#181818
- editorSuggestWidget.background#0f1c1f
- editorSuggestWidget.border#6a477160
- editorSuggestWidget.foreground#806731
- editorSuggestWidget.highlightForeground#326777
- editorSuggestWidget.selectedBackground#6a477160
- editorWarning.foreground#d4976c
- editorWhitespace.foreground#ffffff09
- editorWidget.background#0f1c1f
- errorForeground#806731
- focusBorder#1d353a
- gitDecoration.addedResourceForeground#416644
- gitDecoration.conflictingResourceForeground#67426e
- gitDecoration.deletedResourceForeground#c5413c
- gitDecoration.ignoredResourceForeground#7c7e80
- gitDecoration.modifiedResourceForeground#8f7338
- gitDecoration.stageDeletedResourceForeground#8b3f3d
- gitDecoration.stageModifiedResourceForeground#866c34
- gitDecoration.submoduleResourceForeground#4b5e8690
- gitDecoration.untrackedResourceForeground#3b9b9b
- input.background#0f1c1f
- input.foreground#898576
- input.placeholderForeground#806731aa
- inputOption.activeBackground#dedcd550
- inputOption.activeBorder#32677799
- inputValidation.errorBackground#814b49
- inputValidation.errorBorder#814b49
- inputValidation.errorForeground#326777
- inputValidation.infoBackground#326777
- inputValidation.infoBorder#326777
- inputValidation.warningBackground#806731
- inputValidation.warningBorder#806731
- list.activeSelectionBackground#41664464
- list.activeSelectionForeground#dbd7caee
- list.dropBackground#416644
- list.focusBackground#416644
- list.highlightForeground#4d9375
- list.hoverBackground#283e2a6e
- list.hoverForeground#bebcb0ee
- list.inactiveFocusBackground#121212
- list.inactiveSelectionBackground#41664464
- list.inactiveSelectionForeground#dbd7caee
- menu.separatorBackground#122225
- notificationCenterHeader.background#121212
- notificationCenterHeader.foreground#959da5
- notifications.background#0f1c1f
- notifications.border#191919
- notifications.foreground#dbd7caee
- notificationsErrorIcon.foreground#cb7676
- notificationsInfoIcon.foreground#6394bf
- notificationsWarningIcon.foreground#d4976c
- panel.background#0f1c1f
- panel.border#122225
- panelInput.border#2f363d
- panelTitle.activeBorder#4d9375
- panelTitle.activeForeground#dbd7caee
- panelTitle.inactiveForeground#959da5
- peekView.border#326777
- peekViewEditor.background#121212
- peekViewEditor.matchHighlightBackground#80673140
- peekViewEditorGutter.background#0f1c1f
- peekViewResult.background#0f1c1f
- peekViewTitle.background#0f1c1f
- pickerGroup.border#32677799
- pickerGroup.foreground#32677799
- problemsErrorIcon.foreground#cb7676
- problemsInfoIcon.foreground#6394bf
- problemsWarningIcon.foreground#d4976c
- progressBar.background#dbd7caee
- quickInput.background#0f1c1f
- quickInput.foreground#dbd7cabe
- quickInputList.focusBackground#41664452
- scrollbar.shadow#0d191b
- scrollbarSlider.activeBackground#dedcd550
- scrollbarSlider.background#dedcd510
- scrollbarSlider.hoverBackground#dedcd550
- sideBar.background#0f1c1f
- sideBar.border#122225
- sideBar.foreground#898576
- sideBarTitle.foreground#806731
- statusBar.background#0f1c1f
- statusBar.border#122225
- statusBar.debuggingBackground#0f1c1f
- statusBar.foreground#806731
- statusBar.noFolderBackground#0f1c1f
- statusBarItem.prominentBackground#0f1c1f
- statusBarItem.prominentHoverBackground#0f1c1f
- tab.activeBackground#0f1c1f
- tab.activeBorder#122225
- tab.activeBorderTop#dedcd590
- tab.activeForeground#898576
- tab.border#122225
- tab.hoverBackground#0D191B
- tab.inactiveBackground#0f1c1f
- tab.inactiveForeground#898576
- tab.unfocusedActiveBorder#122225
- tab.unfocusedActiveBorderTop#122225
- tab.unfocusedHoverBackground#121212
- terminal.ansiBlack#0f1c1f
- terminal.ansiBlue#2f6575
- terminal.ansiBrightBlack#0f1c1f
- terminal.ansiBrightBlue#427f92
- terminal.ansiBrightCyan#326777
- terminal.ansiBrightGreen#5b9760
- terminal.ansiBrightMagenta#6a4771
- terminal.ansiBrightRed#814b49
- terminal.ansiBrightWhite#999584
- terminal.ansiBrightYellow#c7a65e
- terminal.ansiCyan#326777
- terminal.ansiGreen#416644
- terminal.ansiMagenta#6a4771
- terminal.ansiRed#814b49
- terminal.ansiWhite#898576
- terminal.ansiYellow#806731
- terminal.foreground#898576
- terminal.selectionBackground#6a477160
- titleBar.activeBackground#0f1c1f
- titleBar.activeForeground#bfbaaa
- titleBar.border#292929
- titleBar.inactiveBackground#222
- titleBar.inactiveForeground#959da5
- tree.indentGuidesStroke#2f363d
- welcomePage.background#0f1c1f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #035399be | italic |
| comment | #404d41af | italic |
| — | #898576 | — |
| meta.embedded, source.groovy.embedded | #806731 | — |
| string.quoted.docstring.multi.python | #374238af | italic bold |
| string | #326777 | — |
| string.regexp | #814b49 | — |
| constant.numeric | #6a4771 | — |
| variable.language, variable.other | #806731 | — |
| keyword | #416644 | — |
| storage | #806731 | bold |
| entity.name.class, entity.name.type | #814b49 | italic |
| entity.name.function | #326777 | |
| punctuation.definition.variable | #416644 | — |
| punctuation.section.embedded.begin, punctuation.section.embedded.end | #814b49 | — |
| constant.language, meta.preprocessor | #806731 | — |
| support.function.construct, keyword.other.new | #814b49 | — |
| constant.character, constant.other | #814b49 | — |
| entity.other.inherited-class | #6a4771 | — |
| variable.parameter | — | — |
| entity.name.tag | #806731 | — |
| punctuation.definition.tag | #796137 | — |
| entity.other.attribute-name | #806731 | — |
| support.function | #806731 | — |
| punctuation.separator.continuation | #814b49 | — |
| support.constant | — | — |
| support.type, support.class | #416644 | — |
| support.type.exception | #814b49 | — |
| support.other.variable | — | — |
| invalid | — | — |
| meta.diff, meta.diff.header | #416644 | italic |
| markup.deleted | #814b49 | |
| markup.changed | #814b49 | |
| markup.inserted | #416644 | — |
| markup.quote | #416644 | — |
| markup.list | #806731 | — |
| markup.bold, markup.italic | #6a4771 | — |
| markup.inline.raw | #326777 | |
| markup.heading | #806731 | — |
| markup.heading.setext | #806731 | |
| token.info-token | #806731 | — |
| token.warn-token | #806731 | — |
| token.error-token | #814b49 | — |
| token.debug-token | #6a4771 | — |
| variable.object.property | #806731 | — |
| variable.parameter | #806731 | — |
| support.type | — | |
| storage.type.function | — | |
| entity.other.inherited-class | #806731 | — |
| storage.modifier | #416644ff | |
| storage.type | #416644ff | |
| keyword.control.import | #6a4771 | — |
| storage.modifier.async | #416644ff | italic |
| meta.import | #806731 | — |
| source.ts | #806731 | — |
| meta.function-call | #806731 | — |
| entity.name.type | #94783bb2 | — |
| entity.name.function | #326777 | — |
| variable.other | #806731 | — |
| storage.modifier.tsx | #416644 | — |
| entity.name.type.class.python | #806731 | — |
| support.type.python | #806731 | — |
| source.python | #898576 | — |
| keyword.control.import | #814b49 | — |
| keyword.control.from | #814b49 | — |
| constant.language.python | #326777 | — |
| entity.name.function.python | #326777 | — |
| punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json, punctuation.separator.dictionary.pair.json | #806731 | — |
| storage.type.ts | #806731 | — |
| support.type.primitive | #d17864a1 | — |
| punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json | #6a4771 | — |
| storage.type.class | #DD806BC5 | |
| support.variable.property | #326777 | |
| punctuation.accessor | #806731 | |
| keyword.control.flow | — | italic |
| keyword.operator.new | — | italic |
| modifier, this, comment, storage.modifier, entity.other.attribute-name.js, entity.other.attribute-name.js, entity.other.attribute-name.ts, entity.other.attribute-name.tsx, entity.other.attribute-name.html | — | italic |
| keyword.control.export | — | italic |
| keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.round, meta.function-call punctuation, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag.cs, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, punctuation.terminator.expression.php, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor | #F8F8F2 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...