Metzi
Publisher: quowtfThemes in package: 1
A theme for vs code with not many colors but good constrast
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#202936
- activityBar.border#eaeaea44
- activityBar.dropBackground#44bbB711
- activityBar.foreground#44bbB7
- activityBar.inactiveForeground#eaeaea88
- activityBarBadge.background#44bbB7
- activityBarBadge.foreground#202936
- badge.background#44bbB7
- badge.foreground#202936
- breadcrumb.activeSelectionForeground#44bbB7
- breadcrumb.background#eaeaea11
- breadcrumb.focusForeground#44bbB7
- breadcrumb.foreground#eaeaeaaa
- breadcrumbPicker.background#202936
- button.background#44bbB7
- button.foreground#202936
- button.hoverBackground#44bbB788
- debugExceptionWidget.background#20293611
- debugExceptionWidget.border#F4C946
- debugToolBar.background#202936
- debugToolBar.border#44bbb786
- descriptionForeground#eaeaea
- diffEditor.border#eaeaea44
- diffEditor.insertedTextBackground#88a23955
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#cf545455
- diffEditor.removedTextBorder#00000000
- dropdown.background#202936
- dropdown.border#eaeaea44
- dropdown.foreground#eaeaea
- dropdown.listBackground#202936
- editor.background#202936
- editor.findMatchBackground#FFFFFF55
- editor.findMatchBorder#00000000
- editor.findMatchHighlightBackground#FFFFFF44
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#eaeaea44
- editor.findRangeHighlightBorder#00000000
- editor.foreground#eaeaeaea
- editor.hoverHighlightBackground#F4C94622
- editor.inactiveSelectionBackground#8d867e44
- editor.lineHighlightBackground#eaeaea11
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#eaeaea11
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#eaeaea15
- editor.selectionForeground#eaeaea
- editor.selectionHighlightBackground#8d867e44
- editor.selectionHighlightBorder#00000000
- editor.wordHighlightBackground#8d867e44
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#8d867e44
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#00000000
- editorBracketMatch.border#44bbB7
- editorCodeLens.foreground#eaeaea88
- editorCursor.background#44bbB7
- editorCursor.foreground#44bbB7
- editorError.border#00000000
- editorError.foreground#cf5454
- editorGroup.border#eaeaea44
- editorGroup.dropBackground#44bbB711
- editorGroup.emptyBackground#202936
- editorGroup.focusedEmptyBorder#00000000
- editorGroupHeader.noTabsBackground#202936
- editorGroupHeader.tabsBackground#202936
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#88a239
- editorGutter.background#202936
- editorGutter.commentRangeForeground#eaeaea55
- editorGutter.deletedBackground#cf5454
- editorGutter.modifiedBackground#F4C946
- editorHint.border#00000000
- editorHint.foreground#eaeaea88
- editorHoverWidget.background#202936
- editorHoverWidget.border#eaeaea44
- editorIndentGuide.activeBackground#44bbB722
- editorIndentGuide.background#eaeaea11
- editorInfo.border#00000000
- editorInfo.foreground#44bbB7
- editorLineNumber.activeForeground#44bbB7
- editorLineNumber.foreground#eaeaea88
- editorLink.activeForeground#44bbB7
- editorMarkerNavigation.background#202936
- editorMarkerNavigationError.background#cf5454
- editorMarkerNavigationInfo.background#44bbB7
- editorMarkerNavigationWarning.background#F4C946
- editorOverviewRuler.addedForeground#88a239
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#44bbB7
- editorOverviewRuler.commonContentForeground#44bbB7aa
- editorOverviewRuler.currentContentForeground#eaeaeaaa
- editorOverviewRuler.deletedForeground#cf5454
- editorOverviewRuler.errorForeground#cf5454
- editorOverviewRuler.findMatchForeground#eaeaeaea
- editorOverviewRuler.incomingContentForeground#88a239aa
- editorOverviewRuler.infoForeground#44bbB7
- editorOverviewRuler.modifiedForeground#F4C946
- editorOverviewRuler.rangeHighlightForeground#88a23944
- editorOverviewRuler.selectionHighlightForeground#F4C946aa
- editorOverviewRuler.warningForeground#F4C946
- editorOverviewRuler.wordHighlightForeground#F4C946aa
- editorOverviewRuler.wordHighlightStrongForeground#eaeaeaea
- editorPane.background#202936
- editorRuler.foreground#eaeaea11
- editorSuggestWidget.background#202936
- editorSuggestWidget.border#00000000
- editorSuggestWidget.foreground#eaeaea
- editorSuggestWidget.highlightForeground#44bbB7
- editorSuggestWidget.selectedBackground#eaeaea11
- editorUnnecessaryCode.border#cf5454
- editorUnnecessaryCode.opacity#eaeaea
- editorWarning.border#00000000
- editorWarning.foreground#F4C946
- editorWhitespace.foreground#eaeaea21
- editorWidget.background#202936
- editorWidget.border#44bbB7
- editorWidget.resizeBorder#44bbB7
- errorForeground#cf5454
- extensionButton.prominentBackground#44bbB7
- extensionButton.prominentForeground#202936
- extensionButton.prominentHoverBackground#44bbB788
- focusBorder#44bbB799
- foreground#eaeaeaea
- gitDecoration.addedResourceForeground#88a239
- gitDecoration.conflictingResourceForeground#F4C946
- gitDecoration.deletedResourceForeground#cf5454
- gitDecoration.ignoredResourceForeground#eaeaea88
- gitDecoration.modifiedResourceForeground#f4c946d8
- gitDecoration.submoduleResourceForeground#eaeaea
- gitDecoration.untrackedResourceForeground#88a239
- input.background#202936
- input.border#eaeaea33
- input.foreground#eaeaea
- input.placeholderForeground#eaeaea88
- inputOption.activeBorder#44bbB7
- inputValidation.errorBackground#202936
- inputValidation.errorBorder#cf5454
- inputValidation.errorForeground#cf5454
- inputValidation.infoBackground#202936
- inputValidation.infoBorder#44bbB7
- inputValidation.infoForeground#44bbB7
- inputValidation.warningBackground#202936
- inputValidation.warningBorder#F4C946
- inputValidation.warningForeground#F4C946
- list.activeSelectionBackground#eaeaea11
- list.activeSelectionForeground#44bbB7
- list.dropBackground#44bbB733
- list.errorForeground#cf5454
- list.focusBackground#eaeaea11
- list.focusForeground#eaeaea
- list.highlightForeground#44bbB7
- list.hoverBackground#eaeaea11
- list.hoverForeground#eaeaea
- list.inactiveFocusBackground#00000000
- list.inactiveSelectionBackground#eaeaea11
- list.inactiveSelectionForeground#eaeaea
- list.invalidItemForeground#cf5454
- list.warningForeground#F4C946
- listFilterWidget.background#8d867e44
- listFilterWidget.noMatchesOutline#F4C94688
- listFilterWidget.outline#8d867e44
- menu.background#202936
- menu.foreground#eaeaea
- menu.selectionBackground#44bbB755
- menu.selectionBorder#eaeaea44
- menu.selectionForeground#eaeaea
- menu.separatorBackground#eaeaea11
- menubar.selectionBackground#44bbB755
- menubar.selectionBorder#eaeaea44
- menubar.selectionForeground#eaeaea
- merge.border#eaeaea22
- merge.commonContentBackground#44bbB733
- merge.commonHeaderBackground#44bbB766
- merge.currentContentBackground#eaeaea44
- merge.currentHeaderBackground#eaeaea88
- merge.incomingContentBackground#88a23933
- merge.incomingHeaderBackground#88a23966
- notificationCenter.border#eaeaea22
- notificationCenterHeader.background#202936
- notificationCenterHeader.foreground#eaeaea
- notificationLink.foreground#44bbB7
- notifications.background#202936
- notifications.border#eaeaea11
- notifications.foreground#eaeaea
- notificationToast.border#eaeaea11
- panel.background#202936
- panel.border#eaeaea44
- panel.dropBackground#44bbB711
- panelTitle.activeBorder#44bbB7
- panelTitle.activeForeground#eaeaea
- panelTitle.inactiveForeground#eaeaea88
- peekView.border#eaeaea11
- peekViewEditor.background#202936
- peekViewEditor.matchHighlightBackground#88a23944
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#202936
- peekViewResult.background#202936
- peekViewResult.fileForeground#eaeaea
- peekViewResult.lineForeground#eaeaea
- peekViewResult.matchHighlightBackground#4b9b8044
- peekViewResult.selectionBackground#44bbB722
- peekViewResult.selectionForeground#eaeaea
- peekViewTitle.background#202936
- peekViewTitleDescription.foreground#eaeaeabb
- peekViewTitleLabel.foreground#eaeaea
- pickerGroup.border#eaeaea44
- pickerGroup.foreground#eaeaea
- progressBar.background#44bbB7
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#44bbB788
- scrollbarSlider.background#eaeaea22
- scrollbarSlider.hoverBackground#eaeaea44
- selection.background#44bbB755
- settings.checkboxBackground#202936
- settings.checkboxBorder#eaeaea44
- settings.checkboxForeground#44bbB7
- settings.dropdownBackground#202936
- settings.dropdownBorder#eaeaea44
- settings.dropdownForeground#eaeaea
- settings.dropdownListBorder#eaeaea44
- settings.headerForeground#eaeaea
- settings.modifiedItemIndicator#F4C94655
- settings.numberInputBackground#202936
- settings.numberInputBorder#eaeaea44
- settings.numberInputForeground#eaeaea
- settings.textInputBackground#202936
- settings.textInputBorder#eaeaea44
- settings.textInputForeground#eaeaea
- sideBar.background#202936
- sideBar.border#eaeaea44
- sideBar.dropBackground#44bbB733
- sideBar.foreground#eaeaeaea
- sideBarSectionHeader.background#202936
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#eaeaeaea
- sideBarTitle.foreground#eaeaea
- statusBar.background#202936
- statusBar.border#eaeaea44
- statusBar.debuggingBackground#202936
- statusBar.debuggingBorder#00000000
- statusBar.debuggingForeground#eaeaea
- statusBar.foreground#eaeaea
- statusBar.noFolderBackground#202936
- statusBar.noFolderBorder#00000000
- statusBar.noFolderForeground#eaeaea
- statusBarItem.activeBackground#eaeaea11
- statusBarItem.hoverBackground#eaeaea22
- statusBarItem.prominentBackground#202936
- statusBarItem.prominentHoverBackground#eaeaea22
- tab.activeBackground#202936
- tab.activeBorder#00000000
- tab.activeBorderTop#44bbB7
- tab.activeForeground#eaeaea
- tab.activeModifiedBorder#F4C946
- tab.border#00000000
- tab.hoverBackground#eaeaea11
- tab.hoverBorder#00000000
- tab.inactiveBackground#202936
- tab.inactiveForeground#eaeaea66
- tab.inactiveModifiedBorder#f44646
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#00000000
- tab.unfocusedActiveForeground#eaeaea
- tab.unfocusedActiveModifiedBorder#F4C946
- tab.unfocusedHoverBackground#202936
- tab.unfocusedHoverBorder#44bbB7
- tab.unfocusedInactiveForeground#eaeaea66
- tab.unfocusedInactiveModifiedBorder#F4C946
- terminal.ansiBlack#eaeaea44
- terminal.ansiBlue#44bbB7
- terminal.ansiBrightBlack#eaeaea88
- terminal.ansiBrightBlue#44bbB7
- terminal.ansiBrightCyan#44bbB7
- terminal.ansiBrightGreen#88a239
- terminal.ansiBrightMagenta#f86a76
- terminal.ansiBrightRed#cf5454
- terminal.ansiBrightWhite#f6f6f6
- terminal.ansiBrightYellow#F4C946
- terminal.ansiCyan#44bbB7
- terminal.ansiGreen#88a239
- terminal.ansiMagenta#F4C946
- terminal.ansiRed#cf5454
- terminal.ansiWhite#eaeaea
- terminal.ansiYellow#F4C946
- terminal.background#202936
- terminal.border#eaeaea44
- terminal.foreground#eaeaeaea
- terminal.selectionBackground#44bbB755
- terminalCursor.background#202936
- terminalCursor.foreground#44bbB7
- textBlockQuote.background#F4C94655
- textBlockQuote.border#eaeaea22
- textCodeBlock.background#202936
- textLink.activeForeground#44bbB7
- textLink.foreground#44bbB7
- textPreformat.foreground#eaeaea
- textSeparator.foreground#eaeaea88
- titleBar.activeBackground#202936
- titleBar.activeForeground#eaeaea
- titleBar.border#eaeaea22
- titleBar.inactiveBackground#202936
- titleBar.inactiveForeground#eaeaea88
- walkThrough.embeddedEditorBackground#202936
- welcomePage.background#202936
- welcomePage.buttonBackground#44bbB7
- welcomePage.buttonHoverBackground#44bbB788
- widget.shadow#eaeaea44
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| invalid | #CF5454 | — |
| comment, comment punctuation, comment entity, comment string, comment meta.link string, comment keyword, comment storage, comment support, comment constant, comment constant.language, comment variable, comment markup storage, comment meta.tag entity, comment meta.tag entity.other | #eaeaea99 | italic |
| text, constant, entity, variable, support, support.constant, meta.class support.class, meta.var support.class, meta.var support.constant, meta.import constant.language, meta.tag entity.other, meta.selector entity.other, meta.property-value constant.other.color, markup.quote, storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java, keyword.operator | #eaeaeaea | — |
| string, string.regexp constant | #F4C946 | — |
| entity.name.function, meta.function support, meta.tag entity support.class, meta.method.declaration storage, markup meta.link, source.shell support.function, keyword, storage, constant.language, markup.raw, markup.inline.raw, string meta.template punctuation, keyword punctuation, meta.tag entity, meta.property-value support.constant, source.shell string.interpolated punctuation, support.type.property-name.json, meta.type support, meta.type entity, meta.type string, meta.type meta.brace, meta.return.type entity, meta.return.type support, meta.other.type keyword, meta.other.type support, meta.other.type support.class, meta.function storage.type.php, comment entity.name.type | #44bbB7 | — |
| markup.italic, string, string.regexp | — | italic |
| constant.character, markup.heading, markup.bold, meta.selector entity, meta.property-value keyword.other.important | — | bold |
| comment storage, comment keyword | — | italic bold |
| markup meta.link | — | italic underline |
| comment markup storage | — | |
| token.info-token | #316BCD | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #CD3131 | — |
| token.debug-token | #800080 | — |