Warm Darkness
Publisher: Eduard ZoriciThemes in package: 1
A deep night-dark theme with warm golden accents. Rich per-language syntax coloring for HTML, CSS/SCSS, JavaScript, TypeScript, PHP, SQL, Markdown and more.
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#0c141c
- activityBar.activeBorder#f1bb39
- activityBar.activeFocusBorder#f1bb39
- activityBar.background#111d28
- activityBar.border#1a2535
- activityBar.dropBorder#f1bb39
- activityBar.foreground#a0b0bf
- activityBar.inactiveForeground#4a6272
- activityBarBadge.background#f1bb39
- activityBarBadge.foreground#0c141c
- badge.background#f1bb3925
- badge.foreground#f1bb39
- breadcrumb.activeSelectionForeground#c8d3e0
- breadcrumb.background#0c141c
- breadcrumb.focusForeground#a0b0c0
- breadcrumb.foreground#4a5568
- breadcrumbPicker.background#111d28
- button.background#f1bb39
- button.border#00000000
- button.foreground#0c141c
- button.hoverBackground#ffd166
- button.secondaryBackground#1c2a38
- button.secondaryForeground#c8d3e0
- button.secondaryHoverBackground#243347
- button.separator#0c141c40
- checkbox.background#111d28
- checkbox.border#1a2535
- checkbox.foreground#c8d3e0
- checkbox.selectBackground#1c2a38
- checkbox.selectBorder#f1bb39
- commandCenter.activeBackground#1c2a38
- commandCenter.activeBorder#f1bb3940
- commandCenter.activeForeground#c8d3e0
- commandCenter.background#0e1822
- commandCenter.border#1a2535
- commandCenter.foreground#7a8899
- commandCenter.inactiveBorder#1a253560
- commandCenter.inactiveForeground#4a5568
- debugConsole.errorForeground#e06c75
- debugConsole.infoForeground#61afef
- debugConsole.sourceForeground#7a8899
- debugConsole.warningForeground#e5c07b
- debugConsoleInputIcon.foreground#f1bb39
- debugExceptionWidget.background#0c141c
- debugExceptionWidget.border#e06c75
- debugIcon.breakpointCurrentStackframeForeground#f1bb39
- debugIcon.breakpointDisabledForeground#4a5568
- debugIcon.breakpointForeground#e06c75
- debugIcon.breakpointStackframeForeground#e5c07b
- debugIcon.breakpointUnverifiedForeground#e5c07b80
- debugIcon.continueForeground#4caf82
- debugIcon.disconnectForeground#e06c75
- debugIcon.pauseForeground#e5c07b
- debugIcon.restartForeground#4caf82
- debugIcon.startForeground#4caf82
- debugIcon.stepBackForeground#61afef
- debugIcon.stepIntoForeground#61afef
- debugIcon.stepOutForeground#61afef
- debugIcon.stepOverForeground#61afef
- debugIcon.stopForeground#e06c75
- debugTokenExpression.boolean#f78c6c
- debugTokenExpression.error#e06c75
- debugTokenExpression.name#82aaff
- debugTokenExpression.number#f78c6c
- debugTokenExpression.string#98c379
- debugTokenExpression.value#c8d3e0
- debugToolBar.background#0e1822
- debugToolBar.border#1a2535
- debugView.exceptionLabelBackground#e06c7520
- debugView.exceptionLabelForeground#e06c75
- debugView.stateLabelBackground#4caf8220
- debugView.stateLabelForeground#4caf82
- debugView.valueChangedHighlight#f1bb3930
- diffEditor.border#1a2535
- diffEditor.diagonalFill#1a253560
- diffEditor.insertedLineBackground#4caf8215
- diffEditor.insertedTextBackground#4caf8225
- diffEditor.insertedTextBorder#4caf8240
- diffEditor.removedLineBackground#e06c7515
- diffEditor.removedTextBackground#e06c7525
- diffEditor.removedTextBorder#e06c7540
- diffEditor.unchangedCodeBackground#0c141c40
- diffEditorGutter.insertedLineBackground#4caf8220
- diffEditorGutter.removedLineBackground#e06c7520
- diffEditorOverview.insertedForeground#4caf82
- diffEditorOverview.removedForeground#e06c75
- dropdown.background#111d28
- dropdown.border#1a2535
- dropdown.foreground#7a8899
- dropdown.listBackground#0e1822
- editor.background#0c141c
- editor.findMatchBackground#f1bb3930
- editor.findMatchBorder#f1bb39
- editor.findMatchHighlightBackground#f1bb3918
- editor.findMatchHighlightBorder#f1bb3940
- editor.findRangeHighlightBackground#f1bb3910
- editor.findRangeHighlightBorder#00000000
- editor.foldBackground#1a253520
- editor.foreground#8fa9ba
- editor.hoverHighlightBackground#f1bb3915
- editor.inactiveSelectionBackground#1c2a3870
- editor.lineHighlightBackground#ffffff08
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#f1bb3915
- editor.rangeHighlightBackground#f1bb3912
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#1c2a38
- editor.selectionForeground#c8d3e0
- editor.selectionHighlightBackground#1c2a3870
- editor.selectionHighlightBorder#24334780
- editor.snippetFinalTabstopHighlightBackground#00000000
- editor.snippetFinalTabstopHighlightBorder#f1bb39
- editor.snippetTabstopHighlightBackground#f1bb3920
- editor.snippetTabstopHighlightBorder#00000000
- editor.stackFrameHighlightBackground#f1bb3920
- editor.symbolHighlightBackground#f1bb3918
- editor.symbolHighlightBorder#f1bb3940
- editor.wordHighlightBackground#61afef18
- editor.wordHighlightBorder#61afef30
- editor.wordHighlightStrongBackground#f1bb3918
- editor.wordHighlightStrongBorder#f1bb3940
- editor.wordHighlightTextBackground#61afef12
- editor.wordHighlightTextBorder#61afef25
- editorBracketHighlight.foreground1#f1bb39
- editorBracketHighlight.foreground2#82aaff
- editorBracketHighlight.foreground3#c792ea
- editorBracketHighlight.foreground4#4caf82
- editorBracketHighlight.foreground5#f78c6c
- editorBracketHighlight.foreground6#89ddff
- editorBracketHighlight.unexpectedBracket.foreground#e06c75
- editorBracketMatch.background#f1bb3918
- editorBracketMatch.border#f1bb3960
- editorBracketPairGuide.activeBackground1#f1bb3928
- editorBracketPairGuide.activeBackground2#82aaff28
- editorBracketPairGuide.activeBackground3#c792ea28
- editorBracketPairGuide.activeBackground4#4caf8228
- editorBracketPairGuide.activeBackground5#f78c6c28
- editorBracketPairGuide.activeBackground6#89ddff28
- editorBracketPairGuide.background1#00000000
- editorBracketPairGuide.background2#00000000
- editorBracketPairGuide.background3#00000000
- editorBracketPairGuide.background4#00000000
- editorBracketPairGuide.background5#00000000
- editorBracketPairGuide.background6#00000000
- editorCursor.background#0c141c
- editorCursor.foreground#f1bb39
- editorError.background#e06c7510
- editorError.border#00000000
- editorError.foreground#e06c75
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#3d516670
- editorGroup.border#1a2535
- editorGroup.dropBackground#f1bb3912
- editorGroup.emptyBackground#0c141c
- editorGroup.focusedEmptyBorder#f1bb3940
- editorGroupHeader.noTabsBackground#0c141c
- editorGroupHeader.tabsBackground#111d28
- editorGroupHeader.tabsBorder#1a2535
- editorGutter.addedBackground#4caf82
- editorGutter.background#0c141c
- editorGutter.commentGlyphForeground#4a5568
- editorGutter.commentRangeForeground#4a5568
- editorGutter.commentUnresolvedGlyphForeground#e5c07b
- editorGutter.deletedBackground#e06c75
- editorGutter.foldingControlForeground#3d5166
- editorGutter.modifiedBackground#e5c07b
- editorHint.border#00000000
- editorHint.foreground#4caf8280
- editorHoverWidget.background#111d28
- editorHoverWidget.border#1a2535
- editorHoverWidget.foreground#c8d3e0
- editorHoverWidget.highlightForeground#f1bb39
- editorHoverWidget.statusBarBackground#0e1822
- editorIndentGuide.activeBackground1#3d516670
- editorIndentGuide.background1#1a253540
- editorInfo.background#61afef10
- editorInfo.border#00000000
- editorInfo.foreground#61afef
- editorInlayHint.background#1c2a3860
- editorInlayHint.foreground#4a5568
- editorInlayHint.parameterBackground#82aaff18
- editorInlayHint.parameterForeground#82aaff
- editorInlayHint.typeBackground#c792ea18
- editorInlayHint.typeForeground#c792ea
- editorLightBulb.foreground#f1bb39
- editorLightBulbAi.foreground#c792ea
- editorLightBulbAutoFix.foreground#4caf82
- editorLineNumber.activeForeground#f1bb39
- editorLineNumber.dimmedForeground#1c2a38
- editorLineNumber.foreground#2d3d4f
- editorLink.activeForeground#f1bb39
- editorMarkerNavigation.background#111d28
- editorMarkerNavigationError.background#e06c7520
- editorMarkerNavigationError.headerBackground#e06c7530
- editorMarkerNavigationInfo.background#61afef20
- editorMarkerNavigationInfo.headerBackground#61afef30
- editorMarkerNavigationWarning.background#e5c07b20
- editorMarkerNavigationWarning.headerBackground#e5c07b30
- editorOverviewRuler.addedForeground#4caf8260
- editorOverviewRuler.background#0c141c
- editorOverviewRuler.border#1a2535
- editorOverviewRuler.bracketMatchForeground#f1bb3960
- editorOverviewRuler.commonContentForeground#7a889930
- editorOverviewRuler.currentContentForeground#82aaff40
- editorOverviewRuler.deletedForeground#e06c7560
- editorOverviewRuler.errorForeground#e06c75
- editorOverviewRuler.findMatchForeground#f1bb3960
- editorOverviewRuler.incomingContentForeground#4caf8240
- editorOverviewRuler.infoForeground#61afef60
- editorOverviewRuler.modifiedForeground#e5c07b60
- editorOverviewRuler.rangeHighlightForeground#f1bb3930
- editorOverviewRuler.selectionHighlightForeground#1c2a38cc
- editorOverviewRuler.warningForeground#e5c07b
- editorOverviewRuler.wordHighlightForeground#61afef40
- editorOverviewRuler.wordHighlightStrongForeground#f1bb3940
- editorOverviewRuler.wordHighlightTextForeground#61afef30
- editorPane.background#0c141c
- editorRuler.foreground#1a2535
- editorStickyScroll.background#0c141c
- editorStickyScroll.border#1a2535
- editorStickyScroll.shadow#00000050
- editorStickyScrollHover.background#111d28
- editorSuggestWidget.background#111d28
- editorSuggestWidget.border#1a2535
- editorSuggestWidget.focusHighlightForeground#f1bb39
- editorSuggestWidget.foreground#7a8899
- editorSuggestWidget.highlightForeground#f1bb39
- editorSuggestWidget.selectedBackground#1c2a38
- editorSuggestWidget.selectedForeground#c8d3e0
- editorSuggestWidget.selectedIconForeground#f1bb39
- editorSuggestWidgetStatus.foreground#4a556870
- editorWarning.background#e5c07b10
- editorWarning.border#00000000
- editorWarning.foreground#e5c07b
- editorWatermark.foreground#4a556840
- editorWhitespace.foreground#ffffff08
- editorWidget.background#111d28
- editorWidget.border#1a2535
- editorWidget.foreground#7a8899
- editorWidget.resizeBorder#f1bb39
- extensionBadge.remoteBackground#f1bb3925
- extensionBadge.remoteForeground#f1bb39
- extensionButton.background#f1bb39
- extensionButton.foreground#0c141c
- extensionButton.hoverBackground#ffd166
- extensionButton.prominentBackground#f1bb39
- extensionButton.prominentForeground#0c141c
- extensionButton.prominentHoverBackground#ffd166
- extensionButton.separator#0c141c40
- extensionIcon.preReleaseForeground#e5c07b
- extensionIcon.sponsorForeground#f1bb39
- extensionIcon.starForeground#f1bb39
- extensionIcon.verifiedForeground#4caf82
- focusBorder#f1bb3950
- foreground#a0b0bf
- gitDecoration.addedResourceForeground#4caf82
- gitDecoration.conflictingResourceForeground#e06c75
- gitDecoration.deletedResourceForeground#e06c75
- gitDecoration.ignoredResourceForeground#3d5166
- gitDecoration.modifiedResourceForeground#e5c07b
- gitDecoration.renamedResourceForeground#82aaff
- gitDecoration.stageDeletedResourceForeground#e06c75
- gitDecoration.stageModifiedResourceForeground#e5c07b
- gitDecoration.submoduleResourceForeground#c792ea
- gitDecoration.untrackedResourceForeground#4caf82
- icon.foreground#a0b0bf
- input.background#0e1822
- input.border#1a2535
- input.foreground#c8d3e0
- input.placeholderForeground#3d5166
- inputOption.activeBackground#f1bb3918
- inputOption.activeBorder#f1bb3950
- inputOption.activeForeground#f1bb39
- inputOption.hoverBackground#1c2a38
- inputValidation.errorBackground#e06c7518
- inputValidation.errorBorder#e06c75
- inputValidation.errorForeground#e06c75
- inputValidation.infoBackground#61afef18
- inputValidation.infoBorder#61afef
- inputValidation.infoForeground#61afef
- inputValidation.warningBackground#e5c07b18
- inputValidation.warningBorder#e5c07b
- inputValidation.warningForeground#e5c07b
- keybindingLabel.background#1c2a38
- keybindingLabel.border#243347
- keybindingLabel.bottomBorder#1a2535
- keybindingLabel.foreground#c8d3e0
- list.activeSelectionBackground#1c2a38
- list.activeSelectionForeground#c8d3e0
- list.activeSelectionIconForeground#f1bb39
- list.deemphasizedForeground#3d5166
- list.dropBackground#f1bb3918
- list.dropBetweenBackground#f1bb39
- list.errorForeground#e06c75
- list.filterMatchBackground#f1bb3920
- list.filterMatchBorder#f1bb3940
- list.focusBackground#1c2a38
- list.focusForeground#c8d3e0
- list.focusHighlightForeground#f1bb39
- list.focusOutline#f1bb3940
- list.highlightForeground#f1bb39
- list.hoverBackground#1a2535
- list.hoverForeground#a0b0c0
- list.inactiveSelectionBackground#162030
- list.inactiveSelectionForeground#7a8899
- list.inactiveSelectionIconForeground#7a8899
- list.warningForeground#e5c07b
- listFilterWidget.background#111d28
- listFilterWidget.noMatchesOutline#e06c75
- listFilterWidget.outline#f1bb3940
- listFilterWidget.shadow#00000040
- menu.background#111d28
- menu.border#1a2535
- menu.foreground#7a8899
- menu.selectionBackground#1c2a38
- menu.selectionBorder#1a2535
- menu.selectionForeground#c8d3e0
- menu.separatorBackground#1a2535
- menubar.selectionBackground#1c2a38
- menubar.selectionBorder#1a2535
- menubar.selectionForeground#c8d3e0
- merge.commonContentBackground#7a889910
- merge.commonHeaderBackground#7a889920
- merge.currentContentBackground#82aaff12
- merge.currentHeaderBackground#82aaff22
- merge.incomingContentBackground#4caf8212
- merge.incomingHeaderBackground#4caf8222
- minimap.background#0a1118
- minimap.errorHighlight#e06c75
- minimap.findMatchHighlight#f1bb3960
- minimap.foregroundOpacity#000000c8
- minimap.infoHighlight#61afef
- minimap.selectionHighlight#1c2a38
- minimap.selectionOccurrenceHighlight#1c2a3870
- minimap.warningHighlight#e5c07b
- minimapGutter.addedBackground#4caf82
- minimapGutter.deletedBackground#e06c75
- minimapGutter.modifiedBackground#e5c07b
- minimapSlider.activeBackground#f1bb3940
- minimapSlider.background#ffffff0e
- minimapSlider.hoverBackground#ffffff16
- notebook.cellBorderColor#1a2535
- notebook.cellEditorBackground#0e1822
- notebook.cellHoverBackground#ffffff05
- notebook.cellInsertionIndicator#f1bb39
- notebook.editorBackground#0c141c
- notebook.focusedCellBackground#111d28
- notebook.focusedCellBorder#f1bb3940
- notebook.focusedEditorBorder#f1bb3928
- notebook.inactiveFocusedCellBorder#1a2535
- notebook.selectedCellBackground#162030
- notebook.selectedCellBorder#1c2a38
- notificationCenter.border#1a2535
- notificationCenterHeader.background#0e1822
- notificationCenterHeader.foreground#7a8899
- notificationLink.foreground#f1bb39
- notifications.background#111d28
- notifications.border#1a2535
- notifications.foreground#7a8899
- notificationsErrorIcon.foreground#e06c75
- notificationsInfoIcon.foreground#61afef
- notificationsWarningIcon.foreground#e5c07b
- notificationToast.border#1a2535
- panel.background#0e1822
- panel.border#1a2535
- panel.dropBorder#f1bb39
- panelSection.border#1a2535
- panelSectionHeader.background#0c141c
- panelSectionHeader.border#1a2535
- panelSectionHeader.foreground#7a8899
- panelTitle.activeBorder#f1bb39
- panelTitle.activeForeground#c8d3e0
- panelTitle.inactiveForeground#4a5568
- peekView.border#f1bb3940
- peekViewEditor.background#0e1822
- peekViewEditor.matchHighlightBackground#f1bb3928
- peekViewEditor.matchHighlightBorder#f1bb3960
- peekViewEditorGutter.background#0e1822
- peekViewEditorStickyScroll.background#111d28
- peekViewResult.background#0c141c
- peekViewResult.fileForeground#c8d3e0
- peekViewResult.lineForeground#7a8899
- peekViewResult.matchHighlightBackground#f1bb3928
- peekViewResult.selectionBackground#1c2a38
- peekViewResult.selectionForeground#c8d3e0
- peekViewTitle.background#111d28
- peekViewTitleDescription.foreground#4a5568
- peekViewTitleLabel.foreground#c8d3e0
- pickerGroup.border#1a2535
- pickerGroup.foreground#f1bb39
- ports.iconRunningProcessForeground#4caf82
- problemsErrorIcon.foreground#e06c75
- problemsInfoIcon.foreground#61afef
- problemsWarningIcon.foreground#e5c07b
- profileBadge.background#f1bb3925
- profileBadge.foreground#f1bb39
- progressBar.background#f1bb39
- quickInput.background#111d28
- quickInput.foreground#7a8899
- quickInputList.focusBackground#1c2a38
- quickInputList.focusForeground#c8d3e0
- quickInputList.focusIconForeground#f1bb39
- quickInputTitle.background#0e1822
- sash.hoverBorder#f1bb3950
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#f1bb3948
- scrollbarSlider.background#ffffff10
- scrollbarSlider.hoverBackground#ffffff1a
- selection.background#1c2a38
- settings.checkboxBackground#111d28
- settings.checkboxBorder#1a2535
- settings.checkboxForeground#c8d3e0
- settings.dropdownBackground#111d28
- settings.dropdownBorder#1a2535
- settings.dropdownForeground#7a8899
- settings.dropdownListBorder#1a2535
- settings.focusedRowBackground#f1bb3908
- settings.focusedRowBorder#f1bb3928
- settings.headerBackground#0e1822
- settings.headerBorder#1a2535
- settings.headerForeground#c8d3e0
- settings.modifiedItemIndicator#f1bb39
- settings.numberInputBackground#111d28
- settings.numberInputBorder#1a2535
- settings.numberInputForeground#c8d3e0
- settings.rowHoverBackground#ffffff04
- settings.sashBorder#1a2535
- settings.textInputBackground#111d28
- settings.textInputBorder#1a2535
- settings.textInputForeground#c8d3e0
- sideBar.background#0e1822
- sideBar.border#1a2535
- sideBar.dropBackground#f1bb3912
- sideBar.foreground#a0b0bf
- sideBarSectionHeader.background#0c141c
- sideBarSectionHeader.border#1a2535
- sideBarSectionHeader.foreground#7a8899
- sideBarTitle.foreground#6a7d8e
- statusBar.background#0a1118
- statusBar.border#1a2535
- statusBar.debuggingBackground#e06c7518
- statusBar.debuggingBorder#e06c7540
- statusBar.debuggingForeground#e06c75
- statusBar.focusBorder#f1bb3950
- statusBar.foreground#6a7d8e
- statusBar.noFolderBackground#0a1118
- statusBar.noFolderBorder#1a2535
- statusBar.noFolderForeground#6a7d8e
- statusBarItem.activeBackground#ffffff14
- statusBarItem.compactHoverBackground#ffffff18
- statusBarItem.errorBackground#e06c7518
- statusBarItem.errorForeground#e06c75
- statusBarItem.focusBorder#f1bb3950
- statusBarItem.hoverBackground#ffffff0e
- statusBarItem.hoverForeground#c8d3e0
- statusBarItem.prominentBackground#f1bb3918
- statusBarItem.prominentForeground#f1bb39
- statusBarItem.prominentHoverBackground#f1bb3928
- statusBarItem.prominentHoverForeground#f1bb39
- statusBarItem.remoteBackground#f1bb39
- statusBarItem.remoteForeground#0c141c
- statusBarItem.remoteHoverBackground#ffd166
- statusBarItem.remoteHoverForeground#0c141c
- statusBarItem.warningBackground#e5c07b18
- statusBarItem.warningForeground#e5c07b
- symbolIcon.arrayForeground#f78c6c
- symbolIcon.booleanForeground#c792ea
- symbolIcon.classForeground#82aaff
- symbolIcon.colorForeground#f1bb39
- symbolIcon.constantForeground#f78c6c
- symbolIcon.constructorForeground#82cfff
- symbolIcon.enumeratorForeground#f78c6c
- symbolIcon.enumeratorMemberForeground#f78c6c
- symbolIcon.eventForeground#f1bb39
- symbolIcon.fieldForeground#82aaff
- symbolIcon.fileForeground#f1bb39
- symbolIcon.folderForeground#f1bb39
- symbolIcon.functionForeground#82cfff
- symbolIcon.interfaceForeground#82aaff
- symbolIcon.keyForeground#f1bb39
- symbolIcon.keywordForeground#c792ea
- symbolIcon.methodForeground#82cfff
- symbolIcon.moduleForeground#c8d3e0
- symbolIcon.namespaceForeground#c8d3e0
- symbolIcon.nullForeground#f78c6c
- symbolIcon.numberForeground#f78c6c
- symbolIcon.objectForeground#82aaff
- symbolIcon.operatorForeground#89ddff
- symbolIcon.packageForeground#c8d3e0
- symbolIcon.propertyForeground#82aaff
- symbolIcon.referenceForeground#c8d3e0
- symbolIcon.snippetForeground#4caf82
- symbolIcon.stringForeground#98c379
- symbolIcon.structForeground#82aaff
- symbolIcon.textForeground#7a8899
- symbolIcon.typeParameterForeground#c792ea
- symbolIcon.unitForeground#f78c6c
- symbolIcon.variableForeground#c8d3e0
- tab.activeBackground#0c141c
- tab.activeBorder#00000000
- tab.activeBorderTop#f1bb39
- tab.activeForeground#c8d3e0
- tab.activeModifiedBorder#e5c07b
- tab.border#1a2535
- tab.hoverBackground#162030
- tab.hoverBorder#00000000
- tab.hoverForeground#a0b0c0
- tab.inactiveBackground#111d28
- tab.inactiveForeground#4a5568
- tab.inactiveModifiedBorder#e5c07b50
- tab.lastPinnedBorder#1a2535
- tab.unfocusedActiveBackground#0c141c
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#f1bb3960
- tab.unfocusedActiveForeground#7a8899
- tab.unfocusedHoverBackground#162030
- tab.unfocusedHoverBorder#00000000
- tab.unfocusedHoverForeground#7a8899
- tab.unfocusedInactiveBackground#111d28
- tab.unfocusedInactiveForeground#3d5166
- terminal.ansiBlack#1a2535
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#3d5166
- terminal.ansiBrightBlue#61afef
- terminal.ansiBrightCyan#89ddff
- terminal.ansiBrightGreen#4caf82
- terminal.ansiBrightMagenta#c792ea
- terminal.ansiBrightRed#e06c75
- terminal.ansiBrightWhite#c8d3e0
- terminal.ansiBrightYellow#f1bb39
- terminal.ansiCyan#56b6c2
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#c792ea
- terminal.ansiRed#e06c75
- terminal.ansiWhite#8fa9ba
- terminal.ansiYellow#e5c07b
- terminal.background#0c141c
- terminal.border#1a2535
- terminal.findMatchBackground#f1bb3928
- terminal.findMatchBorder#f1bb39
- terminal.findMatchHighlightBackground#f1bb3918
- terminal.findMatchHighlightBorder#f1bb3940
- terminal.foreground#8fa9ba
- terminal.inactiveSelectionBackground#1c2a3870
- terminal.selectionBackground#1c2a38
- terminal.selectionForeground#c8d3e0
- terminal.tab.activeBorder#f1bb39
- terminalCommandDecoration.defaultBackground#3d5166
- terminalCommandDecoration.errorBackground#e06c75
- terminalCommandDecoration.successBackground#4caf82
- terminalCursor.background#0c141c
- terminalCursor.foreground#f1bb39
- terminalOverviewRuler.cursorForeground#f1bb3960
- terminalOverviewRuler.findMatchForeground#f1bb3960
- textBlockQuote.background#0e1822
- textBlockQuote.border#f1bb3940
- textCodeBlock.background#1c2a38
- textLink.activeForeground#ffd166
- textLink.foreground#f1bb39
- textPreformat.background#1c2a38
- textPreformat.foreground#c8d3e0
- textSeparator.foreground#1a2535
- titleBar.activeBackground#0a1118
- titleBar.activeForeground#a0b0bf
- titleBar.border#1a2535
- titleBar.inactiveBackground#0c141c
- titleBar.inactiveForeground#6a7d8e
- toolbar.activeBackground#ffffff14
- toolbar.hoverBackground#ffffff08
- toolbar.hoverOutline#00000000
- tree.inactiveIndentGuidesStroke#1a253550
- tree.indentGuidesStroke#1c2a38
- tree.tableColumnsBorder#1a2535
- tree.tableOddRowsBackground#ffffff03
- walkthrough.embeddedEditorBackground#0e1822
- walkthroughStep.headerBackground#0e1822
- walkthroughStep.prominentBackground#111d28
- welcomePage.background#0c141c
- welcomePage.buttonBackground#111d28
- welcomePage.buttonHoverBackground#1c2a38
- welcomePage.progress.background#1a2535
- welcomePage.progress.foreground#f1bb39
- welcomePage.tileBackground#0e1822
- welcomePage.tileBorder#1a2535
- welcomePage.tileHoverBackground#162030
- widget.border#1a2535
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text, meta.paragraph | #8fa9ba | — |
| comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment | #3d5166 | italic |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.other | #98c379 | — |
| string.template, string.quoted.template | #98c379 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #89ddff | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal | #f78c6c | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #c792ea | — |
| constant.other, constant.other.color, constant.other.symbol, constant.other.key, constant.character, constant.character.escape | #f78c6c | — |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default, keyword.control.new, keyword.control.return, keyword.control.if, keyword.control.else, keyword.control.switch, keyword.control.case, keyword.control.break, keyword.control.continue, keyword.control.throw, keyword.control.try, keyword.control.catch, keyword.control.finally, keyword.control.for, keyword.control.while, keyword.control.do, keyword.control.of, keyword.control.in, keyword.other, keyword.other.special-method | #c792ea | italic |
| storage, storage.type, storage.type.js, storage.type.ts, storage.type.function, storage.type.class, storage.type.interface, storage.type.enum, storage.type.arrow, storage.type.property, storage.modifier, storage.modifier.async, storage.modifier.static, storage.modifier.abstract, storage.modifier.public, storage.modifier.private, storage.modifier.protected, storage.modifier.readonly, storage.modifier.export, storage.modifier.import | #c792ea | italic |
| entity.name.function, entity.name.function.js, entity.name.function.ts, entity.name.function.php, entity.name.function.python, entity.name.function.ruby | #82cfff | — |
| meta.function-call, meta.function-call.generic, variable.function, support.function, support.function.builtin | #82cfff | — |
| entity.name.method, entity.name.method.js, entity.name.method.ts, meta.method.declaration entity.name.function | #82cfff | — |
| entity.name.class, entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.type.alias, entity.name.type.enum, entity.name.type.module, entity.name.type.namespace, support.class, support.type | #82aaff | — |
| entity.other.inherited-class | #82aaff | italic |
| variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.object.property, variable.other.property | #c8d3e0 | — |
| variable.language, variable.language.this, variable.language.self, variable.language.super | #f07178 | italic |
| variable.parameter, variable.parameter.function, variable.parameter.function.language.special | #f78c6c | italic |
| variable.other.constant, variable.other.enummember | #f78c6c | — |
| meta.object-literal.key, support.type.property-name.json | #a0b0c0 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest, keyword.operator.optional, keyword.operator.nullish, keyword.operator.type, keyword.operator.relational, keyword.operator.instanceof, keyword.operator.typeof, keyword.operator.void, keyword.operator.delete | #89ddff | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor | #7a8899 | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.binding-pattern, meta.brace.round, meta.brace.square, meta.brace.curly | #a0b0c0 | — |
| meta.decorator, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.definition.decorator, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #f1bb39 | — |
| string.regexp, string.regexp.character-class, string.regexp.group, constant.regexp | #e06c75 | — |
| invalid, invalid.illegal, invalid.broken, invalid.deprecated, invalid.unimplemented | #e06c75 | strikethrough |
| punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag.sgml | #5e7a8a | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.block.any.html, entity.name.tag.inline.any.html, entity.name.tag.other.html | #d4909a | bold |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.event.html | #f1bb39 | — |
| string.quoted.double.html, string.quoted.single.html | #98c379 | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.separator.key-value.html | #4a5568 | — |
| meta.tag.sgml.doctype, entity.name.tag.doctype | #4a5568 | italic |
| entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less | #f07178 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.class.less | #f1bb39 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss, entity.other.attribute-name.id.less | #f1bb39 | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-element.css | #89ddff | — |
| support.type.property-name, support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.postcss support.type.property-name, source.stylus support.type.property-name | #82aaff | — |
| support.constant.property-value, support.constant.property-value.css | #98c379 | — |
| keyword.other.unit, keyword.other.unit.css, constant.numeric.css | #f78c6c | — |
| constant.other.color, constant.other.color.rgb-value.css, constant.other.color.rgb-value.hex.css | #f78c6c | — |
| keyword.control.at-rule, keyword.control.at-rule.media, keyword.control.at-rule.keyframes, keyword.control.at-rule.import, keyword.control.at-rule.include, keyword.control.at-rule.mixin, punctuation.definition.keyword.css, punctuation.definition.entity.css | #c792ea | — |
| keyword.other.important, keyword.other.important.css | #e06c75 | bold |
| variable.scss, variable.sass, variable.other.less, entity.name.variable.scss, punctuation.definition.variable.scss, punctuation.definition.variable.sass, punctuation.definition.variable.less | #c8d3e0 | — |
| punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, entity.name.tag.reference.scss | #89ddff | — |
| entity.name.module.js, entity.name.type.module.js, variable.other.class.js, variable.import.parameter.js | #82aaff | — |
| meta.object-literal.key, string.unquoted.label.js, constant.other.object.key.js | #a0b0c0 | — |
| meta.type.annotation, meta.return.type, meta.type.parameters, entity.name.type.ts, entity.name.type.tsx, entity.name.type.interface.ts, entity.name.type.interface.tsx | #82aaff | — |
| entity.name.tag.js, entity.name.tag.tsx, entity.name.tag.jsx | #d4909a | bold |
| support.class.component, support.class.component.tsx, support.class.component.jsx | #82aaff | — |
| entity.other.attribute-name.js, entity.other.attribute-name.tsx, entity.other.attribute-name.jsx | #f1bb39 | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx | #89ddff | — |
| storage.type.function.arrow, storage.type.function.arrow.js, storage.type.function.arrow.ts | #89ddff | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, meta.embedded.line.php punctuation.section.embedded, meta.embedded.block.php punctuation.section.embedded | #f78c6c | bold |
| keyword.control.php, keyword.control.if.php, keyword.control.else.php, keyword.control.elseif.php, keyword.control.foreach.php, keyword.control.for.php, keyword.control.while.php, keyword.control.do.php, keyword.control.switch.php, keyword.control.case.php, keyword.control.break.php, keyword.control.continue.php, keyword.control.return.php, keyword.control.try.php, keyword.control.catch.php, keyword.control.finally.php, keyword.control.throw.php, keyword.control.match.php | #c792ea | italic |
| keyword.other.php, keyword.operator.string.php | #c792ea | italic |
| storage.type.function.php, storage.type.class.php, storage.type.interface.php, storage.type.trait.php, storage.type.enum.php, storage.modifier.php | #c792ea | italic |
| entity.name.function.php, meta.function.php entity.name.function | #82cfff | — |
| entity.name.class.php, entity.name.interface.php, entity.name.trait.php, entity.name.enum.php, entity.name.type.class.php | #82aaff | — |
| entity.other.inherited-class.php, meta.class.php entity.other.inherited-class | #82aaff | italic |
| variable.other.php, variable.other.global.php, variable.other.global.safer.php, variable.other.property.php | #c8d3e0 | — |
| variable.language.this.php | #f07178 | italic |
| punctuation.definition.variable.php | #c792ea | — |
| support.function.construct.php, support.function.construct.output.php, keyword.other.echo.php | #82cfff | — |
| support.function.builtin.php, support.function.php | #82cfff | — |
| support.class.php, support.class.builtin.php | #82aaff | — |
| constant.language.php | #c792ea | — |
| constant.other.php, entity.name.constant.php | #f78c6c | — |
| entity.name.namespace.php, support.other.namespace.php, meta.use.php entity.name.namespace, support.orther.namespace.use.php, keyword.other.namespace.php, storage.type.namespace.php | #82aaff | — |
| punctuation.separator.inheritance.php, keyword.other.use.php, meta.use.php | #c792ea | italic |
| keyword.operator.class.php, punctuation.accessor.php, keyword.operator.type.php | #89ddff | — |
| keyword.operator.double-colon.php, punctuation.separator.double-colon.php | #89ddff | — |
| variable.other.php string.interpolated, meta.string-contents.quoted.double.php variable | #f07178 | — |
| keyword.other.DML.sql, keyword.other.alias.sql, keyword.other.order.sql, keyword.other.sql | #c792ea | bold |
| keyword.other.DDL.sql, keyword.other.create.sql, keyword.other.drop.sql, keyword.other.alter.sql | #e5c07b | bold |
| keyword.other.data-integrity.sql, keyword.other.not-null.sql, keyword.other.unique.sql, keyword.other.primary-key.sql, keyword.other.foreign-key.sql, keyword.other.cascade.sql, keyword.other.default.sql, keyword.other.constraint.sql, storage.modifier.sql, support.other.sql | #f1bb39 | — |
| storage.type.sql, support.type.sql | #82aaff | — |
| entity.name.table.sql, entity.name.table, variable.other.table.sql | #82cfff | — |
| entity.name.column.sql, variable.other.column.sql, source.sql variable | #e8f0f5 | — |
| keyword.operator.comparison.sql, keyword.operator.arithmetic.sql, keyword.operator.star.sql, keyword.operator.logical.sql | #89ddff | — |
| support.function.aggregate.sql, support.function.string.sql, support.function.math.sql, support.function.date.sql, support.function.sql | #82cfff | — |
| markup.heading, markup.heading.markdown, entity.name.section.markdown, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #f1bb39 | bold |
| markup.bold, markup.bold.markdown | #c8d3e0 | bold |
| markup.italic, markup.italic.markdown | #c8d3e0 | italic |
| markup.inline.raw, markup.inline.raw.string.markdown, text.html.markdown markup.inline.raw.markdown | #98c379 | — |
| markup.fenced_code.block, markup.fenced_code.block.markdown, markup.raw.block | #98c379 | — |
| variable.language.fenced.markdown, fenced_code.block.language | #f1bb39 | — |
| punctuation.definition.raw.markdown, punctuation.definition.markdown, punctuation.definition.heading.markdown | #3d5166 | — |
| markup.quote, markup.quote.markdown | #4a5568 | italic |
| markup.quote punctuation.definition.blockquote.markdown | #3d5166 | — |
| markup.underline.link, markup.underline.link.markdown, markup.underline.link.image.markdown | #f1bb39 | underline |
| string.other.link.title.markdown, string.other.link.description.title.markdown | #82aaff | — |
| constant.other.reference.link.markdown | #f1bb39 | — |
| punctuation.definition.list_item.markdown, beginning.punctuation.definition.list.markdown | #4a5568 | — |
| text.html.markdown, meta.paragraph.markdown | #7a8899 | — |
| meta.separator, meta.separator.markdown | #3d5166 | bold |
| markup.strikethrough, markup.strikethrough.markdown | #4a5568 | strikethrough |
| markup.table, markup.table.markdown | #7a8899 | — |
| markup.underline | #c8d3e0 | underline |
| url, link, uri | #f1bb39 | underline |
| token.info-token | #61afef | — |
| token.warn-token | #e5c07b | — |
| token.error-token | #e06c75 | — |
| token.debug-token | #c792ea | — |