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#FFFFFF17
- activityBar.activeBorder#365880
- activityBar.activeFocusBorder#365880
- activityBar.background#3C3F41
- activityBar.border#2B2B2B00
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#9DA0A8
- activityBarBadge.background#365880
- activityBarBadge.foreground#FFFFFF
- activityBarTop.activeBackground#FFFFFF17
- activityBarTop.activeBorder#365880
- activityBarTop.background#3C3F41
- activityBarTop.dropBorder#365880
- activityBarTop.foreground#FFFFFF
- activityBarTop.inactiveForeground#9DA0A8
- badge.background#515151
- badge.foreground#FFFFFF
- banner.background#1D3857
- banner.foreground#BBBBBB
- banner.iconForeground#589DF6
- breadcrumb.activeSelectionForeground#BBBBBB
- breadcrumb.background#2B2B2B
- breadcrumb.focusForeground#BBBBBB
- breadcrumb.foreground#9DA0A8
- breadcrumbPicker.background#333333
- button.background#365880
- button.border#365880
- button.foreground#FFFFFF
- button.hoverBackground#4C708C
- button.secondaryBackground#3C3F41
- button.secondaryForeground#A9B7C6
- button.secondaryHoverBackground#515151
- charts.blue#FFC66D
- charts.foreground#A9B7C6
- charts.green#6A8759
- charts.lines#808080
- charts.orange#CC7832
- charts.purple#9876AA
- charts.red#FF6B68
- charts.yellow#FFC66D
- chat.avatarBackground#3C3F41
- chat.avatarForeground#BBBBBB
- chat.requestBackground#323232
- chat.requestBorder#3C3F41
- chat.slashCommandBackground#2B405A
- chat.slashCommandForeground#589DF6
- checkbox.background#333333
- checkbox.border#515151
- checkbox.foreground#A9B7C6
- checkbox.selectBackground#365880
- checkbox.selectBorder#365880
- commandCenter.activeBackground#FFFFFF17
- commandCenter.activeBorder#5C5C5C
- commandCenter.activeForeground#BBBBBB
- commandCenter.background#3C3F41
- commandCenter.border#515151
- commandCenter.debuggingBackground#365880
- commandCenter.foreground#A9B7C6
- commandCenter.inactiveBorder#3C3F41
- commandCenter.inactiveForeground#808080
- debugConsole.errorForeground#FF6B68
- debugConsole.infoForeground#56A8F5
- debugConsole.sourceForeground#9DA0A8
- debugConsole.warningForeground#FFC66D
- debugConsoleInputIcon.foreground#BBBBBB
- debugExceptionWidget.background#5E3838
- debugExceptionWidget.border#FF6B68
- debugIcon.breakpointForeground#DB5C5C
- debugTokenExpression.boolean#CC7832
- debugTokenExpression.error#FF6B68
- debugTokenExpression.name#9876AA
- debugTokenExpression.number#6897BB
- debugTokenExpression.string#6A8759
- debugTokenExpression.value#A9B7C6
- debugToolBar.background#333333
- debugToolBar.border#515151
- diffEditor.border#3C3F41
- diffEditor.diagonalFill#3C3F4180
- diffEditor.insertedLineBackground#62975522
- diffEditor.insertedTextBackground#62975533
- diffEditor.removedLineBackground#6868684D
- diffEditor.removedTextBackground#9094944D
- diffEditor.unchangedCodeBackground#32323280
- diffEditor.unchangedRegionBackground#323232
- diffEditor.unchangedRegionForeground#9DA0A8
- diffEditorGutter.insertedLineBackground#283541
- diffEditorGutter.removedLineBackground#373737
- diffEditorOverview.insertedForeground#629755
- diffEditorOverview.removedForeground#808080
- dropdown.background#3C3F41
- dropdown.border#515151
- dropdown.foreground#A9B7C6
- dropdown.listBackground#333333
- editor.background#2B2B2B
- editor.findMatchBackground#32593D
- editor.findMatchBorder#629755
- editor.findMatchHighlightBackground#214283CC
- editor.findMatchHighlightBorder#43698F
- editor.findRangeHighlightBackground#21428340
- editor.focusedStackFrameHighlightBackground#273552
- editor.foldBackground#45494A99
- editor.foldPlaceholderForeground#868991
- editor.foreground#A9B7C6
- editor.inactiveSelectionBackground#21428399
- editor.lineHighlightBackground#323232
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#21428366
- editor.selectionBackground#214283
- editor.selectionHighlightBackground#373B3999
- editor.selectionHighlightBorder#00000000
- editor.snippetFinalTabstopHighlightBackground#36588040
- editor.snippetFinalTabstopHighlightBorder#338555
- editor.snippetTabstopHighlightBackground#38547566
- editor.snippetTabstopHighlightBorder#385475
- editor.stackFrameHighlightBackground#365880
- editor.wordHighlightBackground#373B39
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#5E3838
- editor.wordHighlightStrongBorder#00000000
- editorActionList.background#333333
- editorActionList.focusBackground#214283
- editorActionList.focusForeground#BBBBBB
- editorActionList.foreground#A9B7C6
- editorBracketHighlight.foreground1#C77DBB
- editorBracketHighlight.foreground2#56A8F5
- editorBracketHighlight.foreground3#6AAB73
- editorBracketHighlight.foreground4#CF8E6D
- editorBracketHighlight.foreground5#FF6B68
- editorBracketHighlight.foreground6#2AACB8
- editorBracketMatch.background#4C5052
- editorBracketMatch.border#00000000
- editorBracketPairGuide.activeBackground1#C77DBB66
- editorBracketPairGuide.activeBackground2#56A8F566
- editorBracketPairGuide.activeBackground3#6AAB7366
- editorBracketPairGuide.activeBackground4#CF8E6D66
- editorBracketPairGuide.activeBackground5#FF6B6866
- editorBracketPairGuide.activeBackground6#2AACB866
- editorBracketPairGuide.background1#373737
- editorBracketPairGuide.background2#373737
- editorBracketPairGuide.background3#373737
- editorBracketPairGuide.background4#373737
- editorBracketPairGuide.background5#373737
- editorBracketPairGuide.background6#373737
- editorCodeLens.foreground#808080
- editorCommentsWidget.rangeActiveBackground#36588040
- editorCommentsWidget.rangeBackground#36588026
- editorCommentsWidget.replyInputBackground#323232
- editorCommentsWidget.resolvedBorder#6AAB73
- editorCommentsWidget.unresolvedBorder#365880
- editorCursor.background#2B2B2B
- editorCursor.foreground#BBBBBB
- editorError.border#00000000
- editorError.foreground#FF6B68
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#808080
- editorGroup.border#3C3F41
- editorGroup.dropBackground#366ACF4D
- editorGroup.dropIntoPromptBackground#333333
- editorGroup.dropIntoPromptBorder#3C3F41
- editorGroup.dropIntoPromptForeground#BBBBBB
- editorGroup.emptyBackground#3C3F41
- editorGroupHeader.border#3C3F41
- editorGroupHeader.noTabsBackground#2B2B2B
- editorGroupHeader.tabsBackground#2B2B2B
- editorGroupHeader.tabsBorder#3C3F41
- editorGutter.addedBackground#629755
- editorGutter.background#2B2B2B
- editorGutter.commentGlyphForeground#808080
- editorGutter.commentingRangeForeground#808080
- editorGutter.commentRangeForeground#808080
- editorGutter.deletedBackground#808080
- editorGutter.foldingControlForeground#808080
- editorGutter.modifiedBackground#43698F
- editorHint.border#00000000
- editorHint.foreground#BBB529
- editorHoverWidget.background#333333
- editorHoverWidget.border#3C3F41
- editorHoverWidget.foreground#A9B7C6
- editorHoverWidget.highlightForeground#4A88C7
- editorHoverWidget.statusBarBackground#3C3F41
- editorIndentGuide.activeBackground#505050
- editorIndentGuide.activeBackground1#505050
- editorIndentGuide.background#373737
- editorIndentGuide.background1#373737
- editorInfo.border#00000000
- editorInfo.foreground#BBB529
- editorInlayHint.background#45494A
- editorInlayHint.foreground#808080
- editorInlayHint.parameterBackground#45494A
- editorInlayHint.parameterForeground#858A94
- editorInlayHint.typeBackground#45494A
- editorInlayHint.typeForeground#808080
- editorLightBulb.foreground#FFC66D
- editorLightBulbAutoFix.foreground#629755
- editorLineNumber.activeForeground#A4A3A3
- editorLineNumber.foreground#606366
- editorLink.activeForeground#4A88C7
- editorMultiCursor.primary.background#2B2B2B
- editorMultiCursor.primary.foreground#BBBBBB
- editorMultiCursor.secondary.background#2B2B2B
- editorMultiCursor.secondary.foreground#A4A3A3
- editorOverviewRuler.addedForeground#629755
- editorOverviewRuler.background#2B2B2B
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#6B6C73
- editorOverviewRuler.currentContentForeground#629755
- editorOverviewRuler.deletedForeground#808080
- editorOverviewRuler.errorForeground#D5756C
- editorOverviewRuler.findMatchForeground#629755
- editorOverviewRuler.incomingContentForeground#43698F
- editorOverviewRuler.infoForeground#BBB529
- editorOverviewRuler.modifiedForeground#43698F
- editorOverviewRuler.selectionHighlightForeground#678D7BCC
- editorOverviewRuler.warningForeground#BBB529
- editorOverviewRuler.wordHighlightForeground#5B786A
- editorOverviewRuler.wordHighlightStrongForeground#BA6387
- editorRuler.foreground#373737
- editorStickyScroll.background#2B2B2B
- editorStickyScroll.border#3C3F41
- editorStickyScroll.shadow#00000033
- editorStickyScrollHover.background#323232
- editorSuggestWidget.background#333333
- editorSuggestWidget.border#3C3F41
- editorSuggestWidget.focusHighlightForeground#4A88C7
- editorSuggestWidget.foreground#A9B7C6
- editorSuggestWidget.highlightForeground#4A88C7
- editorSuggestWidget.selectedBackground#214283
- editorSuggestWidget.selectedForeground#BBBBBB
- editorUnnecessaryCode.border#00000000
- editorUnnecessaryCode.opacity#000000AA
- editorWarning.border#00000000
- editorWarning.foreground#FFC66D
- editorWatermark.foreground#808080
- editorWhitespace.foreground#808080
- editorWidget.background#333333
- editorWidget.border#3C3F41
- editorWidget.foreground#A9B7C6
- extensionBadge.remoteBackground#365880
- extensionBadge.remoteForeground#FFFFFF
- extensionButton.background#365880
- extensionButton.foreground#FFFFFF
- extensionButton.hoverBackground#4A88C7
- extensionButton.prominentBackground#365880
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#4A88C7
- extensionButton.separator#515151
- focusBorder#366799
- foreground#A9B7C6
- gauge.background#3C3F41
- gauge.border#00000000
- gauge.foreground#365880
- gitDecoration.addedResourceForeground#629755
- gitDecoration.conflictingResourceForeground#DE6A66
- gitDecoration.deletedResourceForeground#808080
- gitDecoration.ignoredResourceForeground#D69A6B
- gitDecoration.modifiedResourceForeground#589DF6
- gitDecoration.renamedResourceForeground#589DF6
- gitDecoration.stageDeletedResourceForeground#808080
- gitDecoration.stageModifiedResourceForeground#589DF6
- gitDecoration.submoduleResourceForeground#C77DBB
- gitDecoration.untrackedResourceForeground#E88F89
- icon.foreground#C3C5CB
- inlineChat.background#333333
- inlineChat.border#3C3F41
- inlineChat.shadow#00000050
- inlineChatDiff.inserted#62975533
- inlineChatDiff.removed#9094944D
- inlineChatInput.background#323232
- inlineChatInput.border#515151
- inlineChatInput.focusBorder#365880
- inlineChatInput.placeholderForeground#808080
- input.background#2B2B2B
- input.border#3C3F41
- input.foreground#A9B7C6
- input.placeholderForeground#808080
- inputOption.activeBackground#385475
- inputOption.activeBorder#385475
- inputOption.activeForeground#BBBBBB
- inputOption.hoverBackground#FFFFFF17
- inputValidation.errorBackground#5E3838
- inputValidation.errorBorder#FF6B68
- inputValidation.errorForeground#FF6B68
- inputValidation.infoBackground#1D3857
- inputValidation.infoBorder#4A88C7
- inputValidation.infoForeground#56A8F5
- inputValidation.warningBackground#3D3223
- inputValidation.warningBorder#FFC66D
- inputValidation.warningForeground#FFC66D
- keybindingLabel.background#3C3F41
- keybindingLabel.border#515151
- keybindingLabel.bottomBorder#515151
- keybindingLabel.foreground#A9B7C6
- keybindingTable.headerBackground#323232
- keybindingTable.rowsBackground#2B2B2B
- list.activeSelectionBackground#304C80
- list.activeSelectionForeground#BBBBBB
- list.dropBackground#3573F026
- list.errorForeground#FF6B68
- list.filterMatchBackground#32593D
- list.filterMatchBorder#629755
- list.focusAndSelectionOutline#214283
- list.focusBackground#214283
- list.focusForeground#BBBBBB
- list.focusHighlightForeground#4A88C7
- list.highlightForeground#4A88C7
- list.hoverBackground#FFFFFF10
- list.hoverForeground#BBBBBB
- list.inactiveSelectionBackground#474A4D
- list.inactiveSelectionForeground#BBBBBB
- list.warningForeground#D59637
- listFilterWidget.background#3C3F41
- listFilterWidget.noMatchesOutline#FF6B68
- listFilterWidget.outline#365880
- menu.background#333333
- menu.border#3C3F41
- menu.foreground#A9B7C6
- menu.selectionBackground#214283
- menu.selectionForeground#BBBBBB
- menu.separatorBackground#515151
- menubar.selectionBackground#FFFFFF17
- menubar.selectionBorder#00000000
- menubar.selectionForeground#BBBBBB
- merge.border#3C3F41
- merge.currentContentBackground#62975533
- merge.currentHeaderBackground#62975566
- merge.incomingContentBackground#43698F33
- merge.incomingHeaderBackground#43698F66
- mergeEditor.change.background#2E2626
- mergeEditor.change.word.background#45302B
- mergeEditor.conflict.handled.minimapOverViewRuler#629755
- mergeEditor.conflict.handledFocused.border#629755
- mergeEditor.conflict.handledUnfocused.border#62975580
- mergeEditor.conflict.unhandled.minimapOverViewRuler#FFC66D
- mergeEditor.conflict.unhandledFocused.border#FFC66D
- mergeEditor.conflict.unhandledUnfocused.border#FFC66D80
- mergeEditor.conflictingLines.background#66313F66
- minimap.background#2B2B2B
- minimap.errorHighlight#FF6B68
- minimap.findMatchHighlight#32593D
- minimap.infoHighlight#BBB529
- minimap.selectionHighlight#214283
- minimap.selectionOccurrenceHighlight#373B39
- minimap.warningHighlight#FFC66D
- minimapGutter.addedBackground#629755
- minimapGutter.deletedBackground#808080
- minimapGutter.modifiedBackground#43698F
- minimapSlider.activeBackground#FFFFFF66
- minimapSlider.background#FFFFFF26
- minimapSlider.hoverBackground#FFFFFF4D
- multiDiffEditor.background#2B2B2B
- multiDiffEditor.border#3C3F41
- multiDiffEditor.headerBackground#3C3F41
- notebook.cellBorderColor#3C3F41
- notebook.cellEditorBackground#2B2B2B
- notebook.cellHoverBackground#FFFFFF10
- notebook.cellStatusBarItemHoverBackground#FFFFFF17
- notebook.cellToolbarSeparator#515151
- notebook.editorBackground#2B2B2B
- notebook.focusedCellBackground#323232
- notebook.focusedCellBorder#365880
- notebook.outputContainerBackgroundColor#2B2B2B
- notebook.selectedCellBackground#323232
- notebook.selectedCellBorder#385475
- notebook.statusErrorIcon.foreground#FF6B68
- notebook.statusRunningIcon.foreground#56A8F5
- notebook.statusSuccessIcon.foreground#629755
- notebookStatusErrorIcon.foreground#FF6B68
- notebookStatusRunningIcon.foreground#56A8F5
- notebookStatusSuccessIcon.foreground#6AAB73
- notificationCenterHeader.background#333333
- notificationCenterHeader.foreground#A9B7C6
- notificationLink.foreground#4A88C7
- notifications.background#333333
- notifications.border#515151
- notifications.foreground#A9B7C6
- notificationsErrorIcon.foreground#D5756C
- notificationsInfoIcon.foreground#365880
- notificationsWarningIcon.foreground#BBB529
- notificationToast.border#515151
- panel.background#2B2B2B
- panel.border#3C3F41
- panelInput.border#515151
- panelSection.border#3C3F41
- panelSection.dropBackground#3573F026
- panelSectionHeader.background#2B2B2B
- panelSectionHeader.border#3C3F41
- panelSectionHeader.foreground#BBBBBB
- panelStickyScroll.background#2B2B2B
- panelStickyScroll.shadow#00000033
- panelTitle.activeBorder#365880
- panelTitle.activeForeground#BBBBBB
- panelTitle.inactiveForeground#9DA0A8
- peekView.border#365880
- peekViewEditor.background#2B2B2B
- peekViewEditor.matchHighlightBackground#32593D
- peekViewEditor.matchHighlightBorder#629755
- peekViewEditorGutter.background#2B2B2B
- peekViewResult.background#333333
- peekViewResult.fileForeground#BBBBBB
- peekViewResult.lineForeground#A9B7C6
- peekViewResult.matchHighlightBackground#214283
- peekViewResult.selectionBackground#214283
- peekViewResult.selectionForeground#BBBBBB
- peekViewTitle.background#45494A
- peekViewTitleDescription.foreground#808080
- peekViewTitleLabel.foreground#BBBBBB
- pickerGroup.border#515151
- pickerGroup.foreground#589DF6
- ports.iconRunningProcessForeground#629755
- problemsErrorIcon.foreground#D5756C
- problemsInfoIcon.foreground#365880
- problemsWarningIcon.foreground#BBB529
- profileBadge.background#365880
- profileBadge.foreground#FFFFFF
- progressBar.background#365880
- quickInput.background#333333
- quickInput.foreground#A9B7C6
- quickInputList.focusBackground#214283
- quickInputList.focusForeground#BBBBBB
- quickInputTitle.background#3C3F41
- radio.activeBackground#365880
- radio.activeBorder#365880
- radio.activeForeground#FFFFFF
- radio.inactiveBorder#515151
- radio.inactiveForeground#A9B7C6
- radio.inactiveHoverBackground#FFFFFF17
- sash.hoverBorder#365880
- scmGraph.foreground1#FFC66D
- scmGraph.foreground2#6A8759
- scmGraph.foreground3#9876AA
- scmGraph.foreground4#FFC66D
- scmGraph.foreground5#CC7832
- scmGraph.historyItemBaseRefColor#CC7832
- scmGraph.historyItemHoverAdditionsForeground#629755
- scmGraph.historyItemHoverDefaultLabelForeground#BBBBBB
- scmGraph.historyItemHoverDeletionsForeground#FF6B68
- scmGraph.historyItemHoverLabelForeground#FFFFFF
- scmGraph.historyItemRefColor#FFC66D
- scmGraph.historyItemRemoteRefColor#9876AA
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#FFFFFF66
- scrollbarSlider.background#FFFFFF26
- scrollbarSlider.hoverBackground#FFFFFF4D
- searchEditor.findMatchBackground#32593D
- searchEditor.findMatchBorder#629755
- selection.background#214283
- settings.checkboxBackground#333333
- settings.checkboxBorder#515151
- settings.checkboxForeground#A9B7C6
- settings.dropdownBackground#333333
- settings.dropdownBorder#515151
- settings.dropdownForeground#A9B7C6
- settings.focusedRowBackground#FFFFFF10
- settings.headerForeground#BBBBBB
- settings.modifiedItemIndicator#365880
- settings.numberInputBackground#333333
- settings.numberInputBorder#515151
- settings.numberInputForeground#A9B7C6
- settings.rowHoverBackground#FFFFFF10
- settings.sashBorder#3C3F41
- settings.textInputBackground#333333
- settings.textInputBorder#515151
- settings.textInputForeground#A9B7C6
- sideBar.background#2B2B2B
- sideBar.border#3C3F41
- sideBar.foreground#A9B7C6
- sideBarActivityBarTop.border#3C3F41
- sideBarSectionHeader.background#2B2B2B
- sideBarSectionHeader.border#3C3F41
- sideBarSectionHeader.foreground#BBBBBB
- sideBarStickyScroll.background#2B2B2B
- sideBarStickyScroll.shadow#00000033
- sideBarTitle.foreground#BBBBBB
- simpleFindWidget.sashBorder#515151
- statusBar.background#3C3F41
- statusBar.border#2B2B2B00
- statusBar.debuggingBackground#365880
- statusBar.debuggingBorder#3C3F41
- statusBar.debuggingForeground#BBBBBB
- statusBar.foreground#9DA0A8
- statusBar.noFolderBackground#3C3F41
- statusBar.noFolderBorder#3C3F41
- statusBar.noFolderForeground#9DA0A8
- statusBarItem.activeBackground#FFFFFF29
- statusBarItem.errorBackground#D5756C
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.errorHoverForeground#FFFFFF
- statusBarItem.hoverBackground#FFFFFF17
- statusBarItem.offlineBackground#808080
- statusBarItem.offlineForeground#FFFFFF
- statusBarItem.offlineHoverForeground#FFFFFF
- statusBarItem.remoteBackground#365880
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#BBB529
- statusBarItem.warningForeground#FFFFFF
- statusBarItem.warningHoverForeground#FFFFFF
- symbolIcon.classForeground#A9B7C6
- symbolIcon.colorForeground#FFC66D
- symbolIcon.constantForeground#9876AA
- symbolIcon.fieldForeground#9876AA
- symbolIcon.functionForeground#FFC66D
- symbolIcon.interfaceForeground#6897BB
- symbolIcon.keywordForeground#CC7832
- symbolIcon.methodForeground#FFC66D
- symbolIcon.numberForeground#6897BB
- symbolIcon.propertyForeground#9876AA
- symbolIcon.stringForeground#6A8759
- symbolIcon.variableForeground#A9B7C6
- tab.activeBackground#2B405A
- tab.activeBorder#385475
- tab.activeBorderTop#00000000
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#589DF6
- tab.border#3C3F41
- tab.dragAndDropBorder#365880
- tab.hoverBackground#FFFFFF17
- tab.hoverForeground#BBBBBB
- tab.inactiveBackground#2B2B2B
- tab.inactiveForeground#808080
- tab.inactiveModifiedBorder#589DF680
- tab.lastPinnedBorder#515151
- tab.selectedBackground#2B405A
- tab.selectedBorderTop#00000000
- tab.selectedForeground#FFFFFF
- tab.unfocusedActiveBackground#3C3F41
- tab.unfocusedActiveBorder#515151
- tab.unfocusedActiveForeground#B5B7BD
- tab.unfocusedActiveModifiedBorder#365880
- tab.unfocusedHoverBackground#FFFFFF17
- tab.unfocusedHoverForeground#BBBBBB
- tab.unfocusedInactiveBackground#2B2B2B
- tab.unfocusedInactiveForeground#8B8E94
- tab.unfocusedInactiveModifiedBorder#5C5C5C
- terminal.ansiBlack#2B2B2B
- terminal.ansiBlue#FFC66D
- terminal.ansiBrightBlack#808080
- terminal.ansiBrightBlue#589DF6
- terminal.ansiBrightCyan#6897BB
- terminal.ansiBrightGreen#629755
- terminal.ansiBrightMagenta#CF84CF
- terminal.ansiBrightRed#FF6B68
- terminal.ansiBrightWhite#BBBBBB
- terminal.ansiBrightYellow#FFC66D
- terminal.ansiCyan#6897BB
- terminal.ansiGreen#6A8759
- terminal.ansiMagenta#9876AA
- terminal.ansiRed#FF6B68
- terminal.ansiWhite#A9B7C6
- terminal.ansiYellow#FFC66D
- terminal.background#2B2B2B
- terminal.border#3C3F41
- terminal.findMatchBackground#32593D
- terminal.findMatchBorder#629755
- terminal.findMatchHighlightBackground#214283CC
- terminal.findMatchHighlightBorder#43698F
- terminal.foreground#A9B7C6
- terminal.hoverHighlightBackground#FFFFFF17
- terminal.inactiveSelectionBackground#21428399
- terminal.selectionBackground#214283
- terminalCommandDecoration.defaultBackground#808080
- terminalCommandDecoration.errorBackground#FF6B68
- terminalCommandDecoration.successBackground#629755
- terminalCursor.background#2B2B2B
- terminalCursor.foreground#BBBBBB
- terminalOverviewRuler.cursorForeground#BBBBBB
- terminalOverviewRuler.findMatchForeground#629755
- terminalStickyScroll.background#2B2B2B
- testing.coveredBackground#62975533
- testing.coveredBorder#629755
- testing.iconErrored#FF6B68
- testing.iconFailed#FF6B68
- testing.iconPassed#629755
- testing.iconQueued#FFC66D
- testing.iconSkipped#9DA0A8
- testing.iconUnset#808080
- testing.message.error.decorationForeground#FF6B68
- testing.message.info.decorationForeground#589DF6
- testing.runAction#56A8F5
- testing.uncoveredBackground#C54E5833
- testing.uncoveredBorder#C54E58
- textBlockQuote.background#323232
- textBlockQuote.border#515151
- textCodeBlock.background#2B2B2B
- textLink.activeForeground#589DF6
- textLink.foreground#589DF6
- textPreformat.background#3C3F41
- textPreformat.foreground#A9B7C6
- textSeparator.foreground#515151
- titleBar.activeBackground#3C3F41
- titleBar.activeForeground#BBBBBB
- titleBar.border#3C3F41
- titleBar.inactiveBackground#3C3F41
- titleBar.inactiveForeground#808080
- toolbar.activeBackground#FFFFFF29
- toolbar.hoverBackground#FFFFFF17
- toolbar.hoverOutline#00000000
- tree.inactiveIndentGuidesStroke#3C3F41
- tree.indentGuidesStroke#373737
- walkThrough.embeddedEditorBackground#2B2B2B
- welcomePage.background#2B2B2B
- welcomePage.progress.background#3C3F41
- welcomePage.progress.foreground#365880
- welcomePage.tileBackground#323232
- welcomePage.tileBorder#3C3F41
- welcomePage.tileHoverBackground#3C3F41
- widget.shadow#00000050
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block | #808080 | — |
| comment.block.documentation | #629755 | italic |
| comment.block.documentation storage.type, keyword.other.phpdoc, storage.type.class.jsdoc | #77B767 | italic |
| variable.other.jsdoc, entity.name.type.instance.jsdoc, keyword.other.type | #ABADB3 | — |
| 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 | #CC7832 | — |
| punctuation.definition.heading.markdown | #CC7832 | 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 | #9876AA | — |
| variable.other.constant, meta.definition.variable constant, constant.other.php | #9876AA | italic |
| keyword.control.at-rule.mixin.scss | #BBB529 | — |
| 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 | #6A8759 | — |
| constant.numeric, keyword.operator.quantifier.regexp, string.regexp punctuation.definition.string, string.regexp keyword.other | #6897BB | — |
| 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 | #A9B7C6 | — |
| meta.property-list variable.css, entity.other.attribute-name, support.type.property-name, support.type.vendored.property-name | #A9B7C6 | — |
| entity.name.type.module, constant.character.escape.php | #A9B7C6 | — |
| 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 | #6897BB | underline |
| variable.parameter.url.css, meta.property-value variable.parameter.url, meta.at-rule.namespace variable.parameter.url | #5C92FF | — |
| variable.scss | #9876AA | — |
| 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 | #BBB529 | — |
| invalid, invalid.illegal | #FF6B68 | — |
| invalid.deprecated | #A9B7C6 | 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 | #FFC66D | — |
| entity.name.function.member, meta.method | #FFC66D | — |
| entity.name.function.member.static, support.function.js | #FFC66D | italic |
| markup.heading, meta.definition variable.other.constant, entity.name.section.markdown | #9876AA | italic |
| entity.name.type.parameter, entity.name.type.interface, support.type.primitive | #6897BB | — |
| string.regexp, source.regexp | #6897BB | — |
| keyword.codetag, comment.todo | #BBB529 | italic |
| punctuation.section.embedded.begin.php, support.function.construct.php, support.function.construct.output.php | #CC7832 | — |
| variable.other.php, variable.other.global.php, variable.other.global.safer.php, support.constant.core.php | #9876AA | — |
| entity.name.function.support.go | #FFC66D | — |
| entity.name.type.go | #6897BB | — |
| variable.other.property.go | #9876AA | — |
| punctuation.other.comma.go | #A9B7C6 | — |
| 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 | #CC7832 | — |
| constant.other.symbol.ruby | #6897BB | — |
| entity.name.type.class.ruby, variable.other.constant.ruby | #9876AA | italic |
| constant.numeric.float.ruby, constant.numeric.integer.ruby, constant.other.symbol.hashkey.ruby | #6897BB | — |
| support.class.ruby, entity.other.inherited-class.ruby | #A9B7C6 | — |
| keyword.other.special-method.ruby | #CC7832 | — |
| variable.other.readwrite.instance.ruby | #9876AA | — |
| entity.name.function.ruby, variable.other.block.ruby | #FFC66D | — |
| keyword.operator.nulltype.graphql | #CC7832 | — |
| source.graphql | #9876AA | — |
| variable.fragment.graphql, entity.name.fragment.graphql | #FFC66D | — |
| 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 | #A9B7C6 | — |
| constant.character.enum.graphql | #9876AA | italic |
| markup.inserted | #6A8759 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #FF6B68 | — |
| variable.language.this, variable.language.super, variable.language.self, variable.language.this.php, variable.language.special.self.python, variable.language.special.cls.python | #CC7832 | — |