Tea House Theme
Publisher: FireMegrezThemes in package: 1
Theme designed on VS Code - A dark theme
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.activeFocusBorder#0d0c1c
- activityBar.background#3b3962
- activityBar.foreground#6f6d9c
- activityBar.inactiveForeground#8c8ab1
- activityBarBadge.background#0d0c1c
- activityBarBadge.foreground#c8c8da
- badge.background#0d0c1c
- badge.foreground#8c8ab1
- breadcrumb.activeSelectionForeground#c8c8da
- breadcrumb.background#0d0c1c
- breadcrumb.focusForeground#a9a9c5
- breadcrumb.foreground#6f6d9c
- breadcrumbPicker.background#24233f
- button.background#24233f
- button.foreground#c8c8da
- button.hoverBackground#6f6d9c
- checkbox.background#0d0c1c
- checkbox.foreground#8c8ab1
- debugExceptionWidget.background#24233f
- debugIcon.breakpointCurrentStackframeForeground#e990b5
- debugIcon.breakpointDisabledForeground#6f6d9c
- debugIcon.breakpointForeground#c8a75d
- debugIcon.breakpointStackframeForeground#f2ae9e
- debugIcon.breakpointUnverifiedForeground#3b3962
- debugIcon.continueForeground#f5b8d0
- debugIcon.disconnectForeground#c8a75d
- debugIcon.pauseForeground#f2b5f5
- debugIcon.restartForeground#f5b8d0
- debugIcon.startForeground#f5b8d0
- debugIcon.stepBackForeground#f2ae9e
- debugIcon.stepIntoForeground#e38ce6
- debugIcon.stepOutForeground#99b64f
- debugIcon.stepOverForeground#f2b5f5
- debugIcon.stopForeground#c8a75d
- debugToolBar.background#24233f
- descriptionForeground#535284
- diffEditor.insertedTextBackground#f5b8d020
- diffEditor.removedTextBackground#c8a75d20
- dropdown.background#0d0c1c
- dropdown.foreground#8c8ab1
- dropdown.listBackground#0d0c1c
- editor.background#0d0c1c
- editor.findMatchBackground#e990b56f
- editor.findMatchHighlightBackground#eec45a6f
- editor.findRangeHighlightBackground#24233f6f
- editor.foreground#8c8ab1
- editor.hoverHighlightBackground#3b39626f
- editor.inactiveSelectionBackground#3b3962
- editor.lineHighlightBackground#24233f
- editor.rangeHighlightBackground#24233f6f
- editor.selectionBackground#3b3962
- editor.selectionHighlightBackground#24233f
- editor.snippetFinalTabstopHighlightBackground#535284
- editor.snippetTabstopHighlightBackground#3b3962
- editor.wordHighlightBackground#3b39626f
- editor.wordHighlightStrongBackground#5352846f
- editorBracketMatch.background#3b3962
- editorCodeLens.foreground#3b3962
- editorCursor.foreground#8c8ab1
- editorError.foreground#c8a75d
- editorGroup.border#8c8ab1
- editorGroup.dropBackground#3b39626f
- editorGroup.emptyBackground#0d0c1c
- editorGroupHeader.border#0d0c1c
- editorGroupHeader.noTabsBackground#24233f
- editorGroupHeader.tabsBackground#24233f
- editorGutter.addedBackground#2a9e2a
- editorGutter.background#0d0c1c
- editorGutter.commentRangeForeground#6f6d9c
- editorGutter.deletedBackground#af2222
- editorGutter.modifiedBackground#104891
- editorHint.foreground#f2b5f5
- editorHoverWidget.background#0d0c1c
- editorIndentGuide.activeBackground#6f6d9c
- editorIndentGuide.background#535284
- editorInfo.foreground#e38ce6
- editorLightBulb.foreground#e990b5
- editorLightBulbAutoFix.foreground#f2b5f5
- editorLineNumber.activeForeground#535284
- editorLineNumber.foreground#535284
- editorLink.activeForeground#f2b5f5
- editorMarkerNavigation.background#24233f
- editorMarkerNavigationError.background#c8a75d
- editorMarkerNavigationInfo.background#f2b5f5
- editorMarkerNavigationWarning.background#e990b5
- editorOverviewRuler.addedForeground#f5b8d0
- editorOverviewRuler.bracketMatchForeground#a9a9c5
- editorOverviewRuler.commonContentForeground#f2ae9e
- editorOverviewRuler.currentContentForeground#f2b5f5
- editorOverviewRuler.deletedForeground#c8a75d
- editorOverviewRuler.errorForeground#c8a75d
- editorOverviewRuler.findMatchForeground#24233f6f
- editorOverviewRuler.incomingContentForeground#f5b8d0
- editorOverviewRuler.infoForeground#e38ce6
- editorOverviewRuler.modifiedForeground#99b64f
- editorOverviewRuler.rangeHighlightForeground#5352846f
- editorOverviewRuler.selectionHighlightForeground#3b39626f
- editorOverviewRuler.warningForeground#e990b5
- editorOverviewRuler.wordHighlightForeground#c8c8da6f
- editorOverviewRuler.wordHighlightStrongForeground#f2b5f56f
- editorPane.background#0d0c1c
- editorRuler.foreground#24233f
- editorSuggestWidget.background#24233f
- editorSuggestWidget.foreground#8c8ab1
- editorSuggestWidget.highlightForeground#f2b5f5
- editorSuggestWidget.selectedBackground#3b3962
- editorWarning.foreground#e990b5
- editorWhitespace.foreground#535284
- editorWidget.background#0d0c1c
- editorWidget.foreground#8c8ab1
- errorForeground#c8a75d
- extensionBadge.remoteBackground#eec45a
- extensionBadge.remoteForeground#c8c8da
- extensionButton.prominentBackground#f5b8d0
- extensionButton.prominentForeground#c8c8da
- extensionButton.prominentHoverBackground#3b3962
- foreground#8c8ab1
- gitDecoration.conflictingResourceForeground#e990b5
- gitDecoration.deletedResourceForeground#f2ae9e
- gitDecoration.ignoredResourceForeground#535284
- gitDecoration.modifiedResourceForeground#f2ae9e
- gitDecoration.submoduleResourceForeground#f2ae9e
- gitDecoration.untrackedResourceForeground#f2ae9e
- icon.foreground#6f6d9c
- input.background#24233f
- input.foreground#8c8ab1
- input.placeholderForeground#535284
- inputOption.activeBackground#3b3962
- inputOption.activeBorder#eec45a
- inputValidation.errorBackground#c8a75d
- inputValidation.errorBorder#c8a75d
- inputValidation.errorForeground#8c8ab1
- inputValidation.infoBackground#f2b5f5
- inputValidation.infoBorder#f2b5f5
- inputValidation.infoForeground#8c8ab1
- inputValidation.warningBackground#e990b5
- inputValidation.warningBorder#e990b5
- inputValidation.warningForeground#8c8ab1
- list.activeSelectionBackground#0d0c1c
- list.activeSelectionForeground#6f6d9c
- list.dropBackground#c8c8da
- list.errorForeground#c8a75d
- list.filterMatchBackground#3b3962
- list.focusBackground#0d0c1c
- list.focusForeground#6f6d9c
- list.highlightForeground#c8c8da
- list.hoverBackground#0d0c1c
- list.hoverForeground#6f6d9c
- list.inactiveFocusBackground#3b3962
- list.inactiveSelectionBackground#0d0c1c
- list.inactiveSelectionForeground#6f6d9c
- list.invalidItemForeground#c8a75d
- list.warningForeground#e990b5
- listFilterWidget.background#0d0c1c
- listFilterWidget.noMatchesOutline#c8a75d
- menu.background#24233f
- menu.foreground#8c8ab1
- menu.selectionBackground#3b3962
- menu.selectionForeground#8c8ab1
- menu.separatorBackground#c8c8da
- menubar.selectionBackground#24233f
- menubar.selectionForeground#8c8ab1
- merge.currentContentBackground#f2b5f540
- merge.currentHeaderBackground#f2b5f540
- merge.incomingContentBackground#f5b8d060
- merge.incomingHeaderBackground#f5b8d060
- minimap.errorHighlight#852020
- minimap.findMatchHighlight#24233f
- minimap.selectionHighlight#ffffff
- minimap.warningHighlight#eeff0062
- notificationCenterHeader.background#24233f
- notificationCenterHeader.foreground#8c8ab1
- notificationLink.foreground#f2b5f5
- notifications.background#3b3962
- notifications.foreground#8c8ab1
- notificationsErrorIcon.foreground#c8a75d
- notificationsInfoIcon.foreground#f2b5f5
- notificationsWarningIcon.foreground#e990b5
- panel.background#24233f
- panelTitle.activeForeground#8c8ab1
- panelTitle.inactiveForeground#535284
- peekViewEditor.background#24233f
- peekViewEditor.matchHighlightBackground#eec45a6f
- peekViewEditorGutter.background#24233f
- peekViewResult.background#0d0c1c
- peekViewResult.fileForeground#8c8ab1
- peekViewResult.lineForeground#535284
- peekViewResult.matchHighlightBackground#eec45a6f
- peekViewResult.selectionBackground#3b3962
- peekViewResult.selectionForeground#8c8ab1
- peekViewTitle.background#3b3962
- peekViewTitleDescription.foreground#535284
- peekViewTitleLabel.foreground#8c8ab1
- pickerGroup.foreground#535284
- problemsErrorIcon.foreground#c8a75d
- problemsInfoIcon.foreground#e38ce6
- problemsWarningIcon.foreground#e990b5
- progressBar.background#535284
- quickInput.background#24233f
- quickInput.foreground#8c8ab1
- scrollbar.shadow#24233f
- scrollbarSlider.activeBackground#6f6d9c6f
- scrollbarSlider.background#3b39626f
- scrollbarSlider.hoverBackground#5352846f
- selection.background#f2b5f5
- settings.checkboxBackground#24233f
- settings.checkboxForeground#8c8ab1
- settings.dropdownBackground#24233f
- settings.dropdownForeground#8c8ab1
- settings.headerForeground#8c8ab1
- settings.modifiedItemIndicator#f2b5f5
- settings.numberInputBackground#24233f
- settings.numberInputForeground#8c8ab1
- settings.textInputBackground#24233f
- settings.textInputForeground#8c8ab1
- sideBar.background#24233f
- sideBar.border#0d0c1c
- sideBar.dropBackground#3b3962
- sideBar.foreground#8c8ab1
- sideBarSectionHeader.background#24233f
- sideBarSectionHeader.foreground#8c8ab1
- sideBarTitle.foreground#8c8ab1
- statusBar.background#24233f
- statusBar.debuggingBackground#eec45a
- statusBar.debuggingForeground#c8c8da
- statusBar.foreground#8c8ab1
- statusBar.noFolderBackground#99b64f
- statusBar.noFolderForeground#c8c8da
- statusBarItem.activeBackground#535284
- statusBarItem.hoverBackground#3b3962
- statusBarItem.prominentBackground#99b64f
- statusBarItem.prominentForeground#c8c8da
- statusBarItem.prominentHoverBackground#c8a75d
- statusBarItem.remoteBackground#0d0c1c
- statusBarItem.remoteForeground#c8c8da
- symbolIcon.arrayForeground#8c8ab1
- symbolIcon.booleanForeground#eec45a
- symbolIcon.classForeground#e990b5
- symbolIcon.colorForeground#f0f
- symbolIcon.constantForeground#eec45a
- symbolIcon.constructorForeground#f2b5f5
- symbolIcon.enumeratorForeground#eec45a
- symbolIcon.enumeratorMemberForeground#f2b5f5
- symbolIcon.eventForeground#e990b5
- symbolIcon.fieldForeground#c8a75d
- symbolIcon.fileForeground#8c8ab1
- symbolIcon.folderForeground#8c8ab1
- symbolIcon.functionForeground#f2b5f5
- symbolIcon.interfaceForeground#f2b5f5
- symbolIcon.keyForeground#f0f
- symbolIcon.keywordForeground#99b64f
- symbolIcon.methodForeground#f2b5f5
- symbolIcon.moduleForeground#8c8ab1
- symbolIcon.namespaceForeground#8c8ab1
- symbolIcon.nullForeground#f2ae9e
- symbolIcon.numberForeground#eec45a
- symbolIcon.objectForeground#f0f
- symbolIcon.operatorForeground#f0f
- symbolIcon.packageForeground#f0f
- symbolIcon.propertyForeground#8c8ab1
- symbolIcon.referenceForeground#f0f
- symbolIcon.snippetForeground#8c8ab1
- symbolIcon.stringForeground#f5b8d0
- symbolIcon.structForeground#e990b5
- symbolIcon.textForeground#8c8ab1
- symbolIcon.typeParameterForeground#f0f
- symbolIcon.unitForeground#f0f
- symbolIcon.variableForeground#c8a75d
- tab.activeBackground#0d0c1c
- tab.activeForeground#6f6d9c
- tab.activeModifiedBorder#f2b5f5
- tab.border#24233f
- tab.hoverBackground#0d0c1c
- tab.inactiveBackground#24233f
- tab.inactiveForeground#8c8ab1
- tab.inactiveModifiedBorder#f2b5f5
- tab.unfocusedActiveBackground#0d0c1c
- tab.unfocusedActiveForeground#6f6d9c
- tab.unfocusedActiveModifiedBorder#f2b5f5
- tab.unfocusedHoverBackground#3b3962
- tab.unfocusedInactiveForeground#535284
- tab.unfocusedInactiveModifiedBorder#f2b5f5
- terminal.ansiBlack#0d0c1c
- terminal.ansiBlue#f2b5f5
- terminal.ansiBrightBlack#535284
- terminal.ansiBrightBlue#f2b5f5
- terminal.ansiBrightCyan#e38ce6
- terminal.ansiBrightGreen#f5b8d0
- terminal.ansiBrightMagenta#99b64f
- terminal.ansiBrightRed#c8a75d
- terminal.ansiBrightWhite#c8c8da
- terminal.ansiBrightYellow#e990b5
- terminal.ansiCyan#e38ce6
- terminal.ansiGreen#f5b8d0
- terminal.ansiMagenta#99b64f
- terminal.ansiRed#c8a75d
- terminal.ansiWhite#8c8ab1
- terminal.ansiYellow#e990b5
- terminal.background#0d0c1c
- terminal.foreground#6f6d9c
- terminalCursor.foreground#8c8ab1
- textBlockQuote.background#24233f
- textBlockQuote.border#f2b5f5
- textCodeBlock.background#0d0c1c
- textLink.activeForeground#e38ce6
- textLink.foreground#f2b5f5
- textPreformat.foreground#f2b5f5
- textSeparator.foreground#f0f
- titleBar.activeBackground#0d0c1c
- titleBar.activeForeground#8c8ab1
- titleBar.inactiveBackground#24233f
- titleBar.inactiveForeground#535284
- tree.indentGuidesStroke#8c8ab1
- walkThrough.embeddedEditorBackground#0d0c1c
- welcomePage.background#0d0c1c
- widget.shadow#0d0c1c
- window.activeBorder#0d0c1c
- window.inactiveBorder#24233f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #535284 | |
| comment.block.preprocessor | #535284 | |
| comment.documentation, comment.block.documentation | #535284 | — |
| keyword.operator | #8c8ab1 | — |
| keyword, storage | #99b64f | — |
| storage.type, support.type | #99b64f | — |
| constant.language, support.constant, variable.language | #eec45a | — |
| variable, support.variable | #c8a75d | — |
| entity.name.function, support.function | #f2b5f5 | |
| entity.name.type, entity.other.inherited-class, support.class | #e990b5 | |
| entity.name.exception | #8d1d1d | — |
| entity.name.section | — | |
| constant.numeric, constant.character, constant | #eec45a | — |
| string | #f5b8d0 | — |
| constant.character.escape | #e38ce6 | — |
| string.regexp | #f5b8d0 | — |
| constant.other.symbol | #f5b8d0 | — |
| punctuation | #f5b8d0 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #99b64f | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #f2ae9e | — |
| entity.name.tag | #e990b5 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #99b64f | |
| constant.character.entity, punctuation.definition.entity | #e38ce6 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #99b64f | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #eec45a | — |
| keyword.other.important | — | |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup. | — | |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #c8a75d | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup. | — | |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #e38ce6 | — |
| markup.list | #c8a75d | — |
| markup., markup. | #99b64f | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |