hobbyist-goth
Publisher: timhansherThemes in package: 1
a dark yet soft 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.activeBackground#40454f33
- activityBar.activeBorder#acb0b8
- activityBar.activeFocusBorder#e27ad1
- activityBar.background#2b303a
- activityBar.border#2b303a
- activityBar.dropBorder#8896ba
- activityBar.foreground#969aa3
- activityBar.inactiveForeground#81858e
- activityBarBadge.background#e27ad1
- activityBarBadge.foreground#2b303a
- badge.background#e27ad1
- badge.foreground#e27ad1
- breadcrumb.activeSelectionForeground#c1c5cd
- breadcrumb.background#2b303a
- breadcrumb.focusForeground#acb0b8
- breadcrumb.foreground#969aa3
- breadcrumbPicker.background#2b303a
- button.background#8896ba
- button.foreground#2b303a
- button.hoverBackground#ae8fab
- button.secondaryBackground#acb0b8
- button.secondaryForeground#2b303a
- button.secondaryHoverBackground#969aa3
- charts.blue#8896ba
- charts.foreground#acb0b8
- charts.green#9ebda6
- charts.lines#6b7079
- charts.orange#c1c5cd
- charts.purple#e27ad1
- charts.red#b3666b
- charts.yellow#e5cc94
- checkbox.background#8896ba
- checkbox.border#40454f
- checkbox.foreground#2b303a
- debugConsole.errorForeground#b3666b
- debugConsole.infoForeground#8896ba
- debugConsole.sourceForeground#e27ad1
- debugConsole.warningForeground#c1c5cd
- debugConsoleInputIcon.foreground#81858e
- debugExceptionWidget.background#40454f
- debugExceptionWidget.border#40454f
- debugIcon.breakpointCurrentStackframeForeground#9ebda6
- debugIcon.breakpointDisabledForeground#81858e
- debugIcon.breakpointForeground#b3666b
- debugIcon.breakpointStackframeForeground#e5cc94
- debugIcon.breakpointUnverifiedForeground#969aa3
- debugIcon.continueForeground#9ebda6
- debugIcon.disconnectForeground#c1c5cd
- debugIcon.pauseForeground#8896ba
- debugIcon.restartForeground#9bb4b3
- debugIcon.startForeground#9ebda6
- debugIcon.stepBackForeground#c1c5cd
- debugIcon.stepIntoForeground#c1c5cd
- debugIcon.stepOutForeground#c1c5cd
- debugIcon.stepOverForeground#c1c5cd
- debugIcon.stopForeground#b3666b
- debugTokenExpression.boolean#e27ad1
- debugTokenExpression.error#b3666b
- debugTokenExpression.name#8896ba
- debugTokenExpression.number#9bb4b3
- debugTokenExpression.string#9ebda6
- debugTokenExpression.value#c1c5cd
- debugToolBar.background#40454f
- debugToolBar.border#565b64
- debugView.exceptionLabelBackground#40454f
- debugView.exceptionLabelForeground#e5cc94
- debugView.stateLabelBackground#40454f
- debugView.stateLabelForeground#8896ba
- debugView.valueChangedHighlight#e5cc9433
- descriptionForeground#acb0b8
- diffEditor.border#40454f
- diffEditor.diagonalFill#40454f7f
- diffEditor.insertedTextBackground#9ebda620
- diffEditor.removedTextBackground#b3666b20
- dropdown.background#40454f
- dropdown.border#40454f
- dropdown.foreground#acb0b8
- dropdown.listBackground#40454f
- editor.background#2b303a
- editor.findMatchBackground#e5cc943f
- editor.findMatchHighlightBackground#e5cc9433
- editor.findRangeHighlightBackground#40454f
- editor.focusedStackFrameHighlightBackground#9ebda63f
- editor.foldBackground#40454f66
- editor.foreground#c1c5cd
- editor.hoverHighlightBackground#565b647f
- editor.inactiveSelectionBackground#8896ba33
- editor.lineHighlightBackground#2b303a
- editor.lineHighlightBorder#40454f
- editor.rangeHighlightBackground#e5cc9433
- editor.selectionBackground#8896ba33
- editor.selectionForeground#c1c5cd
- editor.selectionHighlightBackground#40454f
- editor.snippetFinalTabstopHighlightBackground#565b647f
- editor.snippetTabstopHighlightBackground#40454f7f
- editor.stackFrameHighlightBackground#ae8fab3f
- editor.symbolHighlightBackground#e27ad133
- editor.wordHighlightBackground#e27ad133
- editor.wordHighlightStrongBackground#9bb4b333
- editorBracketHighlight.foreground1#c1c5cd
- editorBracketHighlight.foreground2#e5cc94
- editorBracketHighlight.foreground3#ae8fab
- editorBracketHighlight.foreground4#e27ad1
- editorBracketHighlight.foreground5#9ebda6
- editorBracketHighlight.foreground6#8896ba
- editorBracketHighlight.unexpectedBracket#b3666b
- editorBracketMatch.background#40454f
- editorBracketMatch.border#565b64
- editorCodeLens.foreground#969aa3
- editorCursor.background#2b303a
- editorCursor.foreground#e27ad1
- editorError.foreground#b3666b
- editorGroup.border#40454f
- editorGroup.dropBackground#565b647f
- editorGroup.emptyBackground#2b303a
- editorGroup.focusedEmptyBorder#40454f
- editorGroupHeader.border#2b303a
- editorGroupHeader.noTabsBackground#2b303a
- editorGroupHeader.tabsBackground#2b303a
- editorGroupHeader.tabsBorder#2b303a
- editorGutter.addedBackground#9ebda6
- editorGutter.background#2b303a
- editorGutter.commentRangeForeground#6b7079
- editorGutter.deletedBackground#b3666b
- editorGutter.foldingControlForeground#969aa3
- editorGutter.modifiedBackground#e5cc94
- editorHint.border#81858e
- editorHint.foreground#9bb4b3
- editorHoverWidget.background#40454f
- editorHoverWidget.border#40454f
- editorHoverWidget.foreground#acb0b8
- editorHoverWidget.statusBarBackground#8896ba33
- editorIndentGuide.activeBackground#565b64
- editorIndentGuide.background#40454f
- editorInfo.foreground#8896ba
- editorLightBulb.foreground#e5cc94
- editorLightBulbAutoFix.foreground#8896ba
- editorLineNumber.activeForeground#81858e
- editorLineNumber.foreground#565b64
- editorLink.activeForeground#ae8fab
- editorMarkerNavigation.background#40454f
- editorMarkerNavigationError.background#b3666b
- editorMarkerNavigationInfo.background#8896ba
- editorMarkerNavigationWarning.background#c1c5cd
- editorOverviewRuler.addedForeground#9ebda67f
- editorOverviewRuler.border#40454f
- editorOverviewRuler.bracketMatchForeground#6b7079
- editorOverviewRuler.commonContentForeground#e27ad1
- editorOverviewRuler.currentContentForeground#ae8fab
- editorOverviewRuler.deletedForeground#b3666b7f
- editorOverviewRuler.errorForeground#b3666b7f
- editorOverviewRuler.findMatchForeground#e5cc94bf
- editorOverviewRuler.incomingContentForeground#8896ba
- editorOverviewRuler.infoForeground#8896ba7f
- editorOverviewRuler.modifiedForeground#e5cc947f
- editorOverviewRuler.rangeHighlightForeground#565b64bf
- editorOverviewRuler.selectionHighlightForeground#40454fbf
- editorOverviewRuler.warningForeground#c1c5cd7f
- editorOverviewRuler.wordHighlightForeground#565b64bf
- editorOverviewRuler.wordHighlightStrongForeground#6b7079bf
- editorPane.background#2b303a
- editorRuler.foreground#40454f
- editorSuggestWidget.background#40454f
- editorSuggestWidget.border#40454f
- editorSuggestWidget.foreground#acb0b8
- editorSuggestWidget.highlightForeground#9bb4b3
- editorSuggestWidget.selectedBackground#565b64
- editorUnnecessaryCode.opacity#0000007f
- editorWarning.foreground#c1c5cd
- editorWhitespace.foreground#40454f
- editorWidget.background#40454f
- editorWidget.border#40454f
- editorWidget.foreground#acb0b8
- editorWidget.resizeBorder#8896ba
- errorForeground#b3666b
- extensionBadge.remoteBackground#9bb4b3
- extensionBadge.remoteForeground#2b303a
- extensionButton.prominentBackground#8896ba
- extensionButton.prominentForeground#2b303a
- extensionButton.prominentHoverBackground#ae8fab
- focusBorder#e27ad1
- foreground#c1c5cd
- gitDecoration.addedResourceForeground#9ebda6
- gitDecoration.conflictingResourceForeground#ae8fab
- gitDecoration.deletedResourceForeground#b3666b
- gitDecoration.ignoredResourceForeground#6b7079
- gitDecoration.modifiedResourceForeground#e5cc94
- gitDecoration.stageDeletedResourceForeground#b3666b
- gitDecoration.stageModifiedResourceForeground#ae8fab
- gitDecoration.submoduleResourceForeground#9bb4b3
- gitDecoration.untrackedResourceForeground#e27ad1
- icon.foreground#acb0b8
- imagePreview.border#40454f
- input.background#40454f
- input.border#40454f
- input.foreground#acb0b8
- input.placeholderForeground#565b64
- inputOption.activeBackground#565b64
- inputOption.activeBorder#ae8fab
- inputOption.activeForeground#c1c5cd
- inputValidation.errorBackground#40454f
- inputValidation.errorBorder#b3666b
- inputValidation.errorForeground#b3666b
- inputValidation.infoBackground#40454f
- inputValidation.infoBorder#8896ba
- inputValidation.infoForeground#8896ba
- inputValidation.warningBackground#40454f
- inputValidation.warningBorder#c1c5cd
- inputValidation.warningForeground#c1c5cd
- list.activeSelectionBackground#e27ad1
- list.activeSelectionForeground#2b303a
- list.deemphasizedForeground#81858e
- list.dropBackground#40454f
- list.errorForeground#b3666b
- list.filterMatchBackground#e5cc9433
- list.filterMatchBorder#e5cc9433
- list.focusBackground#6b70793f
- list.focusForeground#c1c5cd
- list.highlightForeground#e5cc94
- list.hoverBackground#40454f33
- list.hoverForeground#c1c5cd
- list.inactiveFocusBackground#40454f3f
- list.inactiveSelectionBackground#565b643f
- list.inactiveSelectionForeground#acb0b8
- list.invalidItemForeground#b3666b
- list.warningForeground#e5cc94
- listFilterWidget.background#40454f
- listFilterWidget.noMatchesOutline#b3666b
- listFilterWidget.outline#8896ba
- menu.background#2b303a
- menu.foreground#acb0b8
- menu.selectionBackground#40454f
- menu.selectionForeground#c1c5cd
- menu.separatorBackground#565b64
- menubar.selectionBackground#40454f
- menubar.selectionForeground#c1c5cd
- merge.border#81858e
- merge.commonContentBackground#e27ad14c
- merge.commonHeaderBackground#e27ad14c
- merge.currentContentBackground#ae8fab4c
- merge.currentHeaderBackground#ae8fab4c
- merge.incomingContentBackground#8896ba4c
- merge.incomingHeaderBackground#8896ba4c
- minimap.background#2b303a
- minimap.errorHighlight#b3666b80
- minimap.findMatchHighlight#e5cc94
- minimap.selectionHighlight#8896ba80
- minimap.warningHighlight#c1c5cd80
- minimapGutter.addedBackground#9ebda680
- minimapGutter.deletedBackground#b3666b80
- minimapGutter.modifiedBackground#e5cc9480
- minimapSlider.activeBackground#6b707933
- minimapSlider.background#40454f33
- minimapSlider.hoverBackground#565b6433
- notebook.cellBorderColor#40454f3f
- notebook.cellHoverBackground#40454f3f
- notebook.cellInsertionIndicator#9ebda6
- notebook.cellStatusBarItemHoverBackground#40454f3f
- notebook.cellToolbarSeparator#40454f3f
- notebook.focusedCellBackground#40454f7f
- notebook.focusedCellBorder#e27ad1
- notebook.focusedCellShadow#0000003f
- notebook.focusedEditorBorder#40454f
- notebook.focusedRowBorder#e27ad1
- notebook.inactiveFocusedCellBorder#969aa3
- notebook.outputContainerBackgroundColor#2b303a
- notebook.rowHoverBackground#40454f7f
- notebook.selectedCellBorder#81858e
- notebook.symbolHighlightBackground#e27ad13f
- notebookScrollbarSlider.activeBackground#969aa37f
- notebookScrollbarSlider.background#6b70797f
- notebookScrollbarSlider.hoverBackground#81858e7f
- notebookStatusErrorIcon.foreground#b3666b
- notebookStatusRunningIcon.foreground#8896ba
- notebookStatusSuccessIcon.foreground#9ebda6
- notificationCenterHeader.background#565b64
- notificationCenterHeader.foreground#acb0b8
- notificationLink.foreground#8896ba
- notifications.background#40454f
- notifications.border#6b7079
- notifications.foreground#c1c5cd
- notificationsErrorIcon.foreground#b3666b
- notificationsInfoIcon.foreground#8896ba
- notificationsWarningIcon.foreground#c1c5cd
- notificationToast.border#6b7079
- panel.background#2b303a
- panel.border#40454f
- panel.dropBorder#8896ba
- panelSection.border#40454f
- panelSection.dropBackground#40454f3f
- panelSectionHeader.background#565b64
- panelSectionHeader.border#2b303a
- panelSectionHeader.foreground#acb0b8
- panelTitle.activeBorder#6b7079
- panelTitle.activeForeground#acb0b8
- panelTitle.inactiveForeground#81858e
- peekView.border#9bb4b3
- peekViewEditor.background#40454f7f
- peekViewEditor.matchHighlightBackground#e5cc947f
- peekViewEditorGutter.background#40454f7f
- peekViewResult.background#40454f
- peekViewResult.fileForeground#acb0b8
- peekViewResult.lineForeground#565b64
- peekViewResult.matchHighlightBackground#e5cc94
- peekViewResult.selectionBackground#6b7079
- peekViewResult.selectionForeground#c1c5cd
- peekViewTitle.background#40454f
- peekViewTitleDescription.foreground#969aa3
- peekViewTitleLabel.foreground#c1c5cd
- pickerGroup.border#565b64
- pickerGroup.foreground#81858e
- problemsErrorIcon.foreground#b3666b
- problemsInfoIcon.foreground#8896ba
- problemsWarningIcon.foreground#c1c5cd
- progressBar.background#9ebda6
- quickInput.background#40454f
- quickInput.foreground#c1c5cd
- quickInputTitle.background#565b64
- sash.hoverBorder#8896ba
- scm.providerBorder#565b64
- scrollbar.shadow#2b303a
- scrollbarSlider.activeBackground#969aa37f
- scrollbarSlider.background#6b70797f
- scrollbarSlider.hoverBackground#81858e7f
- selection.background#565b64
- settings.checkboxBackground#8896ba
- settings.checkboxBorder#8896ba
- settings.checkboxForeground#2b303a
- settings.dropdownBackground#40454f
- settings.dropdownForeground#acb0b8
- settings.dropdownListBorder#565b64
- settings.focusedRowBackground#2b303a
- settings.headerForeground#c1c5cd
- settings.modifiedItemIndicator#ae8fab
- settings.numberInputBackground#40454f
- settings.numberInputForeground#acb0b8
- settings.textInputBackground#40454f
- settings.textInputForeground#acb0b8
- sideBar.background#2b303a
- sideBar.border#40454f
- sideBar.dropBackground#40454f3f
- sideBar.foreground#acb0b8
- sideBarSectionHeader.background#565b64
- sideBarSectionHeader.border#2b303a
- sideBarSectionHeader.foreground#acb0b8
- sideBarTitle.foreground#969aa3
- statusBar.background#8896ba
- statusBar.border#2b303a
- statusBar.debuggingBackground#c1c5cd
- statusBar.debuggingBorder#2b303a
- statusBar.debuggingForeground#2b303a
- statusBar.foreground#2b303a
- statusBar.noFolderBackground#e27ad1
- statusBar.noFolderBorder#2b303a
- statusBar.noFolderForeground#2b303a
- statusBarItem.activeBackground#ae8fab
- statusBarItem.errorBackground#b3666b
- statusBarItem.errorForeground#2b303a
- statusBarItem.hoverBackground#9ebda6
- statusBarItem.prominentBackground#ae8fab
- statusBarItem.prominentHoverBackground#9ebda6
- statusBarItem.remoteBackground#ae8fab
- statusBarItem.remoteForeground#2b303a
- symbolIcon.arrayForeground#9bb4b3
- symbolIcon.booleanForeground#e27ad1
- symbolIcon.classForeground#8896ba
- symbolIcon.colorForeground#ae8fab
- symbolIcon.constantForeground#9ebda6
- symbolIcon.constructorForeground#e27ad1
- symbolIcon.enumeratorForeground#ae8fab
- symbolIcon.enumeratorMemberForeground#8896ba
- symbolIcon.eventForeground#c1c5cd
- symbolIcon.fieldForeground#b3666b
- symbolIcon.fileForeground#acb0b8
- symbolIcon.folderForeground#969aa3
- symbolIcon.functionForeground#e27ad1
- symbolIcon.interfaceForeground#b3666b
- symbolIcon.keyForeground#e5cc94
- symbolIcon.keywordForeground#8896ba
- symbolIcon.methodForeground#ae8fab
- symbolIcon.moduleForeground#ae8fab
- symbolIcon.namespaceForeground#8896ba
- symbolIcon.nullForeground#b3666b
- symbolIcon.numberForeground#c1c5cd
- symbolIcon.objectForeground#c1c5cd
- symbolIcon.operatorForeground#b3666b
- symbolIcon.packageForeground#c1c5cd
- symbolIcon.propertyForeground#ae8fab
- symbolIcon.referenceForeground#c1c5cd
- symbolIcon.snippetForeground#969aa3
- symbolIcon.stringForeground#9ebda6
- symbolIcon.structForeground#8896ba
- symbolIcon.textForeground#c1c5cd
- symbolIcon.typeParameterForeground#8896ba
- symbolIcon.unitForeground#e5cc94
- symbolIcon.variableForeground#c1c5cd
- tab.activeBackground#2b303a
- tab.activeForeground#acb0b8
- tab.activeModifiedBorder#e5cc94
- tab.border#2b303a
- tab.hoverBackground#40454f80
- tab.hoverForeground#969aa3
- tab.inactiveBackground#40454f
- tab.inactiveForeground#6b7079
- tab.inactiveModifiedBorder#e5cc94
- tab.lastPinnedBorder#9bb4b3
- tab.unfocusedActiveBackground#2b303a
- tab.unfocusedActiveForeground#6b7079
- tab.unfocusedActiveModifiedBorder#e5cc94
- tab.unfocusedHoverBackground#40454f80
- tab.unfocusedHoverForeground#81858e
- tab.unfocusedInactiveBackground#40454f
- tab.unfocusedInactiveForeground#565b64
- tab.unfocusedInactiveModifiedBorder#e5cc94
- terminal.ansiBlack#2b303a
- terminal.ansiBlue#8896ba
- terminal.ansiBrightBlack#40454f
- terminal.ansiBrightBlue#8896ba
- terminal.ansiBrightCyan#ae8fab
- terminal.ansiBrightGreen#ae8fab
- terminal.ansiBrightMagenta#9bb4b3
- terminal.ansiBrightRed#c1c5cd
- terminal.ansiBrightWhite#c1c5cd
- terminal.ansiBrightYellow#e5cc94
- terminal.ansiCyan#ae8fab
- terminal.ansiGreen#9ebda6
- terminal.ansiMagenta#9bb4b3
- terminal.ansiRed#b3666b
- terminal.ansiWhite#acb0b8
- terminal.ansiYellow#e5cc94
- terminal.background#2b303a
- terminal.foreground#acb0b8
- terminal.selectionBackground#8896ba7f
- terminalCursor.background#40454f
- terminalCursor.foreground#969aa3
- testing.iconErrored#b3666b
- testing.iconFailed#c1c5cd
- testing.iconPassed#9ebda6
- testing.iconQueued#ae8fab
- testing.iconSkipped#81858e
- testing.iconUnset#969aa3
- testing.message.error.decorationForeground#b3666b
- testing.message.error.lineBackground#b3666b3f
- testing.message.hint.decorationForeground#9bb4b3
- testing.message.hint.lineBackground#9bb4b33f
- testing.message.info.decorationForeground#8896ba
- testing.message.info.lineBackground#8896ba3f
- testing.message.warning.decorationForeground#c1c5cd
- testing.message.warning.lineBackground#c1c5cd3f
- testing.peekBorder#6b7079
- testing.runAction#8896ba
- textBlockQuote.background#40454f
- textBlockQuote.border#40454f
- textCodeBlock.background#2b303a
- textLink.activeForeground#ae8fab
- textLink.foreground#8896ba
- textPreformat.foreground#c1c5cd
- textSeparator.foreground#81858e
- titleBar.activeBackground#2b303a
- titleBar.activeForeground#969aa3
- titleBar.inactiveBackground#2b303a
- titleBar.inactiveForeground#6b7079
- tree.indentGuidesStroke#40454f
- walkThrough.embeddedEditorBackground#2b303a
- welcomePage.background#2b303a
- welcomePage.buttonBackground#40454f
- welcomePage.buttonHoverBackground#565b64
- welcomePage.progress.background#8896ba
- welcomePage.progress.foreground#2b303a
- widget.shadow#2b303a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #acb0b8 | — |
| comment | #6b7079 | — |
| constant | #9bb4b3 | — |
| entity | #ae8fab | — |
| invalid | #b3666b | — |
| keyword | #e27ad1 | — |
| storage | #9bb4b3 | — |
| string | #9ebda6 | — |
| support | #ae8fab | — |
| variable | #c1c5cd | — |
| markup.heading | #ae8fab | — |
| markup.deleted | #b3666b | — |
| markup.inserted | #9ebda6 | — |
| markup.changed | #e5cc94 | — |
| markup.underline | — | underline |
| markup.underline.link | #8896ba | — |
| markup.list | #c1c5cd | — |
| markup.raw | #9bb4b3 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...