The Islands Theme
Publisher: Ruslan ButovThemes in package: 3
The Islands Theme for VS Code — Dark, Light, and Darcula variants inspired by the JetBrains Islands theme, the new default look for JetBrains IDEs.
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.
- activityBar.activeBackground#00000012
- activityBar.activeBorder#3871E1
- activityBar.activeFocusBorder#3871E1
- activityBar.background#E9EAEE
- activityBar.border#FFFFFF00
- activityBar.foreground#000000
- activityBar.inactiveForeground#5F6269
- activityBarBadge.background#3871E1
- activityBarBadge.foreground#FFFFFF
- activityBarTop.activeBackground#00000012
- activityBarTop.activeBorder#3871E1
- activityBarTop.background#E9EAEE
- activityBarTop.dropBorder#3871E1
- activityBarTop.foreground#FFFFFF
- activityBarTop.inactiveForeground#5F6269
- badge.background#D1D3D9
- badge.foreground#FFFFFF
- banner.background#E3EBFE
- banner.foreground#000000
- banner.iconForeground#2F5EB9
- breadcrumb.activeSelectionForeground#000000
- breadcrumb.background#FFFFFF
- breadcrumb.focusForeground#000000
- breadcrumb.foreground#5F6269
- breadcrumbPicker.background#FFFFFF
- button.background#3871E1
- button.border#3871E1
- button.foreground#FFFFFF
- button.hoverBackground#2F5EB9
- button.secondaryBackground#E9EAEE
- button.secondaryForeground#080808
- button.secondaryHoverBackground#D1D3D9
- charts.blue#00627A
- charts.foreground#080808
- charts.green#067D17
- charts.lines#8B8E94
- charts.orange#0033B3
- charts.purple#871094
- charts.red#C54E58
- charts.yellow#A56906
- chat.avatarBackground#E9EAEE
- chat.avatarForeground#000000
- chat.requestBackground#F7F8F9
- chat.requestBorder#E9EAEE
- chat.slashCommandBackground#E3EBFE
- chat.slashCommandForeground#2F5EB9
- checkbox.background#FFFFFF
- checkbox.border#D1D3D9
- checkbox.foreground#080808
- checkbox.selectBackground#3871E1
- checkbox.selectBorder#3871E1
- commandCenter.activeBackground#00000012
- commandCenter.activeBorder#C3C5CB
- commandCenter.activeForeground#000000
- commandCenter.background#E9EAEE
- commandCenter.border#D1D3D9
- commandCenter.debuggingBackground#BDD3FF
- commandCenter.foreground#080808
- commandCenter.inactiveBorder#E9EAEE
- commandCenter.inactiveForeground#73767C
- debugConsole.errorForeground#C54E58
- debugConsole.infoForeground#56A8F5
- debugConsole.sourceForeground#5F6269
- debugConsole.warningForeground#A56906
- debugConsoleInputIcon.foreground#080808
- debugExceptionWidget.background#FFF6F5
- debugExceptionWidget.border#E4656E
- debugIcon.breakpointForeground#DB5C5C
- debugTokenExpression.boolean#0033B3
- debugTokenExpression.error#C54E58
- debugTokenExpression.name#871094
- debugTokenExpression.number#1750EB
- debugTokenExpression.string#067D17
- debugTokenExpression.value#080808
- debugToolBar.background#FFFFFF
- debugToolBar.border#D1D3D9
- diffEditor.border#E9EAEE
- diffEditor.diagonalFill#E9EAEE80
- diffEditor.insertedLineBackground#4E9D6C22
- diffEditor.insertedTextBackground#4E9D6C33
- diffEditor.removedLineBackground#C3C5CB4D
- diffEditor.removedTextBackground#B5B7BD4D
- diffEditor.unchangedCodeBackground#F7F8F980
- diffEditor.unchangedRegionBackground#F7F8F9
- diffEditor.unchangedRegionForeground#5F6269
- diffEditorGutter.insertedLineBackground#D6E8D8
- diffEditorGutter.removedLineBackground#E9EAEE
- diffEditorOverview.insertedForeground#4E9D6C
- diffEditorOverview.removedForeground#8B8E94
- dropdown.background#FFFFFF
- dropdown.border#D1D3D9
- dropdown.foreground#080808
- dropdown.listBackground#FFFFFF
- editor.background#FFFFFF
- editor.findMatchBackground#BBDBC2
- editor.findMatchBorder#338555
- editor.findMatchHighlightBackground#A6D2FFCC
- editor.findMatchHighlightBorder#3871E1
- editor.findRangeHighlightBackground#A6D2FF40
- editor.focusedStackFrameHighlightBackground#273552
- editor.foldBackground#E9EAEE99
- editor.foldPlaceholderForeground#868991
- editor.foreground#080808
- editor.inactiveSelectionBackground#D0DFFE99
- editor.lineHighlightBackground#F5F8FE
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#D0DFFE66
- editor.selectionBackground#A6D2FF
- editor.selectionHighlightBackground#E3EBFE99
- editor.selectionHighlightBorder#00000000
- editor.snippetFinalTabstopHighlightBackground#3871E140
- editor.snippetFinalTabstopHighlightBorder#338555
- editor.snippetTabstopHighlightBackground#A7C5FF66
- editor.snippetTabstopHighlightBorder#A7C5FF
- editor.stackFrameHighlightBackground#BDD3FF
- editor.wordHighlightBackground#E3EBFE
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#FFF6F5
- editor.wordHighlightStrongBorder#00000000
- editorActionList.background#FFFFFF
- editorActionList.focusBackground#D0DFFE
- editorActionList.focusForeground#000000
- editorActionList.foreground#080808
- editorBracketHighlight.foreground1#C77DBB
- editorBracketHighlight.foreground2#56A8F5
- editorBracketHighlight.foreground3#6AAB73
- editorBracketHighlight.foreground4#CF8E6D
- editorBracketHighlight.foreground5#C54E58
- editorBracketHighlight.foreground6#2AACB8
- editorBracketMatch.background#D1D3D9
- editorBracketMatch.border#00000000
- editorBracketPairGuide.activeBackground1#C77DBB66
- editorBracketPairGuide.activeBackground2#56A8F566
- editorBracketPairGuide.activeBackground3#6AAB7366
- editorBracketPairGuide.activeBackground4#CF8E6D66
- editorBracketPairGuide.activeBackground5#C54E5866
- editorBracketPairGuide.activeBackground6#2AACB866
- editorBracketPairGuide.background1#DDDFE4
- editorBracketPairGuide.background2#DDDFE4
- editorBracketPairGuide.background3#DDDFE4
- editorBracketPairGuide.background4#DDDFE4
- editorBracketPairGuide.background5#DDDFE4
- editorBracketPairGuide.background6#DDDFE4
- editorCodeLens.foreground#8B8E94
- editorCommentsWidget.rangeActiveBackground#3871E140
- editorCommentsWidget.rangeBackground#3871E126
- editorCommentsWidget.replyInputBackground#F7F8F9
- editorCommentsWidget.resolvedBorder#6AAB73
- editorCommentsWidget.unresolvedBorder#3871E1
- editorCursor.background#FFFFFF
- editorCursor.foreground#080808
- editorError.border#00000000
- editorError.foreground#E4656E
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#8B8E94
- editorGroup.border#E9EAEE
- editorGroup.dropBackground#366ACF4D
- editorGroup.dropIntoPromptBackground#FFFFFF
- editorGroup.dropIntoPromptBorder#E9EAEE
- editorGroup.dropIntoPromptForeground#000000
- editorGroup.emptyBackground#E9EAEE
- editorGroupHeader.border#E9EAEE
- editorGroupHeader.noTabsBackground#FFFFFF
- editorGroupHeader.tabsBackground#FFFFFF
- editorGroupHeader.tabsBorder#E9EAEE
- editorGutter.addedBackground#4E9D6C
- editorGutter.background#FFFFFF
- editorGutter.commentGlyphForeground#8B8E94
- editorGutter.commentingRangeForeground#8B8E94
- editorGutter.commentRangeForeground#8B8E94
- editorGutter.deletedBackground#8B8E94
- editorGutter.foldingControlForeground#8B8E94
- editorGutter.modifiedBackground#3871E1
- editorHint.border#00000000
- editorHint.foreground#A56906
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#E9EAEE
- editorHoverWidget.foreground#080808
- editorHoverWidget.highlightForeground#2F5EB9
- editorHoverWidget.statusBarBackground#E9EAEE
- editorIndentGuide.activeBackground#C3C5CB
- editorIndentGuide.activeBackground1#C3C5CB
- editorIndentGuide.background#DDDFE4
- editorIndentGuide.background1#DDDFE4
- editorInfo.border#00000000
- editorInfo.foreground#A56906
- editorInlayHint.background#E9EAEE
- editorInlayHint.foreground#8B8E94
- editorInlayHint.parameterBackground#E9EAEE
- editorInlayHint.parameterForeground#858A94
- editorInlayHint.typeBackground#E9EAEE
- editorInlayHint.typeForeground#8B8E94
- editorLightBulb.foreground#A56906
- editorLightBulbAutoFix.foreground#338555
- editorLineNumber.activeForeground#5F6269
- editorLineNumber.foreground#AEB3C2
- editorLink.activeForeground#2F5EB9
- editorMultiCursor.primary.background#FFFFFF
- editorMultiCursor.primary.foreground#080808
- editorMultiCursor.secondary.background#FFFFFF
- editorMultiCursor.secondary.foreground#5F6269
- editorOverviewRuler.addedForeground#4E9D6C
- editorOverviewRuler.background#FFFFFF
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#6B6C73
- editorOverviewRuler.currentContentForeground#4E9D6C
- editorOverviewRuler.deletedForeground#8B8E94
- editorOverviewRuler.errorForeground#C54E58
- editorOverviewRuler.findMatchForeground#338555
- editorOverviewRuler.incomingContentForeground#3871E1
- editorOverviewRuler.infoForeground#A56906
- editorOverviewRuler.modifiedForeground#3871E1
- editorOverviewRuler.selectionHighlightForeground#678D7BCC
- editorOverviewRuler.warningForeground#A56906
- editorOverviewRuler.wordHighlightForeground#5B786A
- editorOverviewRuler.wordHighlightStrongForeground#BA6387
- editorRuler.foreground#DDDFE4
- editorStickyScroll.background#FFFFFF
- editorStickyScroll.border#E9EAEE
- editorStickyScroll.shadow#00000033
- editorStickyScrollHover.background#F7F8F9
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#E9EAEE
- editorSuggestWidget.focusHighlightForeground#2F5EB9
- editorSuggestWidget.foreground#080808
- editorSuggestWidget.highlightForeground#2F5EB9
- editorSuggestWidget.selectedBackground#D0DFFE
- editorSuggestWidget.selectedForeground#000000
- editorUnnecessaryCode.border#00000000
- editorUnnecessaryCode.opacity#000000AA
- editorWarning.border#00000000
- editorWarning.foreground#A56906
- editorWatermark.foreground#73767C
- editorWhitespace.foreground#8B8E94
- editorWidget.background#FFFFFF
- editorWidget.border#E9EAEE
- editorWidget.foreground#080808
- extensionBadge.remoteBackground#3871E1
- extensionBadge.remoteForeground#FFFFFF
- extensionButton.background#3871E1
- extensionButton.foreground#FFFFFF
- extensionButton.hoverBackground#2F5EB9
- extensionButton.prominentBackground#3871E1
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#2F5EB9
- extensionButton.separator#D1D3D9
- focusBorder#3871E1
- foreground#080808
- gauge.background#E9EAEE
- gauge.border#00000000
- gauge.foreground#3871E1
- gitDecoration.addedResourceForeground#338555
- gitDecoration.conflictingResourceForeground#DE6A66
- gitDecoration.deletedResourceForeground#8B8E94
- gitDecoration.ignoredResourceForeground#D69A6B
- gitDecoration.modifiedResourceForeground#3871E1
- gitDecoration.renamedResourceForeground#3871E1
- gitDecoration.stageDeletedResourceForeground#8B8E94
- gitDecoration.stageModifiedResourceForeground#3871E1
- gitDecoration.submoduleResourceForeground#C77DBB
- gitDecoration.untrackedResourceForeground#E88F89
- icon.foreground#C3C5CB
- inlineChat.background#FFFFFF
- inlineChat.border#E9EAEE
- inlineChat.shadow#00000050
- inlineChatDiff.inserted#4E9D6C33
- inlineChatDiff.removed#B5B7BD4D
- inlineChatInput.background#F7F8F9
- inlineChatInput.border#D1D3D9
- inlineChatInput.focusBorder#3871E1
- inlineChatInput.placeholderForeground#73767C
- input.background#FFFFFF
- input.border#E9EAEE
- input.foreground#080808
- input.placeholderForeground#73767C
- inputOption.activeBackground#A7C5FF
- inputOption.activeBorder#A7C5FF
- inputOption.activeForeground#000000
- inputOption.hoverBackground#00000012
- inputValidation.errorBackground#FFF6F5
- inputValidation.errorBorder#E4656E
- inputValidation.errorForeground#E4656E
- inputValidation.infoBackground#E3EBFE
- inputValidation.infoBorder#2F5EB9
- inputValidation.infoForeground#56A8F5
- inputValidation.warningBackground#3D3223
- inputValidation.warningBorder#A56906
- inputValidation.warningForeground#A56906
- keybindingLabel.background#E9EAEE
- keybindingLabel.border#D1D3D9
- keybindingLabel.bottomBorder#D1D3D9
- keybindingLabel.foreground#080808
- keybindingTable.headerBackground#F7F8F9
- keybindingTable.rowsBackground#FFFFFF
- list.activeSelectionBackground#D0DFFE
- list.activeSelectionForeground#000000
- list.dropBackground#3573F026
- list.errorForeground#C54E58
- list.filterMatchBackground#BBDBC2
- list.filterMatchBorder#338555
- list.focusAndSelectionOutline#D0DFFE
- list.focusBackground#D0DFFE
- list.focusForeground#000000
- list.focusHighlightForeground#2F5EB9
- list.highlightForeground#2F5EB9
- list.hoverBackground#00000008
- list.hoverForeground#000000
- list.inactiveSelectionBackground#E9EAEE
- list.inactiveSelectionForeground#000000
- list.warningForeground#D59637
- listFilterWidget.background#E9EAEE
- listFilterWidget.noMatchesOutline#E4656E
- listFilterWidget.outline#3871E1
- menu.background#FFFFFF
- menu.border#E9EAEE
- menu.foreground#080808
- menu.selectionBackground#D0DFFE
- menu.selectionForeground#000000
- menu.separatorBackground#D1D3D9
- menubar.selectionBackground#00000012
- menubar.selectionBorder#00000000
- menubar.selectionForeground#000000
- merge.border#E9EAEE
- merge.currentContentBackground#4E9D6C33
- merge.currentHeaderBackground#4E9D6C66
- merge.incomingContentBackground#3871E133
- merge.incomingHeaderBackground#3871E166
- mergeEditor.change.background#2E2626
- mergeEditor.change.word.background#45302B
- mergeEditor.conflict.handled.minimapOverViewRuler#4E9D6C
- mergeEditor.conflict.handledFocused.border#4E9D6C
- mergeEditor.conflict.handledUnfocused.border#4E9D6C80
- mergeEditor.conflict.unhandled.minimapOverViewRuler#A56906
- mergeEditor.conflict.unhandledFocused.border#A56906
- mergeEditor.conflict.unhandledUnfocused.border#A5690680
- mergeEditor.conflictingLines.background#66313F66
- minimap.background#FFFFFF
- minimap.errorHighlight#E4656E
- minimap.findMatchHighlight#BBDBC2
- minimap.infoHighlight#A56906
- minimap.selectionHighlight#D0DFFE
- minimap.selectionOccurrenceHighlight#E3EBFE
- minimap.warningHighlight#A56906
- minimapGutter.addedBackground#4E9D6C
- minimapGutter.deletedBackground#8B8E94
- minimapGutter.modifiedBackground#3871E1
- minimapSlider.activeBackground#00000045
- minimapSlider.background#00000014
- minimapSlider.hoverBackground#00000030
- multiDiffEditor.background#FFFFFF
- multiDiffEditor.border#E9EAEE
- multiDiffEditor.headerBackground#E9EAEE
- notebook.cellBorderColor#E9EAEE
- notebook.cellEditorBackground#FFFFFF
- notebook.cellHoverBackground#00000008
- notebook.cellStatusBarItemHoverBackground#00000012
- notebook.cellToolbarSeparator#D1D3D9
- notebook.editorBackground#FFFFFF
- notebook.focusedCellBackground#F5F8FE
- notebook.focusedCellBorder#3871E1
- notebook.outputContainerBackgroundColor#FFFFFF
- notebook.selectedCellBackground#F7F8F9
- notebook.selectedCellBorder#A7C5FF
- notebook.statusErrorIcon.foreground#C54E58
- notebook.statusRunningIcon.foreground#56A8F5
- notebook.statusSuccessIcon.foreground#338555
- notebookStatusErrorIcon.foreground#C54E58
- notebookStatusRunningIcon.foreground#56A8F5
- notebookStatusSuccessIcon.foreground#6AAB73
- notificationCenterHeader.background#FFFFFF
- notificationCenterHeader.foreground#080808
- notificationLink.foreground#2F5EB9
- notifications.background#FFFFFF
- notifications.border#D1D3D9
- notifications.foreground#080808
- notificationsErrorIcon.foreground#C54E58
- notificationsInfoIcon.foreground#3871E1
- notificationsWarningIcon.foreground#A56906
- notificationToast.border#D1D3D9
- panel.background#FFFFFF
- panel.border#E9EAEE
- panelInput.border#D1D3D9
- panelSection.border#E9EAEE
- panelSection.dropBackground#3573F026
- panelSectionHeader.background#FFFFFF
- panelSectionHeader.border#E9EAEE
- panelSectionHeader.foreground#000000
- panelStickyScroll.background#FFFFFF
- panelStickyScroll.shadow#00000033
- panelTitle.activeBorder#3871E1
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#5F6269
- peekView.border#3871E1
- peekViewEditor.background#FFFFFF
- peekViewEditor.matchHighlightBackground#BBDBC2
- peekViewEditor.matchHighlightBorder#338555
- peekViewEditorGutter.background#FFFFFF
- peekViewResult.background#FFFFFF
- peekViewResult.fileForeground#000000
- peekViewResult.lineForeground#080808
- peekViewResult.matchHighlightBackground#A6D2FF
- peekViewResult.selectionBackground#D0DFFE
- peekViewResult.selectionForeground#000000
- peekViewTitle.background#E9EAEE
- peekViewTitleDescription.foreground#73767C
- peekViewTitleLabel.foreground#000000
- pickerGroup.border#D1D3D9
- pickerGroup.foreground#2F5EB9
- ports.iconRunningProcessForeground#338555
- problemsErrorIcon.foreground#C54E58
- problemsInfoIcon.foreground#3871E1
- problemsWarningIcon.foreground#A56906
- profileBadge.background#3871E1
- profileBadge.foreground#FFFFFF
- progressBar.background#3871E1
- quickInput.background#FFFFFF
- quickInput.foreground#080808
- quickInputList.focusBackground#D0DFFE
- quickInputList.focusForeground#000000
- quickInputTitle.background#E9EAEE
- radio.activeBackground#3871E1
- radio.activeBorder#3871E1
- radio.activeForeground#FFFFFF
- radio.inactiveBorder#D1D3D9
- radio.inactiveForeground#080808
- radio.inactiveHoverBackground#00000012
- sash.hoverBorder#3871E1
- scmGraph.foreground1#00627A
- scmGraph.foreground2#067D17
- scmGraph.foreground3#871094
- scmGraph.foreground4#A56906
- scmGraph.foreground5#0033B3
- scmGraph.historyItemBaseRefColor#0033B3
- scmGraph.historyItemHoverAdditionsForeground#338555
- scmGraph.historyItemHoverDefaultLabelForeground#000000
- scmGraph.historyItemHoverDeletionsForeground#C54E58
- scmGraph.historyItemHoverLabelForeground#FFFFFF
- scmGraph.historyItemRefColor#00627A
- scmGraph.historyItemRemoteRefColor#871094
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#00000045
- scrollbarSlider.background#00000014
- scrollbarSlider.hoverBackground#00000030
- searchEditor.findMatchBackground#BBDBC2
- searchEditor.findMatchBorder#338555
- selection.background#D0DFFE
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#D1D3D9
- settings.checkboxForeground#080808
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#D1D3D9
- settings.dropdownForeground#080808
- settings.focusedRowBackground#00000008
- settings.headerForeground#000000
- settings.modifiedItemIndicator#3871E1
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#D1D3D9
- settings.numberInputForeground#080808
- settings.rowHoverBackground#00000008
- settings.sashBorder#E9EAEE
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#D1D3D9
- settings.textInputForeground#080808
- sideBar.background#FFFFFF
- sideBar.border#E9EAEE
- sideBar.foreground#000000
- sideBarActivityBarTop.border#E9EAEE
- sideBarSectionHeader.background#FFFFFF
- sideBarSectionHeader.border#E9EAEE
- sideBarSectionHeader.foreground#000000
- sideBarStickyScroll.background#FFFFFF
- sideBarStickyScroll.shadow#00000033
- sideBarTitle.foreground#000000
- simpleFindWidget.sashBorder#D1D3D9
- statusBar.background#E9EAEE
- statusBar.border#FFFFFF00
- statusBar.debuggingBackground#BDD3FF
- statusBar.debuggingBorder#E9EAEE
- statusBar.debuggingForeground#080808
- statusBar.foreground#000000
- statusBar.noFolderBackground#E9EAEE
- statusBar.noFolderBorder#E9EAEE
- statusBar.noFolderForeground#5F6269
- statusBarItem.activeBackground#00000020
- statusBarItem.errorBackground#C54E58
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.errorHoverForeground#FFFFFF
- statusBarItem.hoverBackground#00000012
- statusBarItem.offlineBackground#8B8E94
- statusBarItem.offlineForeground#FFFFFF
- statusBarItem.offlineHoverForeground#FFFFFF
- statusBarItem.remoteBackground#3871E1
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#A56906
- statusBarItem.warningForeground#FFFFFF
- statusBarItem.warningHoverForeground#FFFFFF
- symbolIcon.classForeground#080808
- symbolIcon.colorForeground#00627A
- symbolIcon.constantForeground#871094
- symbolIcon.fieldForeground#871094
- symbolIcon.functionForeground#00627A
- symbolIcon.interfaceForeground#1750EB
- symbolIcon.keywordForeground#0033B3
- symbolIcon.methodForeground#00627A
- symbolIcon.numberForeground#1750EB
- symbolIcon.propertyForeground#871094
- symbolIcon.stringForeground#067D17
- symbolIcon.variableForeground#080808
- tab.activeBackground#E3EBFE
- tab.activeBorder#A7C5FF
- tab.activeBorderTop#00000000
- tab.activeForeground#000000
- tab.activeModifiedBorder#3871E1
- tab.border#E9EAEE
- tab.dragAndDropBorder#3871E1
- tab.hoverBackground#00000012
- tab.hoverForeground#000000
- tab.inactiveBackground#FFFFFF
- tab.inactiveForeground#5F6269
- tab.inactiveModifiedBorder#3871E180
- tab.lastPinnedBorder#D1D3D9
- tab.selectedBackground#E3EBFE
- tab.selectedBorderTop#00000000
- tab.selectedForeground#FFFFFF
- tab.unfocusedActiveBackground#E9EAEE
- tab.unfocusedActiveBorder#D1D3D9
- tab.unfocusedActiveForeground#B5B7BD
- tab.unfocusedActiveModifiedBorder#3871E1
- tab.unfocusedHoverBackground#00000012
- tab.unfocusedHoverForeground#000000
- tab.unfocusedInactiveBackground#FFFFFF
- tab.unfocusedInactiveForeground#8B8E94
- tab.unfocusedInactiveModifiedBorder#C3C5CB
- terminal.ansiBlack#FFFFFF
- terminal.ansiBlue#00627A
- terminal.ansiBrightBlack#8B8E94
- terminal.ansiBrightBlue#3871E1
- terminal.ansiBrightCyan#1750EB
- terminal.ansiBrightGreen#338555
- terminal.ansiBrightMagenta#CF84CF
- terminal.ansiBrightRed#E4656E
- terminal.ansiBrightWhite#080808
- terminal.ansiBrightYellow#A56906
- terminal.ansiCyan#1750EB
- terminal.ansiGreen#067D17
- terminal.ansiMagenta#871094
- terminal.ansiRed#C54E58
- terminal.ansiWhite#080808
- terminal.ansiYellow#A56906
- terminal.background#FFFFFF
- terminal.border#E9EAEE
- terminal.findMatchBackground#BBDBC2
- terminal.findMatchBorder#338555
- terminal.findMatchHighlightBackground#A6D2FFCC
- terminal.findMatchHighlightBorder#3871E1
- terminal.foreground#080808
- terminal.hoverHighlightBackground#00000012
- terminal.inactiveSelectionBackground#D0DFFE99
- terminal.selectionBackground#D0DFFE
- terminalCommandDecoration.defaultBackground#8B8E94
- terminalCommandDecoration.errorBackground#C54E58
- terminalCommandDecoration.successBackground#338555
- terminalCursor.background#FFFFFF
- terminalCursor.foreground#080808
- terminalOverviewRuler.cursorForeground#080808
- terminalOverviewRuler.findMatchForeground#338555
- terminalStickyScroll.background#FFFFFF
- testing.coveredBackground#4E9D6C33
- testing.coveredBorder#4E9D6C
- testing.iconErrored#E4656E
- testing.iconFailed#C54E58
- testing.iconPassed#338555
- testing.iconQueued#A56906
- testing.iconSkipped#5F6269
- testing.iconUnset#8B8E94
- testing.message.error.decorationForeground#E4656E
- testing.message.info.decorationForeground#2F5EB9
- testing.runAction#56A8F5
- testing.uncoveredBackground#C54E5833
- testing.uncoveredBorder#C54E58
- textBlockQuote.background#F7F8F9
- textBlockQuote.border#D1D3D9
- textCodeBlock.background#FFFFFF
- textLink.activeForeground#2F5EB9
- textLink.foreground#2F5EB9
- textPreformat.background#E9EAEE
- textPreformat.foreground#080808
- textSeparator.foreground#D1D3D9
- titleBar.activeBackground#E9EAEE
- titleBar.activeForeground#000000
- titleBar.border#E9EAEE
- titleBar.inactiveBackground#E9EAEE
- titleBar.inactiveForeground#5F6269
- toolbar.activeBackground#00000020
- toolbar.hoverBackground#00000012
- toolbar.hoverOutline#00000000
- tree.inactiveIndentGuidesStroke#E9EAEE
- tree.indentGuidesStroke#DDDFE4
- walkThrough.embeddedEditorBackground#FFFFFF
- welcomePage.background#FFFFFF
- welcomePage.progress.background#E9EAEE
- welcomePage.progress.foreground#3871E1
- welcomePage.tileBackground#F7F8F9
- welcomePage.tileBorder#E9EAEE
- welcomePage.tileHoverBackground#E9EAEE
- widget.shadow#00000050
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block | #8C8C8C | — |
| comment.block.documentation | #8C8C8C | italic |
| comment.block.documentation storage.type, keyword.other.phpdoc, storage.type.class.jsdoc | #067D17 | italic |
| variable.other.jsdoc, entity.name.type.instance.jsdoc, keyword.other.type | #8B8E94 | — |
| source.css.scss comment | #B9954E | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, storage, storage.type, storage.modifier, constant.language, variable.language.this, variable.language.super, variable.key.dotenv, entity.name.command, entity.name.tag.yaml, constant.character.escape, punctuation.definition.markdown, punctuation.definition.raw.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.quote.begin.markdown, keyword.other.important.css, properties.invalid | #0033B3 | — |
| punctuation.definition.heading.markdown | #0033B3 | italic |
| entity.name.constant, variable.other.object, variable.other.property, variable.other.object.property, variable.other.constant.property, variable.other.enummember, meta.object-literal.key, meta.definition.property, meta.definition.property entity.name.function, support.type.property-name.json, support.variable.property, support.type.object.module, fenced_code, constant.other, variable.other.constant | #871094 | — |
| variable.other.constant, meta.definition.variable constant, constant.other.php | #871094 | italic |
| keyword.control.at-rule.mixin.scss | #9E880D | — |
| string, punctuation.definition.metadata.markdown, markup.inline.raw, markup.quote, punctuation.separator.key-value.html, source.css support.constant, keyword.other.unit, constant.other.character-class.set.regexp, constant.other.character-class.range.regexp, meta.at-rule.each keyword.control.operator, meta.attribute-selector, meta.tag.attributes keyword.operator.assignment | #067D17 | — |
| constant.numeric, keyword.operator.quantifier.regexp, string.regexp punctuation.definition.string, string.regexp keyword.other | #1750EB | — |
| support.class.component, entity.name.tag.template.html.vue, entity.name.tag.script.html.vue, entity.name.tag.style.html.vue, source.vue meta.tag.other.unrecognized.html.derivative entity.name.tag, source.vue meta.tag.custom.start.html entity.name.tag, source.vue meta.tag.custom.end.html entity.name.tag, support.class.component.jsx, support.class.component.tsx, entity.name.tag.custom | #2FBAA3 | — |
| meta.embedded, meta.tag.attributes, meta.at-rule.for keyword.control.operator, variable.interpolation, entity.name.type, entity.name.function.tagged-template, constant.language.import-export-all, string variable, source.yaml string.unquoted, source.yaml constant.language.boolean, punctuation.accessor, keyword.operator, keyword.other.unit.percentage, keyword.other.back-reference.regexp, punctuation.definition.entity, punctuation.separator.key-value, punctuation.separator.list.comma.css, punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.definition.template-expression, punctuation.definition.attribute-selector, punctuation.terminator, storage.type.function.arrow, meta.brace.square, punctuation.definition.typeparameters, punctuation.separator, punctuation.section, meta.brace | #080808 | — |
| meta.property-list variable.css, entity.other.attribute-name, support.type.property-name, support.type.vendored.property-name | #080808 | — |
| entity.name.type.module, constant.character.escape.php | #080808 | — |
| string.other.link, constant.other.reference.link, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, punctuation.definition.link.description.begin.markdown, punctuation.definition.link.description.end.markdown, markup.underline.link | #00627A | underline |
| variable.parameter.url.css, meta.property-value variable.parameter.url, meta.at-rule.namespace variable.parameter.url | #5C92FF | — |
| variable.scss | #871094 | — |
| variable.parameter.misc.css, variable.parameter.keyframe-list.css, entity.name.tag, entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity, entity.other.attribute-name.class, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.scss, entity.other.attribute-name.css, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity, entity.other.attribute-name.placeholder.css, entity.other.attribute-name.placeholder.css punctuation.definition.entity, entity.other.keyframe-offset, punctuation.definition.tag, meta.at-rule.media keyword.operator, meta.at-rule.media keyword.control.operator, meta.attribute-selector string.unquoted.attribute-value, meta.property-value variable.argument.css, constant.other.scss, support.constant.parity.css, source.css entity.name.function, source.css support.type.map.key, source.css support.constant.language-range, source.css support.function, text.html.basic entity.name.tag, text.html entity.name.tag, meta.tag | #D5B778 | — |
| punctuation.decorator, meta.decorator entity.name.function, meta.decorator, constant.other.character-class.regexp, meta.attribute.php, storage.type.annotation | #9E880D | — |
| invalid, invalid.illegal | #C54E58 | — |
| invalid.deprecated | #080808 | strikethrough |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.strikethrough | — | strikethrough |
| entity.name.function, support.function, meta.function-call entity.name.function, string.other.link.description.title.markdown, support.function.file.php, support.function.basic_functions.php, support.function.output.php, support.function.var.php, support.function.info.php, support.function.image.php, support.function.array.php, support.function.string.php, constant.other.color.rgb-value | #00627A | — |
| entity.name.function.member, meta.method | #00627A | — |
| entity.name.function.member.static, support.function.js | #00627A | italic |
| markup.heading, meta.definition variable.other.constant, entity.name.section.markdown | #871094 | italic |
| entity.name.type.parameter, entity.name.type.interface, support.type.primitive | #1750EB | — |
| string.regexp, source.regexp | #1750EB | — |
| keyword.codetag, comment.todo | #9E880D | italic |
| punctuation.section.embedded.begin.php, support.function.construct.php, support.function.construct.output.php | #0033B3 | — |
| variable.other.php, variable.other.global.php, variable.other.global.safer.php, support.constant.core.php | #871094 | — |
| entity.name.function.support.go | #00627A | — |
| entity.name.type.go | #1750EB | — |
| variable.other.property.go | #871094 | — |
| punctuation.other.comma.go | #080808 | — |
| storage.type.error.go, constant.language.null.go, entity.name.function.support.builtin.go, storage.type.string.go, storage.type.boolean.go, constant.language.boolean.go | #0033B3 | — |
| constant.other.symbol.ruby | #1750EB | — |
| entity.name.type.class.ruby, variable.other.constant.ruby | #871094 | italic |
| constant.numeric.float.ruby, constant.numeric.integer.ruby, constant.other.symbol.hashkey.ruby | #1750EB | — |
| support.class.ruby, entity.other.inherited-class.ruby | #080808 | — |
| keyword.other.special-method.ruby | #0033B3 | — |
| variable.other.readwrite.instance.ruby | #871094 | — |
| entity.name.function.ruby, variable.other.block.ruby | #00627A | — |
| keyword.operator.nulltype.graphql | #0033B3 | — |
| source.graphql | #871094 | — |
| variable.fragment.graphql, entity.name.fragment.graphql | #00627A | — |
| meta.arguments.graphql, support.type.graphql, punctuation.operation.graphql, variable.parameter.graphql, meta.brace.round.graphql, punctuation.colon.graphql, punctuation.assignment.graphql, string.unquoted.alias.graphql, support.type.builtin.graphql | #080808 | — |
| constant.character.enum.graphql | #871094 | italic |
| markup.inserted | #067D17 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #C54E58 | — |
| variable.language.this, variable.language.super, variable.language.self, variable.language.this.php, variable.language.special.self.python, variable.language.special.cls.python | #0033B3 | — |