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