Skip to main content
Coding Theme

Color themes

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.

  • actionBar.toggledBackground#5AA4AD26
  • activityBar.activeBackground#5AA4AD26
  • activityBar.activeBorder#5AA4AD
  • activityBar.activeFocusBorder#5AA4AD
  • activityBar.background#1D4E5A
  • activityBar.border#3B6671
  • activityBar.foreground#E8F1F2
  • activityBar.inactiveForeground#9FBBC1
  • activityBarBadge.background#5AA4AD
  • activityBarBadge.foreground#1D4E5A
  • activityBarTop.activeBorder#5AA4AD
  • activityErrorBadge.background#FF9B8A
  • activityErrorBadge.foreground#1D4E5A
  • activityWarningBadge.background#C7DDAB
  • activityWarningBadge.foreground#1D4E5A
  • agents.background#1D4E5A
  • agentsBadge.background#5AA4AD
  • agentsBadge.foreground#1D4E5A
  • agentsBottomPanel.border#3B6671
  • agentsCard.border#3B6671
  • agentsChatInput.background#1D4E5A
  • agentsChatInput.border#3B6671
  • agentsChatInput.focusBorder#5AA4AD
  • agentsChatInput.foreground#E8F1F2
  • agentsChatInput.placeholderForeground#9FBBC1
  • agentsGradient.tintColor#5AA4AD14
  • agentsNewSessionButton.background#5AA4AD
  • agentsNewSessionButton.border#00000000
  • agentsNewSessionButton.foreground#1D4E5A
  • agentsNewSessionButton.hoverBackground#70BAC3
  • agentsPanel.background#1D4E5A
  • agentsPanel.border#3B6671
  • agentsPanel.foreground#E8F1F2
  • agentStatusIndicator.background#5AA4AD
  • agentsUnreadBadge.background#5AA4AD
  • agentsUnreadBadge.foreground#1D4E5A
  • badge.background#5AA4AD
  • badge.foreground#1D4E5A
  • breadcrumb.activeSelectionForeground#E8F1F2
  • breadcrumb.background#1D4E5A
  • breadcrumb.focusForeground#E8F1F2
  • breadcrumb.foreground#9FBBC1
  • breadcrumbPicker.background#2D6875
  • button.background#5AA4AD
  • button.border#00000000
  • button.foreground#1D4E5A
  • button.hoverBackground#70BAC3
  • button.secondaryBackground#3B6671
  • button.secondaryBorder#00000000
  • button.secondaryForeground#E8F1F2
  • button.secondaryHoverBackground#235864
  • charts.blue#BBD5FF
  • charts.foreground#E8F1F2
  • charts.green#5AA4AD
  • charts.lines#9FBBC1
  • charts.orange#D8B775
  • charts.purple#E6B6B5
  • charts.red#E28A7B
  • charts.yellow#C7DDAB
  • chat.editedFileForeground#C7DDAB
  • chat.inputWorkingBorderColor1#5AA4AD
  • chat.inputWorkingBorderColor2#77C2CB
  • chat.inputWorkingBorderColor3#A2EEF7
  • chat.requestBubbleBackground#2D6875
  • chat.requestBubbleHoverBackground#3B6671
  • chat.slashCommandBackground#5AA4AD33
  • chat.slashCommandForeground#77C2CB
  • chat.thinkingShimmer#77C2CB
  • checkbox.background#1D4E5A
  • checkbox.border#3B6671
  • checkbox.foreground#E8F1F2
  • commandCenter.activeBackground#2D6875
  • commandCenter.activeBorder#5AA4AD
  • commandCenter.activeForeground#E8F1F2
  • commandCenter.background#1D4E5A
  • commandCenter.border#3B6671
  • commandCenter.foreground#B6BEBF
  • debugConsole.errorForeground#FF9B8A
  • debugConsole.infoForeground#BBD5FF
  • debugConsole.sourceForeground#77C2CB
  • debugConsole.warningForeground#C7DDAB
  • debugConsoleInputIcon.foreground#77C2CB
  • debugExceptionWidget.background#FF9B8A26
  • debugExceptionWidget.border#FF9B8A
  • debugIcon.breakpointCurrentStackframeForeground#C7DDAB
  • debugIcon.breakpointDisabledForeground#7AACB7
  • debugIcon.breakpointForeground#E28A7B
  • debugIcon.breakpointStackframeForeground#5AA4AD
  • debugIcon.breakpointUnverifiedForeground#7AACB7
  • debugIcon.continueForeground#5AA4AD
  • debugIcon.disconnectForeground#E28A7B
  • debugIcon.pauseForeground#BBD5FF
  • debugIcon.restartForeground#5AA4AD
  • debugIcon.startForeground#5AA4AD
  • debugIcon.stepBackForeground#77C2CB
  • debugIcon.stepIntoForeground#77C2CB
  • debugIcon.stepOutForeground#77C2CB
  • debugIcon.stepOverForeground#77C2CB
  • debugIcon.stopForeground#E28A7B
  • debugTokenExpression.boolean#D8B775
  • debugTokenExpression.error#FF9B8A
  • debugTokenExpression.name#BBCDD1
  • debugTokenExpression.number#D8B775
  • debugTokenExpression.string#C7DDAB
  • debugTokenExpression.type#BBD5FF
  • debugTokenExpression.value#D8B775
  • debugToolBar.background#2D6875
  • debugView.exceptionLabelBackground#E28A7B
  • debugView.exceptionLabelForeground#1D4E5A
  • debugView.stateLabelBackground#5AA4AD4D
  • debugView.stateLabelForeground#E8F1F2
  • debugView.valueChangedHighlight#5AA4AD4D
  • descriptionForeground#B6BEBF
  • diffEditor.border#3B6671
  • diffEditor.diagonalFill#3B6671
  • diffEditor.insertedLineBackground#5AA4AD14
  • diffEditor.insertedTextBackground#5AA4AD29
  • diffEditor.move.border#C7DDAB
  • diffEditor.moveActive.border#D8B775
  • diffEditor.removedLineBackground#E28A7B1F
  • diffEditor.removedTextBackground#E28A7B29
  • diffEditor.unchangedRegionBackground#1D4E5A
  • diffEditorGutter.insertedLineBackground#5AA4AD14
  • diffEditorGutter.removedLineBackground#E28A7B1F
  • diffEditorOverview.insertedForeground#5AA4AD
  • diffEditorOverview.removedForeground#E28A7B
  • disabledForeground#B6BEBF
  • dropdown.background#2D6875
  • dropdown.border#3B6671
  • dropdown.foreground#E8F1F2
  • dropdown.listBackground#2D6875
  • editor.background#1D4E5A
  • editor.findMatchBackground#D8B77566
  • editor.findMatchHighlightBackground#D8B77533
  • editor.findRangeHighlightBackground#E8F1F214
  • editor.foreground#E8F1F2
  • editor.hoverHighlightBackground#5AA4AD26
  • editor.inactiveSelectionBackground#5AA4AD26
  • editor.lineHighlightBackground#E8F1F20F
  • editor.rangeHighlightBackground#E8F1F20D
  • editor.selectionBackground#5AA4AD52
  • editor.selectionHighlightBackground#5AA4AD26
  • editor.wordHighlightBackground#E8F1F21A
  • editor.wordHighlightStrongBackground#5AA4AD26
  • editorBracketHighlight.foreground1#88E1EF
  • editorBracketHighlight.foreground2#BBD5FF
  • editorBracketHighlight.foreground3#C7DDAB
  • editorBracketHighlight.foreground4#D8B775
  • editorBracketHighlight.foreground5#E6B6B5
  • editorBracketHighlight.foreground6#B6BEBF
  • editorBracketHighlight.unexpectedBracket.foreground#FF9B8A
  • editorBracketMatch.background#5AA4AD26
  • editorBracketMatch.border#5AA4AD
  • editorBracketPairGuide.activeBackground1#88E1EF66
  • editorBracketPairGuide.activeBackground2#BBD5FF66
  • editorBracketPairGuide.activeBackground3#C7DDAB66
  • editorBracketPairGuide.activeBackground4#D8B77566
  • editorBracketPairGuide.activeBackground5#E6B6B566
  • editorBracketPairGuide.activeBackground6#B6BEBF66
  • editorBracketPairGuide.background1#E8F1F212
  • editorBracketPairGuide.background2#E8F1F212
  • editorBracketPairGuide.background3#E8F1F212
  • editorBracketPairGuide.background4#E8F1F212
  • editorBracketPairGuide.background5#E8F1F212
  • editorBracketPairGuide.background6#E8F1F212
  • editorCodeLens.foreground#7AACB7
  • editorCommentsWidget.rangeActiveBackground#5AA4AD26
  • editorCommentsWidget.rangeBackground#5AA4AD14
  • editorCommentsWidget.replyInputBackground#2D6875
  • editorCommentsWidget.resolvedBorder#5AA4AD99
  • editorCommentsWidget.unresolvedBorder#C7DDAB99
  • editorCursor.background#1D4E5A
  • editorCursor.foreground#5AA4AD
  • editorError.border#00000000
  • editorError.foreground#FF9B8A
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#7AACB7
  • editorGroup.border#3B6671
  • editorGroup.dropBackground#5AA4AD26
  • editorGroup.dropIntoPromptBackground#2D6875
  • editorGroup.dropIntoPromptBorder#5AA4AD
  • editorGroup.dropIntoPromptForeground#E8F1F2
  • editorGroup.emptyBackground#1D4E5A
  • editorGroupHeader.border#00000000
  • editorGroupHeader.noTabsBackground#285762
  • editorGroupHeader.tabsBackground#285762
  • editorGroupHeader.tabsBorder#3B6671
  • editorGutter.addedBackground#5AA4AD
  • editorGutter.background#1D4E5A
  • editorGutter.commentRangeForeground#7AACB7
  • editorGutter.deletedBackground#FF9B8A
  • editorGutter.foldingControlForeground#B6BEBF
  • editorGutter.modifiedBackground#70BAC3
  • editorHint.border#00000000
  • editorHint.foreground#88E1EF
  • editorHoverWidget.background#2D6875
  • editorHoverWidget.border#3B6671
  • editorHoverWidget.foreground#E8F1F2
  • editorHoverWidget.statusBarBackground#1D4E5A
  • editorIndentGuide.activeBackground#5AA4AD66
  • editorIndentGuide.activeBackground1#5AA4AD66
  • editorIndentGuide.background#E8F1F214
  • editorIndentGuide.background1#E8F1F214
  • editorInfo.border#00000000
  • editorInfo.foreground#BBD5FF
  • editorInlayHint.background#5AA4AD14
  • editorInlayHint.foreground#7AACB7
  • editorInlayHint.parameterBackground#00000000
  • editorInlayHint.parameterForeground#7AACB7
  • editorInlayHint.typeBackground#00000000
  • editorInlayHint.typeForeground#B6BEBF
  • editorLightBulb.foreground#C7DDAB
  • editorLightBulbAutoFix.foreground#5AA4AD
  • editorLineNumber.activeForeground#B6BEBF
  • editorLineNumber.foreground#B6BEBF
  • editorLink.activeForeground#77C2CB
  • editorMarkerNavigation.background#2D6875
  • editorMarkerNavigationError.background#FF9B8A
  • editorMarkerNavigationInfo.background#BBD5FF
  • editorMarkerNavigationWarning.background#C7DDAB
  • editorMultiCursor.primary.foreground#5AA4AD
  • editorMultiCursor.secondary.foreground#C7DDAB
  • editorOverviewRuler.addedForeground#5AA4AD
  • editorOverviewRuler.border#1D4E5A
  • editorOverviewRuler.bracketMatchForeground#7AACB7
  • editorOverviewRuler.commonContentForeground#3B6671B3
  • editorOverviewRuler.currentContentForeground#5AA4AD99
  • editorOverviewRuler.deletedForeground#FF9B8A
  • editorOverviewRuler.errorForeground#FF9B8A
  • editorOverviewRuler.findMatchForeground#D8B77599
  • editorOverviewRuler.incomingContentForeground#BBD5FF99
  • editorOverviewRuler.infoForeground#BBD5FF
  • editorOverviewRuler.modifiedForeground#70BAC3
  • editorOverviewRuler.rangeHighlightForeground#5AA4AD99
  • editorOverviewRuler.selectionHighlightForeground#5AA4AD52
  • editorOverviewRuler.warningForeground#C7DDAB
  • editorOverviewRuler.wordHighlightForeground#E8F1F266
  • editorOverviewRuler.wordHighlightStrongForeground#5AA4AD99
  • editorPane.background#1D4E5A
  • editorRuler.foreground#3B6671
  • editorStickyScroll.background#1D4E5A
  • editorStickyScroll.border#3B6671
  • editorStickyScroll.shadow#00000055
  • editorStickyScrollHover.background#5AA4AD26
  • editorSuggestWidget.background#2D6875
  • editorSuggestWidget.border#3B6671
  • editorSuggestWidget.focusOutline#5AA4AD
  • editorSuggestWidget.foreground#E8F1F2
  • editorSuggestWidget.highlightForeground#77C2CB
  • editorSuggestWidget.selectedBackground#5AA4AD4D
  • editorSuggestWidget.selectedForeground#E8F1F2
  • editorSuggestWidget.selectedIconForeground#E8F1F2
  • editorSuggestWidgetStatus.foreground#7AACB7
  • editorUnnecessaryCode.border#E8F1F233
  • editorUnnecessaryCode.opacity#1D4E5AAA
  • editorWarning.border#00000000
  • editorWarning.foreground#C7DDAB
  • editorWhitespace.foreground#E8F1F21F
  • editorWidget.background#2D6875
  • editorWidget.border#3B6671
  • editorWidget.foreground#E8F1F2
  • errorForeground#FF9B8A
  • extensionButton.prominentBackground#5AA4AD
  • extensionButton.prominentForeground#1D4E5A
  • extensionButton.prominentHoverBackground#70BAC3
  • focusBorder#5AA4AD
  • foreground#E8F1F2
  • gauge.background#E8F1F21F
  • gauge.border#3B6671
  • gauge.errorBackground#E28A7B
  • gauge.errorForeground#E8F1F2
  • gauge.foreground#B6BEBF
  • gauge.warningBackground#C7DDAB
  • gauge.warningForeground#1D4E5A
  • git.blame.editorDecorationForeground#7AACB7
  • gitDecoration.addedResourceForeground#5AA4AD
  • gitDecoration.conflictingResourceForeground#E6B6B5
  • gitDecoration.deletedResourceForeground#FF9B8A
  • gitDecoration.ignoredResourceForeground#447380
  • gitDecoration.modifiedResourceForeground#C7DDAB
  • gitDecoration.renamedResourceForeground#5AA4AD
  • gitDecoration.stageDeletedResourceForeground#FF9B8A
  • gitDecoration.stageModifiedResourceForeground#5AA4AD
  • gitDecoration.submoduleResourceForeground#7AACB7
  • gitDecoration.untrackedResourceForeground#5AA4AD
  • icon.foreground#B6BEBF
  • inlineChat.background#2D6875
  • inlineChat.border#5AA4AD
  • inlineChat.foreground#E8F1F2
  • inlineChat.shadow#00000055
  • inlineChatDiff.inserted#5AA4AD33
  • inlineChatDiff.removed#E28A7B33
  • input.background#1D4E5A
  • input.border#3B6671
  • input.foreground#E8F1F2
  • input.placeholderForeground#9FBBC1
  • inputOption.activeBackground#5AA4AD4D
  • inputOption.activeBorder#5AA4AD
  • inputOption.activeForeground#E8F1F2
  • inputOption.hoverBackground#E8F1F214
  • inputValidation.errorBackground#FF9B8A
  • inputValidation.errorBorder#EAAA7E
  • inputValidation.errorForeground#1D4E5A
  • inputValidation.infoBackground#BBD5FF
  • inputValidation.infoBorder#84BED5
  • inputValidation.infoForeground#1D4E5A
  • inputValidation.warningBackground#C7DDAB
  • inputValidation.warningBorder#CFB467
  • inputValidation.warningForeground#1D4E5A
  • keybindingLabel.foreground#B6BEBF
  • list.activeSelectionBackground#5AA4AD4D
  • list.activeSelectionForeground#E8F1F2
  • list.activeSelectionIconForeground#E8F1F2
  • list.deemphasizedForeground#7AACB7
  • list.dropBackground#5AA4AD26
  • list.errorForeground#FF9B8A
  • list.filterMatchBackground#D8B77533
  • list.filterMatchBorder#D8B775
  • list.focusAndSelectionOutline#5AA4AD
  • list.focusBackground#5AA4AD4D
  • list.focusForeground#E8F1F2
  • list.focusHighlightForeground#A2EEF7
  • list.focusOutline#5AA4AD
  • list.highlightForeground#77C2CB
  • list.hoverBackground#E8F1F214
  • list.hoverForeground#E8F1F2
  • list.inactiveFocusBackground#5AA4AD26
  • list.inactiveFocusOutline#5AA4AD80
  • list.inactiveSelectionBackground#5AA4AD26
  • list.inactiveSelectionForeground#E8F1F2
  • list.invalidItemForeground#FF9B8A
  • list.warningForeground#C7DDAB
  • listFilterWidget.shadow#00000055
  • menu.background#2D6875
  • menu.border#3B6671
  • menu.foreground#E8F1F2
  • menu.selectionBackground#5AA4AD4D
  • menu.selectionBorder#5AA4AD
  • menu.selectionForeground#E8F1F2
  • menu.separatorBackground#3B6671
  • menubar.selectionBackground#E8F1F21A
  • menubar.selectionForeground#E8F1F2
  • merge.border#00000000
  • merge.commonContentBackground#3B667114
  • merge.commonHeaderBackground#3B667126
  • merge.currentContentBackground#5AA4AD14
  • merge.currentHeaderBackground#5AA4AD26
  • merge.incomingContentBackground#5AA4AD14
  • merge.incomingHeaderBackground#BBD5FF26
  • minimap.background#1D4E5A
  • minimap.errorHighlight#FF9B8A
  • minimap.findMatchHighlight#D8B77580
  • minimap.infoHighlight#BBD5FF
  • minimap.selectionHighlight#5AA4AD52
  • minimap.warningHighlight#C7DDAB
  • minimapGutter.addedBackground#5AA4AD
  • minimapGutter.deletedBackground#FF9B8A
  • minimapGutter.modifiedBackground#70BAC3
  • minimapSlider.activeBackground#5AA4AD4D
  • minimapSlider.background#E8F1F21A
  • minimapSlider.hoverBackground#E8F1F229
  • modernActivityBar.border#3B6671
  • modernActivityBarItem.activeBackground#5AA4AD26
  • modernActivityBarItem.activeForeground#E8F1F2
  • modernActivityBarItem.hoverBackground#E8F1F214
  • modernActivityBarItem.hoverForeground#E8F1F2
  • notebook.cellBorderColor#3B6671
  • notebook.cellEditorBackground#1D4E5A
  • notebook.cellHoverBackground#E8F1F20D
  • notebook.cellInsertionIndicator#5AA4AD
  • notebook.cellStatusBarItemHoverBackground#E8F1F21F
  • notebook.cellToolbarSeparator#3B6671
  • notebook.editorBackground#1D4E5A
  • notebook.focusedCellBackground#1D4E5A
  • notebook.focusedCellBorder#5AA4AD
  • notebook.focusedEditorBorder#5AA4AD
  • notebook.inactiveSelectedCellBorder#5AA4AD80
  • notebook.outputContainerBackgroundColor#1D4E5A
  • notebook.outputContainerBorderColor#3B6671
  • notebook.selectedCellBackground#5AA4AD26
  • notebook.selectedCellBorder#3B6671
  • notebook.symbolHighlightBackground#5AA4AD26
  • notebookStatusErrorIcon.foreground#FF9B8A
  • notebookStatusRunningIcon.foreground#BBD5FF
  • notebookStatusSuccessIcon.foreground#5AA4AD
  • notificationCenter.border#3B6671
  • notificationCenterHeader.background#1D4E5A
  • notificationCenterHeader.foreground#E8F1F2
  • notificationLink.foreground#77C2CB
  • notifications.background#2D6875
  • notifications.border#3B6671
  • notifications.foreground#E8F1F2
  • notificationsErrorIcon.foreground#FF9B8A
  • notificationsInfoIcon.foreground#BBD5FF
  • notificationsWarningIcon.foreground#C7DDAB
  • notificationToast.border#3B6671
  • panel.background#1D4E5A
  • panel.border#3B6671
  • panelInput.border#3B6671
  • panelSection.border#3B6671
  • panelSectionHeader.background#1D4E5A
  • panelSectionHeader.foreground#E8F1F2
  • panelStickyScroll.background#1D4E5A
  • panelStickyScroll.border#3B6671
  • panelTitle.activeBorder#5AA4AD
  • panelTitle.activeForeground#E8F1F2
  • panelTitle.border#3B6671
  • panelTitle.inactiveForeground#9FBBC1
  • peekView.border#5AA4AD
  • peekViewEditor.background#1D4E5A
  • peekViewEditor.matchHighlightBackground#D8B7754D
  • peekViewResult.background#1D4E5A
  • peekViewResult.fileForeground#E8F1F2
  • peekViewResult.lineForeground#B6BEBF
  • peekViewResult.matchHighlightBackground#D8B7754D
  • peekViewResult.selectionBackground#5AA4AD4D
  • peekViewResult.selectionForeground#E8F1F2
  • peekViewTitle.background#1D4E5A
  • peekViewTitleDescription.foreground#B6BEBF
  • peekViewTitleLabel.foreground#E8F1F2
  • pickerGroup.border#3B6671
  • pickerGroup.foreground#77C2CB
  • ports.iconRunningProcessForeground#5AA4AD
  • problemsErrorIcon.foreground#FF9B8A
  • problemsInfoIcon.foreground#BBD5FF
  • problemsWarningIcon.foreground#C7DDAB
  • progressBar.background#5AA4AD
  • quickInput.background#2D6875
  • quickInput.border#3B6671
  • quickInput.foreground#E8F1F2
  • quickInputList.focusBackground#5AA4AD4D
  • quickInputList.focusForeground#E8F1F2
  • quickInputList.focusHighlightForeground#77C2CB
  • quickInputList.focusIconForeground#E8F1F2
  • quickInputList.hoverBackground#E8F1F214
  • quickInputTitle.background#1D4E5A
  • sash.hoverBorder#5AA4AD
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#A1B8BDCC
  • scrollbarSlider.background#6A8C9480
  • scrollbarSlider.hoverBackground#9FBBC1B3
  • searchEditor.findMatchBackground#D8B77566
  • searchEditor.findMatchBorder#D8B775
  • searchEditor.textInputBorder#3B6671
  • selection.background#5AA4AD52
  • settings.dropdownBackground#1D4E5A
  • settings.dropdownBorder#3B6671
  • settings.headerForeground#E8F1F2
  • settings.modifiedItemIndicator#D8B775
  • settings.numberInputBorder#3B6671
  • settings.textInputBorder#3B6671
  • sideBar.background#1D4E5A
  • sideBar.border#3B6671
  • sideBar.dropBackground#5AA4AD26
  • sideBar.foreground#B6BEBF
  • sideBarSectionHeader.background#1D4E5A
  • sideBarSectionHeader.border#3B6671
  • sideBarSectionHeader.foreground#BBCDD1
  • sideBarStickyScroll.shadow#00000055
  • sideBarTitle.foreground#E8F1F2
  • sideBySideEditor.horizontalBorder#3B6671
  • sideBySideEditor.verticalBorder#3B6671
  • statusBar.background#5AA4AD
  • statusBar.border#5AA4AD
  • statusBar.debuggingBackground#D8B775
  • statusBar.debuggingForeground#1D4E5A
  • statusBar.focusBorder#1D4E5A
  • statusBar.foreground#1D4E5A
  • statusBar.noFolderBackground#B6BEBF
  • statusBar.noFolderForeground#E8F1F2
  • statusBarItem.activeBackground#1D4E5A3D
  • statusBarItem.compactHoverBackground#1D4E5A29
  • statusBarItem.errorBackground#E28A7B
  • statusBarItem.focusBorder#1D4E5A
  • statusBarItem.hoverBackground#1D4E5A29
  • statusBarItem.hoverForeground#1D4E5A
  • statusBarItem.prominentBackground#1D4E5A4D
  • statusBarItem.prominentForeground#E8F1F2
  • statusBarItem.prominentHoverBackground#1D4E5A66
  • statusBarItem.prominentHoverForeground#E8F1F2
  • statusBarItem.remoteBackground#70BAC3
  • statusBarItem.remoteForeground#1D4E5A
  • tab.activeBackground#1D4E5A
  • tab.activeBorder#1D4E5A
  • tab.activeBorderTop#5AA4AD
  • tab.activeForeground#E8F1F2
  • tab.border#3B6671
  • tab.hoverBackground#325F69
  • tab.hoverForeground#E8F1F2
  • tab.inactiveBackground#285762
  • tab.inactiveForeground#9FBBC1
  • tab.lastPinnedBorder#3B6671
  • tab.selectedBackground#1D4E5A
  • tab.selectedBorderTop#70BAC3
  • tab.selectedForeground#E8F1F2
  • tab.unfocusedActiveBackground#1D4E5A
  • tab.unfocusedActiveBorder#1D4E5A
  • tab.unfocusedActiveBorderTop#3B6671
  • tab.unfocusedActiveForeground#B6BEBF
  • tab.unfocusedHoverBackground#325F69
  • tab.unfocusedInactiveBackground#285762
  • tab.unfocusedInactiveForeground#B6BEBF
  • terminal.ansiBlack#3B6671
  • terminal.ansiBlue#BBD5FF
  • terminal.ansiBrightBlack#447380
  • terminal.ansiBrightBlue#B5D8E6
  • terminal.ansiBrightCyan#A2EEF7
  • terminal.ansiBrightGreen#77C2CB
  • terminal.ansiBrightMagenta#EFD0CF
  • terminal.ansiBrightRed#FF9B8A
  • terminal.ansiBrightWhite#E8F1F2
  • terminal.ansiBrightYellow#E5D6AB
  • terminal.ansiCyan#77C2CB
  • terminal.ansiGreen#5AA4AD
  • terminal.ansiMagenta#E6B6B5
  • terminal.ansiRed#E28A7B
  • terminal.ansiWhite#DDE4E6
  • terminal.ansiYellow#C7DDAB
  • terminal.background#1D4E5A
  • terminal.border#3B6671
  • terminal.findMatchBackground#D8B77566
  • terminal.findMatchBorder#D8B775
  • terminal.foreground#E8F1F2
  • terminal.inactiveSelectionBackground#5AA4AD26
  • terminal.selectionBackground#5AA4AD52
  • terminal.tab.activeBorder#5AA4AD
  • terminalCursor.background#1D4E5A
  • terminalCursor.foreground#5AA4AD
  • terminalStickyScroll.background#1D4E5A
  • terminalStickyScrollHover.background#2D6875
  • testing.coverCountBadgeBackground#5AA4AD
  • testing.coverCountBadgeForeground#1D4E5A
  • testing.iconFailed#FF9B8A
  • testing.iconPassed#5AA4AD
  • testing.iconQueued#C7DDAB
  • testing.iconSkipped#7AACB7
  • testing.iconUnset#7AACB7
  • testing.message.info.decorationForeground#7AACB7
  • testing.runAction#5AA4AD
  • textBlockQuote.background#1D4E5A
  • textBlockQuote.border#5AA4AD
  • textCodeBlock.background#E8F1F214
  • textLink.activeForeground#A2EEF7
  • textLink.foreground#77C2CB
  • textPreformat.background#E8F1F214
  • textPreformat.foreground#C7DDAB
  • textSeparator.foreground#E8F1F21F
  • titleBar.activeBackground#1D4E5A
  • titleBar.activeForeground#E8F1F2
  • titleBar.border#3B6671
  • titleBar.inactiveBackground#1D4E5A
  • titleBar.inactiveForeground#9FBBC1
  • toolbar.activeBackground#E8F1F214
  • toolbar.hoverBackground#E8F1F21A
  • toolbar.hoverOutline#5AA4AD
  • tree.indentGuidesStroke#E8F1F21F
  • walkThrough.embeddedEditorBackground#1D4E5A
  • welcomePage.background#1D4E5A
  • welcomePage.progress.foreground#5AA4AD
  • welcomePage.tileBackground#1D4E5A
  • welcomePage.tileBorder#3B6671
  • welcomePage.tileHoverBackground#2D6875
  • widget.border#3B6671
  • widget.shadow#00000055
  • window.activeBorder#00000000
  • window.inactiveBorder#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#E8F1F2
emphasisitalic
strongbold
header#88E1EFbold
comment#7AACB7
invalid#FF9B8A
invalid.deprecated#7AACB7strikethrough
constant.language#D8B775
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#D8B775
constant.regexp#E6B6B5
constant.character, constant.other.option#88E1EF
constant.character.escape#D8B775
support.constant#D8B775
entity.name.tag#88E1EF
entity.name.tag.css, entity.name.tag.less#E6B6B5
entity.other.attribute-name#BBD5FF
entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss#E6B6B5
entity.name.label#B6BEBF
entity.name.section#88E1EF
punctuation.definition.tag#7AACB7
markup.underlineunderline
markup.bold#88E1EFbold
markup.heading#88E1EFbold
markup.italic#E6B6B5italic
markup.strikethroughstrikethrough
markup.inserted#5AA4AD
markup.deleted#FF9B8A
markup.changed#BBD5FF
markup.inline.raw#C7DDAB
punctuation.definition.quote.begin.markdown#7AACB7
punctuation.definition.list.begin.markdown#5AA4AD
meta.preprocessor, entity.name.function.preprocessor#E6B6B5
meta.preprocessor.string#C7DDAB
meta.preprocessor.numeric#D8B775
meta.structure.dictionary.key.python#BBD5FF
meta.diff.header#88E1EF
meta.template.expression#E8F1F2
storage#88E1EF
storage.type#88E1EF
storage.modifier, keyword.operator.noexcept#88E1EF
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#E8F1F2
string, meta.embedded.assembly#C7DDAB
string.tag#C7DDAB
string.value#C7DDAB
string.regexp#E6B6B5
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#88E1EF
support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded#BBD5FF
keyword#88E1EF
keyword.control#88E1EF
keyword.operator#E8F1F2
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike#88E1EF
keyword.other.unit#D8B775
variable.language#88E1EF
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#E8F1F2
variable.parameter#BBCDD1
variable.other.constant, variable.other.enummember#D8B775
meta.object-literal.key#BBD5FF
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#C3FFFF
support.function.be.latex, support.function.section.latex#88E1EF
support.function.git-rebase#BBD5FF
constant.sha.git-rebase#D8B775
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#BBD5FF
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, punctuation.separator.namespace.ruby#BBD5FF
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#C7DDAB
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#C7DDAB
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#E6B6B5
keyword.operator.or.regexp, keyword.control.anchor.regexp#C3FFFF
keyword.operator.quantifier.regexp#D8B775