Skip to main content
Coding 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#05130540
  • activityBar.activeBorder#8d8dc9
  • activityBar.background#051305
  • activityBar.border#051305
  • activityBar.dropBorder#8d8dc9
  • activityBar.foreground#b7d2b2
  • activityBar.inactiveForeground#5aa45a
  • activityBarBadge.background#8d8dc9
  • activityBarBadge.foreground#051305
  • badge.background#8d8dc9
  • badge.foreground#051305
  • banner.background#8d8dc920
  • banner.foreground#b7d2b2
  • banner.iconForeground#8d8dc9
  • breadcrumb.activeSelectionForeground#b7d2b2
  • breadcrumb.background#051305
  • breadcrumb.focusForeground#b7d2b2
  • breadcrumb.foreground#5aa45a
  • breadcrumbPicker.background#051305
  • button.background#8d8dc9
  • button.border#8d8dc920
  • button.foreground#051305
  • button.hoverBackground#8d8dc9
  • button.secondaryBackground#5aa45a
  • button.secondaryForeground#b7d2b2
  • button.secondaryHoverBackground#051305
  • charts.blue#8d8dc9
  • charts.foreground#b7d2b2
  • charts.green#82bb7c
  • charts.lines#5aa45a
  • charts.orange#d89797
  • charts.purple#cd98cd
  • charts.red#d18585
  • charts.yellow#8fbf87
  • chat.requestBackground#051305
  • chat.requestBorder#5aa45a
  • checkbox.background#051305
  • checkbox.border#5aa45a
  • checkbox.foreground#b7d2b2
  • checkbox.selectBackground#8d8dc9
  • checkbox.selectBorder#8d8dc9
  • commandCenter.activeBackground#5aa45a
  • commandCenter.activeBorder#8d8dc9
  • commandCenter.activeForeground#b7d2b2
  • commandCenter.background#051305
  • commandCenter.border#5aa45a
  • commandCenter.debuggingBackground#8fbf8720
  • commandCenter.foreground#b7d2b2
  • commandCenter.inactiveBorder#5aa45a
  • commandCenter.inactiveForeground#5aa45a
  • commentsView.resolvedIcon#82bb7c
  • commentsView.unresolvedIcon#8fbf87
  • debugConsole.errorForeground#d18585
  • debugConsole.infoForeground#8d8dc9
  • debugConsole.sourceForeground#b7d2b2
  • debugConsole.warningForeground#8fbf87
  • debugConsoleInputIcon.foreground#8d8dc9
  • debugExceptionWidget.background#d1858520
  • debugExceptionWidget.border#d18585
  • debugIcon.breakpointCurrentStackframeForeground#8fbf87
  • debugIcon.breakpointDisabledForeground#5aa45a
  • debugIcon.breakpointForeground#d18585
  • debugIcon.breakpointStackframeForeground#82bb7c
  • debugIcon.breakpointUnverifiedForeground#8fbf87
  • debugIcon.continueForeground#82bb7c
  • debugIcon.disconnectForeground#d18585
  • debugIcon.pauseForeground#8fbf87
  • debugIcon.restartForeground#82bb7c
  • debugIcon.startForeground#82bb7c
  • debugIcon.stepBackForeground#8fbf87
  • debugIcon.stepIntoForeground#a7d2a2
  • debugIcon.stepOutForeground#cd98cd
  • debugIcon.stepOverForeground#8d8dc9
  • debugIcon.stopForeground#d18585
  • debugTokenExpression.boolean#d89797
  • debugTokenExpression.error#d18585
  • debugTokenExpression.name#cd98cd
  • debugTokenExpression.number#d89797
  • debugTokenExpression.string#82bb7c
  • debugTokenExpression.value#b7d2b2
  • debugToolBar.background#051305
  • debugToolBar.border#5aa45a
  • debugView.exceptionLabelBackground#d18585
  • debugView.exceptionLabelForeground#051305
  • debugView.stateLabelBackground#8d8dc930
  • debugView.stateLabelForeground#b7d2b2
  • debugView.valueChangedHighlight#a7d2a240
  • descriptionForeground#5aa45a
  • diffEditor.diagonalFill#5aa45a30
  • diffEditor.insertedLineBackground#82bb7c15
  • diffEditor.insertedTextBackground#82bb7c20
  • diffEditor.insertedTextBorder#82bb7c00
  • diffEditor.move.border#a7d2a280
  • diffEditor.moveActive.border#a7d2a2
  • diffEditor.removedLineBackground#d1858515
  • diffEditor.removedTextBackground#d1858520
  • diffEditor.removedTextBorder#d1858500
  • diffEditor.unchangedCodeBackground#05130540
  • diffEditor.unchangedRegionBackground#051305
  • diffEditor.unchangedRegionForeground#5aa45a
  • diffEditorGutter.insertedLineBackground#82bb7c30
  • diffEditorGutter.removedLineBackground#d1858530
  • diffEditorOverview.insertedForeground#82bb7c80
  • diffEditorOverview.removedForeground#d1858580
  • disabledForeground#899e86
  • dropdown.background#051305
  • dropdown.border#5aa45a
  • dropdown.foreground#b7d2b2
  • dropdown.listBackground#051305
  • editor.background#051305
  • editor.findMatchBackground#8fbf8740
  • editor.findMatchBorder#8fbf87
  • editor.findMatchHighlightBackground#8fbf8725
  • editor.findMatchHighlightBorder#8fbf8760
  • editor.findRangeHighlightBackground#8d8dc915
  • editor.findRangeHighlightBorder#8d8dc930
  • editor.foreground#b7d2b2
  • editor.hoverHighlightBackground#8d8dc920
  • editor.inactiveSelectionBackground#b7d2b230
  • editor.lineHighlightBackground#05130560
  • editor.lineHighlightBorder#05130500
  • editor.rangeHighlightBackground#8d8dc910
  • editor.rangeHighlightBorder#8d8dc920
  • editor.selectionBackground#b7d2b260
  • editor.selectionForeground#051305
  • editor.selectionHighlightBackground#8d8dc920
  • editor.selectionHighlightBorder#8d8dc940
  • editor.snippetFinalTabstopHighlightBackground#82bb7c20
  • editor.snippetFinalTabstopHighlightBorder#82bb7c40
  • editor.snippetTabstopHighlightBackground#8d8dc920
  • editor.snippetTabstopHighlightBorder#8d8dc940
  • editor.symbolHighlightBackground#8d8dc920
  • editor.symbolHighlightBorder#8d8dc940
  • editor.wordHighlightBackground#8d8dc920
  • editor.wordHighlightBorder#8d8dc940
  • editor.wordHighlightStrongBackground#8d8dc930
  • editor.wordHighlightStrongBorder#8d8dc960
  • editor.wordHighlightTextBackground#8d8dc915
  • editor.wordHighlightTextBorder#8d8dc930
  • editorBracketHighlight.foreground1#8d8dc9
  • editorBracketHighlight.foreground2#8fbf87
  • editorBracketHighlight.foreground3#82bb7c
  • editorBracketHighlight.foreground4#a7d2a2
  • editorBracketHighlight.foreground5#cd98cd
  • editorBracketHighlight.foreground6#d89797
  • editorBracketHighlight.unexpectedBracket.foreground#d18585
  • editorBracketMatch.background#8d8dc930
  • editorBracketMatch.border#8d8dc9
  • editorBracketPairGuide.activeBackground1#8d8dc960
  • editorBracketPairGuide.activeBackground2#8fbf8760
  • editorBracketPairGuide.activeBackground3#82bb7c60
  • editorBracketPairGuide.activeBackground4#a7d2a260
  • editorBracketPairGuide.activeBackground5#cd98cd60
  • editorBracketPairGuide.activeBackground6#d8979760
  • editorBracketPairGuide.background1#8d8dc930
  • editorBracketPairGuide.background2#8fbf8730
  • editorBracketPairGuide.background3#82bb7c30
  • editorBracketPairGuide.background4#a7d2a230
  • editorBracketPairGuide.background5#cd98cd30
  • editorBracketPairGuide.background6#d8979730
  • editorCodeLens.foreground#5aa45a
  • editorCommentsWidget.rangeActiveBackground#8d8dc920
  • editorCommentsWidget.rangeBackground#8d8dc910
  • editorCommentsWidget.resolvedBorder#82bb7c
  • editorCommentsWidget.unresolvedBorder#8fbf87
  • editorCursor.background#051305
  • editorCursor.foreground#b7d2b2
  • editorError.background#d1858515
  • editorError.border#d1858500
  • editorError.foreground#d18585
  • editorGhostText.background#5aa45a10
  • editorGhostText.border#5aa45a00
  • editorGhostText.foreground#5aa45a
  • editorGroup.border#5aa45a40
  • editorGroup.dropBackground#8d8dc920
  • editorGroup.dropIntoPromptBackground#051305
  • editorGroup.dropIntoPromptBorder#8d8dc9
  • editorGroup.dropIntoPromptForeground#b7d2b2
  • editorGroup.emptyBackground#051305
  • editorGroupHeader.border#051305
  • editorGroupHeader.noTabsBackground#051305
  • editorGroupHeader.tabsBackground#051305
  • editorGroupHeader.tabsBorder#051305
  • editorGutter.addedBackground#82bb7c
  • editorGutter.background#051305
  • editorGutter.commentGlyphForeground#8d8dc9
  • editorGutter.commentRangeForeground#5aa45a
  • editorGutter.commentUnresolvedGlyphForeground#8fbf87
  • editorGutter.deletedBackground#d18585
  • editorGutter.foldingControlForeground#5aa45a
  • editorGutter.modifiedBackground#d89797
  • editorHint.border#a7d2a200
  • editorHint.foreground#a7d2a2
  • editorHoverWidget.background#051305
  • editorHoverWidget.border#5aa45a
  • editorHoverWidget.foreground#b7d2b2
  • editorHoverWidget.highlightForeground#8d8dc9
  • editorHoverWidget.statusBarBackground#5aa45a30
  • editorIndentGuide.activeBackground1#5aa45a80
  • editorIndentGuide.activeBackground2#5aa45a80
  • editorIndentGuide.activeBackground3#5aa45a80
  • editorIndentGuide.activeBackground4#5aa45a80
  • editorIndentGuide.activeBackground5#5aa45a80
  • editorIndentGuide.activeBackground6#5aa45a80
  • editorIndentGuide.background1#5aa45a30
  • editorIndentGuide.background2#5aa45a30
  • editorIndentGuide.background3#5aa45a30
  • editorIndentGuide.background4#5aa45a30
  • editorIndentGuide.background5#5aa45a30
  • editorIndentGuide.background6#5aa45a30
  • editorInfo.background#8d8dc915
  • editorInfo.border#8d8dc900
  • editorInfo.foreground#8d8dc9
  • editorInlayHint.background#5aa45a30
  • editorInlayHint.foreground#5aa45a
  • editorInlayHint.parameterBackground#e3c0e315
  • editorInlayHint.parameterForeground#e3c0e3
  • editorInlayHint.typeBackground#8fbf8715
  • editorInlayHint.typeForeground#8fbf87
  • editorLightBulb.foreground#8fbf87
  • editorLightBulbAi.foreground#cd98cd
  • editorLightBulbAutoFix.foreground#82bb7c
  • editorLineNumber.activeForeground#b7d2b2
  • editorLineNumber.dimmedForeground#5aa45a80
  • editorLineNumber.foreground#5aa45a
  • editorLink.activeForeground#8d8dc9
  • editorMarkerNavigation.background#051305
  • editorMarkerNavigationError.background#d1858520
  • editorMarkerNavigationError.headerBackground#d1858515
  • editorMarkerNavigationInfo.background#8d8dc920
  • editorMarkerNavigationInfo.headerBackground#8d8dc915
  • editorMarkerNavigationWarning.background#8fbf8720
  • editorMarkerNavigationWarning.headerBackground#8fbf8715
  • editorOverviewRuler.addedForeground#82bb7c80
  • editorOverviewRuler.background#051305
  • editorOverviewRuler.border#5aa45a20
  • editorOverviewRuler.bracketMatchForeground#8d8dc9
  • editorOverviewRuler.commonContentForeground#5aa45a
  • editorOverviewRuler.currentContentForeground#a7d2a2
  • editorOverviewRuler.deletedForeground#d1858580
  • editorOverviewRuler.errorForeground#d18585
  • editorOverviewRuler.findMatchForeground#8fbf8780
  • editorOverviewRuler.incomingContentForeground#82bb7c
  • editorOverviewRuler.infoForeground#8d8dc9
  • editorOverviewRuler.modifiedForeground#d8979780
  • editorOverviewRuler.rangeHighlightForeground#8d8dc960
  • editorOverviewRuler.selectionHighlightForeground#8d8dc980
  • editorOverviewRuler.warningForeground#8fbf87
  • editorOverviewRuler.wordHighlightForeground#8d8dc960
  • editorOverviewRuler.wordHighlightStrongForeground#8d8dc980
  • editorOverviewRuler.wordHighlightTextForeground#8d8dc940
  • editorPane.background#051305
  • editorRuler.foreground#5aa45a40
  • editorStickyScroll.background#051305
  • editorStickyScrollHover.background#5aa45a40
  • editorSuggestWidget.background#051305
  • editorSuggestWidget.border#5aa45a
  • editorSuggestWidget.focusHighlightForeground#8d8dc9
  • editorSuggestWidget.foreground#b7d2b2
  • editorSuggestWidget.highlightForeground#8d8dc9
  • editorSuggestWidget.selectedBackground#8d8dc930
  • editorSuggestWidget.selectedForeground#b7d2b2
  • editorSuggestWidget.selectedIconForeground#b7d2b2
  • editorSuggestWidgetStatus.foreground#5aa45a
  • editorUnnecessaryCode.border#5aa45a
  • editorUnnecessaryCode.opacity#05130580
  • editorWarning.background#8fbf8715
  • editorWarning.border#8fbf8700
  • editorWarning.foreground#8fbf87
  • editorWatermark.foreground#5aa45a
  • editorWhitespace.foreground#5aa45a60
  • editorWidget.background#051305
  • editorWidget.border#5aa45a
  • editorWidget.foreground#b7d2b2
  • editorWidget.resizeBorder#8d8dc9
  • errorForeground#d18585
  • extensionBadge.remoteBackground#8d8dc9
  • extensionBadge.remoteForeground#051305
  • extensionButton.background#5aa45a
  • extensionButton.foreground#b7d2b2
  • extensionButton.hoverBackground#5aa45a80
  • extensionButton.prominentBackground#8d8dc9
  • extensionButton.prominentForeground#051305
  • extensionButton.prominentHoverBackground#8d8dc980
  • extensionButton.separator#051305
  • extensionIcon.preReleaseForeground#8fbf87
  • extensionIcon.sponsorForeground#cd98cd
  • extensionIcon.starForeground#8fbf87
  • extensionIcon.verifiedForeground#a7d2a2
  • focusBorder#8d8dc980
  • foreground#b7d2b2
  • gitDecoration.addedResourceForeground#82bb7c
  • gitDecoration.conflictingResourceForeground#8fbf87
  • gitDecoration.deletedResourceForeground#d18585
  • gitDecoration.ignoredResourceForeground#5aa45a
  • gitDecoration.modifiedResourceForeground#d89797
  • gitDecoration.renamedResourceForeground#a7d2a2
  • gitDecoration.stageDeletedResourceForeground#d18585
  • gitDecoration.stageModifiedResourceForeground#d89797
  • gitDecoration.submoduleResourceForeground#cd98cd
  • gitDecoration.untrackedResourceForeground#82bb7c
  • icon.foreground#b7d2b2
  • inlineChat.background#051305
  • inlineChat.border#5aa45a
  • inlineChat.shadow#05130580
  • inlineChatDiff.inserted#82bb7c20
  • inlineChatDiff.removed#d1858520
  • inlineChatInput.background#051305
  • inlineChatInput.border#5aa45a
  • inlineChatInput.focusBorder#8d8dc9
  • inlineChatInput.placeholderForeground#5aa45a
  • input.background#051305
  • input.border#5aa45a
  • input.foreground#b7d2b2
  • input.placeholderForeground#5aa45a
  • inputOption.activeBackground#8d8dc940
  • inputOption.activeBorder#8d8dc9
  • inputOption.activeForeground#b7d2b2
  • inputOption.hoverBackground#5aa45a
  • inputValidation.errorBackground#d1858520
  • inputValidation.errorBorder#d18585
  • inputValidation.errorForeground#d18585
  • inputValidation.infoBackground#8d8dc920
  • inputValidation.infoBorder#8d8dc9
  • inputValidation.infoForeground#8d8dc9
  • inputValidation.warningBackground#8fbf8720
  • inputValidation.warningBorder#8fbf87
  • inputValidation.warningForeground#8fbf87
  • keybindingLabel.background#5aa45a40
  • keybindingLabel.border#5aa45a
  • keybindingLabel.bottomBorder#5aa45a
  • keybindingLabel.foreground#b7d2b2
  • keybindingTable.headerBackground#051305
  • keybindingTable.rowsBackground#05130540
  • list.activeSelectionBackground#8d8dc930
  • list.activeSelectionForeground#b7d2b2
  • list.activeSelectionIconForeground#b7d2b2
  • list.dropBackground#8d8dc920
  • list.errorForeground#d18585
  • list.filterMatchBackground#8d8dc930
  • list.filterMatchBorder#8d8dc9
  • list.focusBackground#8d8dc920
  • list.focusForeground#b7d2b2
  • list.focusOutline#8d8dc960
  • list.highlightForeground#8d8dc9
  • list.hoverBackground#051305
  • list.hoverForeground#b7d2b2
  • list.inactiveFocusBackground#5aa45a40
  • list.inactiveFocusOutline#5aa45a
  • list.inactiveSelectionBackground#5aa45a40
  • list.inactiveSelectionForeground#b7d2b2
  • list.invalidItemForeground#d18585
  • list.warningForeground#8fbf87
  • listFilterWidget.background#051305
  • listFilterWidget.noMatchesOutline#d18585
  • listFilterWidget.outline#8d8dc9
  • menu.background#051305
  • menu.border#5aa45a
  • menu.foreground#b7d2b2
  • menu.selectionBackground#8d8dc930
  • menu.selectionBorder#8d8dc900
  • menu.selectionForeground#b7d2b2
  • menu.separatorBackground#5aa45a
  • menubar.selectionBackground#8d8dc930
  • menubar.selectionBorder#8d8dc900
  • menubar.selectionForeground#b7d2b2
  • merge.border#5aa45a
  • merge.commonContentBackground#5aa45a20
  • merge.commonHeaderBackground#5aa45a40
  • merge.currentContentBackground#a7d2a220
  • merge.currentHeaderBackground#a7d2a240
  • merge.incomingContentBackground#82bb7c20
  • merge.incomingHeaderBackground#82bb7c40
  • mergeEditor.change.background#8d8dc915
  • mergeEditor.change.word.background#8d8dc930
  • mergeEditor.changeBase.background#5aa45a20
  • mergeEditor.changeBase.word.background#5aa45a40
  • mergeEditor.conflict.handled.minimapOverViewRuler#82bb7c
  • mergeEditor.conflict.handledUnfocused.border#82bb7c80
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#8fbf87
  • mergeEditor.conflict.unhandledUnfocused.border#8fbf8780
  • mergeEditor.conflictingLines.background#8fbf8715
  • minimap.background#051305
  • minimap.errorHighlight#d18585
  • minimap.findMatchHighlight#8d8dc980
  • minimap.foregroundOpacity#051305c0
  • minimap.selectionHighlight#8d8dc960
  • minimap.selectionOccurrenceHighlight#8d8dc940
  • minimap.warningHighlight#8fbf87
  • minimapGutter.addedBackground#82bb7c
  • minimapGutter.deletedBackground#d18585
  • minimapGutter.modifiedBackground#d89797
  • minimapSlider.activeBackground#5aa45a60
  • minimapSlider.background#5aa45a20
  • minimapSlider.hoverBackground#5aa45a40
  • notebook.cellBorderColor#5aa45a40
  • notebook.cellEditorBackground#051305
  • notebook.cellHoverBackground#05130540
  • notebook.cellInsertionIndicator#8d8dc9
  • notebook.cellStatusBarItemHoverBackground#5aa45a
  • notebook.cellToolbarSeparator#5aa45a
  • notebook.editorBackground#051305
  • notebook.focusedCellBackground#05130560
  • notebook.focusedCellBorder#8d8dc9
  • notebook.focusedEditorBorder#8d8dc9
  • notebook.inactiveFocusedCellBorder#5aa45a
  • notebook.inactiveSelectedCellBorder#5aa45a
  • notebook.outputContainerBackgroundColor#051305
  • notebook.outputContainerBorderColor#5aa45a40
  • notebook.selectedCellBackground#8d8dc915
  • notebook.selectedCellBorder#8d8dc940
  • notebook.symbolHighlightBackground#8d8dc920
  • notebookEditorOverviewRuler.runningCellForeground#8d8dc9
  • notebookStatusErrorIcon.foreground#d18585
  • notebookStatusRunningIcon.foreground#8d8dc9
  • notebookStatusSuccessIcon.foreground#82bb7c
  • notificationCenter.border#5aa45a
  • notificationCenterHeader.background#051305
  • notificationCenterHeader.foreground#b7d2b2
  • notificationLink.foreground#8d8dc9
  • notifications.background#051305
  • notifications.border#5aa45a
  • notifications.foreground#b7d2b2
  • notificationsErrorIcon.foreground#d18585
  • notificationsInfoIcon.foreground#8d8dc9
  • notificationsWarningIcon.foreground#8fbf87
  • notificationToast.border#5aa45a
  • outputView.background#051305
  • outputViewStickyScroll.background#051305
  • panel.background#051305
  • panel.border#5aa45a40
  • panel.dropBorder#8d8dc9
  • panelInput.border#5aa45a
  • panelSection.border#5aa45a40
  • panelSection.dropBackground#8d8dc920
  • panelSectionHeader.background#051305
  • panelSectionHeader.border#5aa45a40
  • panelSectionHeader.foreground#b7d2b2
  • panelTitle.activeBorder#8d8dc9
  • panelTitle.activeForeground#b7d2b2
  • panelTitle.inactiveForeground#5aa45a
  • peekView.border#8d8dc9
  • peekViewEditor.background#051305
  • peekViewEditor.matchHighlightBackground#8fbf8730
  • peekViewEditor.matchHighlightBorder#8fbf87
  • peekViewEditorGutter.background#051305
  • peekViewResult.background#051305
  • peekViewResult.fileForeground#b7d2b2
  • peekViewResult.lineForeground#5aa45a
  • peekViewResult.matchHighlightBackground#8fbf8730
  • peekViewResult.selectionBackground#8d8dc930
  • peekViewResult.selectionForeground#b7d2b2
  • peekViewTitle.background#051305
  • peekViewTitleDescription.foreground#5aa45a
  • peekViewTitleLabel.foreground#b7d2b2
  • pickerGroup.border#5aa45a
  • pickerGroup.foreground#8d8dc9
  • ports.iconRunningProcessForeground#8d8dc9
  • problemsErrorIcon.foreground#d18585
  • problemsInfoIcon.foreground#8d8dc9
  • problemsWarningIcon.foreground#8fbf87
  • progressBar.background#8d8dc9
  • quickInput.background#051305
  • quickInput.foreground#b7d2b2
  • quickInputList.focusBackground#8d8dc930
  • quickInputList.focusForeground#b7d2b2
  • quickInputList.focusIconForeground#b7d2b2
  • quickInputTitle.background#051305
  • sash.hoverBorder#8d8dc9
  • scrollbar.shadow#051305
  • scrollbarSlider.activeBackground#8d8dc980
  • scrollbarSlider.background#5aa45a40
  • scrollbarSlider.hoverBackground#5aa45a80
  • searchEditor.findMatchBackground#8fbf8740
  • searchEditor.findMatchBorder#8fbf87
  • selection.background#b7d2b280
  • settings.checkboxBackground#051305
  • settings.checkboxBorder#5aa45a
  • settings.checkboxForeground#b7d2b2
  • settings.dropdownBackground#051305
  • settings.dropdownBorder#5aa45a
  • settings.dropdownForeground#b7d2b2
  • settings.dropdownListBorder#5aa45a
  • settings.focusedRowBackground#8d8dc910
  • settings.focusedRowBorder#8d8dc940
  • settings.headerBorder#5aa45a
  • settings.headerForeground#b7d2b2
  • settings.modifiedItemIndicator#8d8dc9
  • settings.numberInputBackground#051305
  • settings.numberInputBorder#5aa45a
  • settings.numberInputForeground#b7d2b2
  • settings.rowHoverBackground#051305
  • settings.sashBorder#5aa45a
  • settings.settingsHeaderHoverForeground#8d8dc9
  • settings.textInputBackground#051305
  • settings.textInputBorder#5aa45a
  • settings.textInputForeground#b7d2b2
  • sideBar.background#051305
  • sideBar.border#051305
  • sideBar.dropBackground#8d8dc920
  • sideBar.foreground#b7d2b2
  • sideBarSectionHeader.background#051305
  • sideBarSectionHeader.border#5aa45a40
  • sideBarSectionHeader.foreground#b7d2b2
  • sideBarTitle.foreground#b7d2b2
  • statusBar.background#051305
  • statusBar.border#051305
  • statusBar.debuggingBackground#8fbf87
  • statusBar.debuggingBorder#8fbf87
  • statusBar.debuggingForeground#051305
  • statusBar.focusBorder#8d8dc9
  • statusBar.foreground#b7d2b2
  • statusBar.noFolderBackground#051305
  • statusBar.noFolderBorder#051305
  • statusBar.noFolderForeground#b7d2b2
  • statusBarItem.activeBackground#5aa45a
  • statusBarItem.compactHoverBackground#5aa45a
  • statusBarItem.errorBackground#d18585
  • statusBarItem.errorForeground#051305
  • statusBarItem.errorHoverBackground#d1858580
  • statusBarItem.focusBorder#8d8dc9
  • statusBarItem.hoverBackground#5aa45a60
  • statusBarItem.hoverForeground#b7d2b2
  • statusBarItem.prominentBackground#8d8dc9
  • statusBarItem.prominentForeground#b7d2b2
  • statusBarItem.prominentHoverBackground#8d8dc980
  • statusBarItem.remoteBackground#8d8dc9
  • statusBarItem.remoteForeground#051305
  • statusBarItem.remoteHoverBackground#8d8dc980
  • statusBarItem.warningBackground#8fbf87
  • statusBarItem.warningForeground#051305
  • statusBarItem.warningHoverBackground#8fbf8780
  • symbolIcon.arrayForeground#d89797
  • symbolIcon.booleanForeground#d89797
  • symbolIcon.classForeground#8fbf87
  • symbolIcon.colorForeground#a7d2a2
  • symbolIcon.constantForeground#bedcb9
  • symbolIcon.constructorForeground#8d8dc9
  • symbolIcon.enumeratorForeground#8fbf87
  • symbolIcon.enumeratorMemberForeground#d89797
  • symbolIcon.eventForeground#8fbf87
  • symbolIcon.fieldForeground#b7d2b2
  • symbolIcon.fileForeground#b7d2b2
  • symbolIcon.folderForeground#b7d2b2
  • symbolIcon.functionForeground#8d8dc9
  • symbolIcon.interfaceForeground#8fbf87
  • symbolIcon.keyForeground#e3c0e3
  • symbolIcon.keywordForeground#e3c0e3
  • symbolIcon.methodForeground#8d8dc9
  • symbolIcon.moduleForeground#8fbf87
  • symbolIcon.namespaceForeground#8d8dc9
  • symbolIcon.nullForeground#d89797
  • symbolIcon.numberForeground#d89797
  • symbolIcon.objectForeground#8fbf87
  • symbolIcon.operatorForeground#bbbbe1
  • symbolIcon.packageForeground#8fbf87
  • symbolIcon.propertyForeground#b7d2b2
  • symbolIcon.referenceForeground#e3c0e3
  • symbolIcon.snippetForeground#82bb7c
  • symbolIcon.stringForeground#82bb7c
  • symbolIcon.structForeground#8fbf87
  • symbolIcon.textForeground#b7d2b2
  • symbolIcon.typeParameterForeground#8fbf87
  • symbolIcon.unitForeground#d89797
  • symbolIcon.variableForeground#e3c0e3
  • tab.activeBackground#051305
  • tab.activeBorder#8d8dc9
  • tab.activeBorderTop#8d8dc9
  • tab.activeForeground#b7d2b2
  • tab.activeModifiedBorder#8fbf87
  • tab.border#051305
  • tab.hoverBackground#5aa45a40
  • tab.hoverBorder#8d8dc940
  • tab.hoverForeground#b7d2b2
  • tab.inactiveBackground#051305
  • tab.inactiveForeground#5aa45a
  • tab.inactiveModifiedBorder#8fbf8780
  • tab.lastPinnedBorder#5aa45a
  • tab.unfocusedActiveBackground#051305
  • tab.unfocusedActiveBorder#5aa45a
  • tab.unfocusedActiveBorderTop#5aa45a
  • tab.unfocusedActiveForeground#b7d2b2
  • tab.unfocusedActiveModifiedBorder#8fbf8780
  • tab.unfocusedHoverBackground#5aa45a40
  • tab.unfocusedInactiveForeground#5aa45a
  • tab.unfocusedInactiveModifiedBorder#8fbf8760
  • terminal.ansiBlack#051305
  • terminal.ansiBlue#8d8dc9
  • terminal.ansiBrightBlack#5aa45a
  • terminal.ansiBrightBlue#bbbbe1
  • terminal.ansiBrightCyan#c7e5c4
  • terminal.ansiBrightGreen#b8dbb5
  • terminal.ansiBrightMagenta#e3c0e3
  • terminal.ansiBrightRed#daaaaa
  • terminal.ansiBrightWhite#c9ddc5
  • terminal.ansiBrightYellow#bedcb9
  • terminal.ansiCyan#a7d2a2
  • terminal.ansiGreen#82bb7c
  • terminal.ansiMagenta#cd98cd
  • terminal.ansiRed#d18585
  • terminal.ansiWhite#b7d2b2
  • terminal.ansiYellow#8fbf87
  • terminal.background#051305
  • terminal.border#5aa45a40
  • terminal.findMatchBackground#8fbf8740
  • terminal.findMatchBorder#8fbf87
  • terminal.findMatchHighlightBackground#8fbf8725
  • terminal.findMatchHighlightBorder#8fbf8760
  • terminal.foreground#b7d2b2
  • terminal.hoverHighlightBackground#8d8dc920
  • terminal.inactiveSelectionBackground#b7d2b230
  • terminal.selectionBackground#b7d2b260
  • terminal.selectionForeground#051305
  • terminal.tab.activeBorder#8d8dc9
  • terminalCommandDecoration.defaultBackground#5aa45a
  • terminalCommandDecoration.errorBackground#d18585
  • terminalCommandDecoration.successBackground#82bb7c
  • terminalCursor.background#051305
  • terminalCursor.foreground#b7d2b2
  • terminalOverviewRuler.cursorForeground#b7d2b2
  • terminalOverviewRuler.findMatchForeground#8fbf87
  • terminalStickyScroll.background#051305
  • terminalStickyScrollHover.background#5aa45a40
  • testing.iconErrored#d18585
  • testing.iconFailed#d18585
  • testing.iconPassed#82bb7c
  • testing.iconQueued#8fbf87
  • testing.iconSkipped#8fbf87
  • testing.iconUnset#5aa45a
  • testing.message.error.decorationForeground#d18585
  • testing.message.error.lineBackground#d1858515
  • testing.message.info.decorationForeground#8d8dc9
  • testing.message.info.lineBackground#8d8dc915
  • testing.peekBorder#8d8dc9
  • testing.peekHeaderBackground#051305
  • testing.runAction#82bb7c
  • textBlockQuote.background#051305
  • textBlockQuote.border#8d8dc9
  • textCodeBlock.background#051305
  • textLink.activeForeground#bbbbe1
  • textLink.foreground#8d8dc9
  • textPreformat.background#051305
  • textPreformat.foreground#a7d2a2
  • textSeparator.foreground#5aa45a
  • titleBar.activeBackground#051305
  • titleBar.activeForeground#b7d2b2
  • titleBar.border#051305
  • titleBar.inactiveBackground#051305
  • titleBar.inactiveForeground#5aa45a
  • toolbar.activeBackground#5aa45a
  • toolbar.hoverBackground#051305
  • tree.inactiveIndentGuidesStroke#5aa45a60
  • tree.indentGuidesStroke#5aa45a
  • tree.tableColumnsBorder#5aa45a
  • tree.tableOddRowsBackground#05130540
  • walkThrough.embeddedEditorBackground#051305
  • walkthrough.stepTitle.foreground#b7d2b2
  • welcomePage.background#051305
  • welcomePage.progress.background#5aa45a
  • welcomePage.progress.foreground#8d8dc9
  • welcomePage.tileBackground#051305
  • welcomePage.tileBorder#5aa45a
  • welcomePage.tileHoverBackground#5aa45a40
  • widget.shadow#05130580

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5aa45aitalic
variable, string constant.other.placeholder#b7d2b2
variable.parameter, entity.name.variable.parameter, meta.function.parameter#a7d2a2italic
variable.other.property, variable.other.object.property#a7d2a2
variable.other.constant#bedcb9
variable.other.enummember#d89797
invalid, invalid.illegal#d18585strikethrough
invalid.deprecated#8fbf87strikethrough
keyword, storage.type.class, storage.type.function#e3c0e3
storage.modifier#8fbf87
keyword.control, keyword.control.flow#e3c0e3
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as#8d8dc9
keyword.operator, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.comparison#bbbbe1
punctuation.accessor, punctuation.separator.key-value#bbbbe1
storage.type, entity.name.type#8fbf87
storage.type.primitive, support.type#b7d2b2
entity.name.type.class, support.class, entity.other.inherited-class#8fbf87
entity.name.type.interface#8fbf87
entity.name.type.enum#8fbf87
entity.name.type.parameter#8fbf87italic
entity.name.namespace, entity.name.type.module#8d8dc9
entity.name.function, meta.function-call.generic#8d8dc9
support.function#a7d2a2
entity.name.function.method, meta.method.declaration#8d8dc9
entity.name.function.decorator, meta.decorator, punctuation.decorator#a7d2a2italic
punctuation, meta.brace, meta.bracket#899e86
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary#d89797
constant.language.boolean#d89797
constant.language, constant.language.null, constant.language.undefined#a7d2a2
constant.character#82bb7c
constant.character.escape#e3c0e3
string, string.quoted, string.template#82bb7c
punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded.line#bbbbe1
string.regexp, constant.other.character-class.regexp, constant.character.escape.regexp#c7e5c4
support.type.property-name, support.constant#a7d2a2
entity.name.tag, meta.tag#8fbf87
entity.other.attribute-name#b7d2b2
support.type.property-name.css, support.type.vendored.property-name.css, meta.property-name.css#a7d2a2
support.constant.property-value.css, meta.property-value.css#b7d2b2
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#8fbf87
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#a7d2a2italic
keyword.other.unit.css#d89797
source.json meta.structure.dictionary.json support.type.property-name.json#d89797
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#8fbf87
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#8d8dc9
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#e3c0e3
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a7d2a2
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#82bb7c
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown#8d8dc9bold
markup.bold, punctuation.definition.bold.markdown#b7d2b2bold
markup.italic, punctuation.definition.italic.markdown#b7d2b2italic
markup.underline.link, string.other.link.title.markdown, string.other.link.description.markdown#8d8dc9
markup.inline.raw, markup.fenced_code.block, markup.raw.block#82bb7c
markup.quote, punctuation.definition.quote.begin.markdown#5aa45aitalic
punctuation.definition.list.begin.markdown, markup.list.numbered, markup.list.unnumbered#a7d2a2
markup.inserted, punctuation.definition.inserted#82bb7c
markup.deleted, punctuation.definition.deleted#d18585
markup.changed, punctuation.definition.changed#d89797
variable.language.this, variable.language.self, variable.language.special.self#b7d2b2italic
meta.object-literal.key, string.unquoted.label.js#b7d2b2
entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust#a7d2a2italic
entity.name.function.macro.rust, support.function.macro.rust#a7d2a2
variable.other.normal.shell, variable.other.positional.shell, variable.other.bracket.shell#b7d2b2
entity.name.command.shell#8d8dc9
support.function.builtin.shell#a7d2a2
entity.name.tag.yaml#a7d2a2
keyword.key.toml, support.type.property-name.toml#a7d2a2
entity.other.attribute-name.table.toml, support.type.property-name.table.toml#8fbf87
entity.name.section.group-title.ini, punctuation.definition.entity.ini#8fbf87
keyword.other.definition.ini#a7d2a2
entity.name.function.target.makefile#8d8dc9
variable.other.makefile#b7d2b2
entity.name.package.go#8d8dc9
variable.parameter.function.language.special.self.python#b7d2b2italic
support.function.magic.python, support.variable.magic.python#a7d2a2italic
variable.other.php, punctuation.definition.variable.php#b7d2b2
meta.preprocessor.c, meta.preprocessor.include.c, keyword.control.directive.include.c#a7d2a2
meta.attribute.csharp, entity.name.type.attribute.csharp#a7d2a2
keyword.other.DML.sql, keyword.other.DDL.sql#e3c0e3
support.type.graphql, entity.name.type.graphql#8fbf87
variable.graphql, variable.other.graphql#b7d2b2
Medusa Omarchy by Bjarne - VS Code Theme