South Australia
Publisher: Lucid LabsThemes in package: 2
A professional theme for Visual Studio Code featuring South Australia's iconic blue and red colour palette.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- actionBar.toggledBackground#01216930
- activityBar.activeBackground#E4002B15
- activityBar.activeBorder#E4002B
- activityBar.activeFocusBorder#E4002B
- activityBar.background#F5F5F5
- activityBar.border#E4002B30
- activityBar.dropBorder#E4002B
- activityBar.foreground#0A0C18
- activityBar.inactiveForeground#44444470
- activityBarBadge.background#012169
- activityBarBadge.foreground#FFFFFF
- activityBarTop.activeBackground#E4002B15
- activityBarTop.activeBorder#E4002B
- activityBarTop.background#F5F5F5
- activityBarTop.dropBorder#E4002B
- activityBarTop.foreground#0A0C18
- activityBarTop.inactiveForeground#44444470
- activityErrorBadge.background#E4002B
- activityErrorBadge.foreground#FFFFFF
- activityWarningBadge.background#B38800
- activityWarningBadge.foreground#FFFFFF
- agentSessionReadIndicator.foreground#012169
- agentSessionSelectedBadge.border#01216940
- agentSessionSelectedUnfocusedBadge.border#0A0C1840
- agentStatusIndicator.background#EBEBEB
- aiCustomizationManagement.sashBorder#012169
- badge.background#012169
- badge.foreground#FFFFFF
- banner.background#012169
- banner.foreground#FFFFFF
- banner.iconForeground#FFFFFF
- breadcrumb.activeSelectionForeground#012169
- breadcrumb.background#FFFFFF
- breadcrumb.focusForeground#0A0C18
- breadcrumb.foreground#78797E
- breadcrumbPicker.background#FFFFFF
- button.background#012169
- button.border#01216900
- button.foreground#FFFFFF
- button.hoverBackground#001550
- button.secondaryBackground#EBEBEB
- button.secondaryBorder#01216940
- button.secondaryForeground#0A0C18
- button.secondaryHoverBackground#E0E0E0
- button.separator#FFFFFF40
- charts.blue#012169
- charts.foreground#0A0C18
- charts.green#339D37
- charts.lines#78797E
- charts.orange#006A8F
- charts.purple#E4002B
- charts.red#E4002B
- charts.yellow#B38800
- chat.avatarBackground#012169
- chat.avatarForeground#FFFFFF
- chat.checkpointSeparator#01216930
- chat.editedFileForeground#012169
- chat.inputWorkingBorderColor1#012169
- chat.inputWorkingBorderColor2#001550
- chat.inputWorkingBorderColor3#012169
- chat.linesAddedForeground#339D37CC
- chat.linesRemovedForeground#E4002BCC
- chat.requestBackground#F5F5F5
- chat.requestBorder#01216930
- chat.requestBubbleBackground#F5F5F5E6
- chat.requestBubbleHoverBackground#E0E0E0E6
- chat.requestCodeBorder#01216920
- chat.slashCommandBackground#012169
- chat.slashCommandForeground#FFFFFF
- chat.thinkingShimmer#01216930
- chatManagement.sashBorder#012169
- checkbox.background#FFFFFF
- checkbox.border#01216950
- checkbox.disabled.background#F5F5F5
- checkbox.disabled.foreground#78797E
- checkbox.foreground#012169
- checkbox.selectBackground#FFFFFF
- checkbox.selectBorder#012169
- commandCenter.activeBackground#0A0C1825
- commandCenter.activeBorder#0A0C1850
- commandCenter.activeForeground#0A0C18
- commandCenter.background#0A0C1815
- commandCenter.border#0A0C1830
- commandCenter.debuggingBackground#339D3720
- commandCenter.foreground#0A0C18
- commandCenter.inactiveBorder#0A0C1815
- commandCenter.inactiveForeground#44444470
- commentsView.resolvedIcon#339D37
- commentsView.unresolvedIcon#B38800
- contrastActiveBorder#01216900
- contrastBorder#01216900
- debugConsole.errorForeground#E4002B
- debugConsole.infoForeground#5B9BD5
- debugConsole.sourceForeground#78797E
- debugConsole.warningForeground#B38800
- debugConsoleInputIcon.foreground#012169
- debugExceptionWidget.background#E4002B15
- debugExceptionWidget.border#E4002B60
- debugIcon.breakpointCurrentStackframeForeground#B38800
- debugIcon.breakpointDisabledForeground#78797E
- debugIcon.breakpointForeground#E4002B
- debugIcon.breakpointStackframeForeground#339D37
- debugIcon.breakpointUnverifiedForeground#B38800
- debugIcon.continueForeground#339D37
- debugIcon.disconnectForeground#E4002B
- debugIcon.pauseForeground#B38800
- debugIcon.restartForeground#339D37
- debugIcon.startForeground#339D37
- debugIcon.stepBackForeground#012169
- debugIcon.stepIntoForeground#012169
- debugIcon.stepOutForeground#012169
- debugIcon.stepOverForeground#012169
- debugIcon.stopForeground#E4002B
- debugTokenExpression.boolean#006A8F
- debugTokenExpression.error#E4002B
- debugTokenExpression.name#E4002B
- debugTokenExpression.number#006A8F
- debugTokenExpression.string#0A690D
- debugTokenExpression.type#E4002B
- debugTokenExpression.value#0A690D
- debugToolBar.background#FFFFFF
- debugView.exceptionLabelBackground#E4002B
- debugView.exceptionLabelForeground#FFFFFF
- debugView.stateLabelBackground#012169
- debugView.stateLabelForeground#FFFFFF
- debugView.valueChangedHighlight#01216960
- descriptionForeground#78797E
- diffEditor.border#E4002B20
- diffEditor.diagonalFill#78797E15
- diffEditor.insertedLineBackground#339D3710
- diffEditor.insertedTextBackground#339D3720
- diffEditor.insertedTextBorder#339D3750
- diffEditor.move.border#01216960
- diffEditor.moveActive.border#012169
- diffEditor.removedLineBackground#E4002B10
- diffEditor.removedTextBackground#E4002B20
- diffEditor.removedTextBorder#E4002B50
- diffEditor.unchangedCodeBackground#FFFFFF80
- diffEditor.unchangedRegionBackground#F5F5F5
- diffEditor.unchangedRegionForeground#78797E
- diffEditor.unchangedRegionShadow#0A0C1815
- diffEditorGutter.insertedLineBackground#339D3720
- diffEditorGutter.removedLineBackground#E4002B20
- diffEditorOverview.insertedForeground#339D3760
- diffEditorOverview.removedForeground#E4002B60
- disabledForeground#78797E
- dropdown.background#FFFFFF
- dropdown.border#01216950
- dropdown.foreground#0A0C18
- dropdown.listBackground#FFFFFF
- editor.background#FFFFFF
- editor.compositionBorder#012169
- editor.findMatchBackground#01216950
- editor.findMatchBorder#012169
- editor.findMatchForeground#0A0C18
- editor.findMatchHighlightBackground#01216930
- editor.findMatchHighlightBorder#01216960
- editor.findMatchHighlightForeground#0A0C18
- editor.findRangeHighlightBackground#01216915
- editor.findRangeHighlightBorder#01216900
- editor.focusedStackFrameHighlightBackground#339D3720
- editor.foldBackground#01216910
- editor.foldPlaceholderForeground#78797E
- editor.foreground#0A0C18
- editor.hoverHighlightBackground#01216915
- editor.inactiveLineHighlightBackground#F5F5F580
- editor.inactiveSelectionBackground#01216920
- editor.inlineValuesBackground#01216910
- editor.inlineValuesForeground#78797E
- editor.lineHighlightBackground#F5F5F5
- editor.lineHighlightBorder#01216910
- editor.linkedEditingBackground#01216920
- editor.placeholder.foreground#78797E
- editor.rangeHighlightBackground#01216910
- editor.rangeHighlightBorder#01216900
- editor.selectionBackground#01216930
- editor.selectionForeground#0A0C18
- editor.selectionHighlightBackground#01216920
- editor.selectionHighlightBorder#01216940
- editor.stackFrameHighlightBackground#B3880020
- editor.symbolHighlightBackground#01216920
- editor.symbolHighlightBorder#01216940
- editor.wordHighlightBackground#01216920
- editor.wordHighlightBorder#01216940
- editor.wordHighlightStrongBackground#01216930
- editor.wordHighlightStrongBorder#01216960
- editor.wordHighlightTextBackground#01216915
- editor.wordHighlightTextBorder#01216930
- editorActionList.background#FFFFFF
- editorActionList.focusBackground#01216930
- editorActionList.focusForeground#0A0C18
- editorActionList.foreground#0A0C18
- editorBracketHighlight.foreground1#012169
- editorBracketHighlight.foreground2#E4002B
- editorBracketHighlight.foreground3#B38800
- editorBracketHighlight.foreground4#0A690D
- editorBracketHighlight.foreground5#5B9BD5
- editorBracketHighlight.foreground6#006A8F
- editorBracketHighlight.unexpectedBracket.foreground#E4002B
- editorBracketMatch.border#01216960
- editorBracketMatch.foreground#012169
- editorBracketPairGuide.activeBackground1#01216980
- editorBracketPairGuide.activeBackground2#E4002B80
- editorBracketPairGuide.activeBackground3#B3880080
- editorBracketPairGuide.activeBackground4#0A690D80
- editorBracketPairGuide.activeBackground5#5B9BD580
- editorBracketPairGuide.activeBackground6#006A8F80
- editorBracketPairGuide.background1#01216940
- editorBracketPairGuide.background2#E4002B40
- editorBracketPairGuide.background3#B3880040
- editorBracketPairGuide.background4#0A690D40
- editorBracketPairGuide.background5#5B9BD540
- editorBracketPairGuide.background6#006A8F40
- editorCodeLens.foreground#78797E
- editorCommentsWidget.rangeActiveBackground#01216915
- editorCommentsWidget.rangeBackground#01216908
- editorCommentsWidget.replyInputBackground#FFFFFF
- editorCommentsWidget.resolvedBorder#339D3750
- editorCommentsWidget.unresolvedBorder#B38800
- editorCursor.background#FFFFFF
- editorCursor.foreground#012169
- editorError.background#E4002B10
- editorError.border#E4002B00
- editorError.foreground#E4002B
- editorGhostText.background#01216900
- editorGhostText.border#01216900
- editorGhostText.foreground#0A0C1866
- editorGroup.border#E4002B20
- editorGroup.dropBackground#01216920
- editorGroup.dropIntoPromptBackground#FFFFFF
- editorGroup.dropIntoPromptBorder#01216950
- editorGroup.dropIntoPromptForeground#0A0C18
- editorGroup.emptyBackground#FFFFFF
- editorGroup.focusedEmptyBorder#01216940
- editorGroupHeader.border#E4002B15
- editorGroupHeader.noTabsBackground#FFFFFF
- editorGroupHeader.tabsBackground#F5F5F5
- editorGroupHeader.tabsBorder#E4002B20
- editorGutter.addedBackground#339D37
- editorGutter.addedSecondaryBackground#339D3760
- editorGutter.background#FFFFFF
- editorGutter.commentDraftGlyphForeground#01216980
- editorGutter.commentGlyphForeground#012169
- editorGutter.commentRangeForeground#78797E40
- editorGutter.commentUnresolvedGlyphForeground#B38800
- editorGutter.deletedBackground#E4002B
- editorGutter.deletedSecondaryBackground#E4002B60
- editorGutter.foldingControlForeground#78797E
- editorGutter.itemBackground#FFFFFF
- editorGutter.itemGlyphForeground#012169
- editorGutter.modifiedBackground#012169
- editorGutter.modifiedSecondaryBackground#01216960
- editorHint.border#339D3700
- editorHint.foreground#339D37
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#01216950
- editorHoverWidget.foreground#0A0C18
- editorHoverWidget.highlightForeground#012169
- editorHoverWidget.statusBarBackground#F5F5F5
- editorIndentGuide.activeBackground1#012169
- editorIndentGuide.activeBackground2#E4002B
- editorIndentGuide.activeBackground3#B38800
- editorIndentGuide.activeBackground4#0A690D
- editorIndentGuide.activeBackground5#5B9BD5
- editorIndentGuide.activeBackground6#006A8F
- editorIndentGuide.background1#01216920
- editorIndentGuide.background2#E4002B20
- editorIndentGuide.background3#B3880020
- editorIndentGuide.background4#0A690D20
- editorIndentGuide.background5#5B9BD520
- editorIndentGuide.background6#006A8F20
- editorInfo.background#5B9BD510
- editorInfo.border#5B9BD500
- editorInfo.foreground#5B9BD5
- editorInlayHint.background#F5F5F5
- editorInlayHint.foreground#44444470
- editorInlayHint.parameterBackground#F5F5F5
- editorInlayHint.parameterForeground#44444470
- editorInlayHint.typeBackground#F5F5F5
- editorInlayHint.typeForeground#0A0C18
- editorLightBulb.foreground#B38800
- editorLightBulbAi.foreground#012169
- editorLightBulbAutoFix.foreground#339D37
- editorLineNumber.activeForeground#012169
- editorLineNumber.dimmedForeground#78797E50
- editorLineNumber.foreground#E4002B
- editorLink.activeForeground#012169
- editorMarkerNavigation.background#FFFFFF
- editorMarkerNavigationError.background#E4002B20
- editorMarkerNavigationError.headerBackground#E4002B15
- editorMarkerNavigationInfo.background#5B9BD520
- editorMarkerNavigationInfo.headerBackground#5B9BD515
- editorMarkerNavigationWarning.background#B3880020
- editorMarkerNavigationWarning.headerBackground#B3880015
- editorMinimap.inlineChatInserted#339D3730
- editorMinimap.inlineChatRemoved#E4002B30
- editorMultiCursor.primary.background#FFFFFF
- editorMultiCursor.primary.foreground#012169
- editorMultiCursor.secondary.background#FFFFFF
- editorMultiCursor.secondary.foreground#E4002B
- editorOverviewRuler.addedForeground#339D37
- editorOverviewRuler.background#FFFFFF
- editorOverviewRuler.border#01216920
- editorOverviewRuler.bracketMatchForeground#01216960
- editorOverviewRuler.commentDraftForeground#01216950
- editorOverviewRuler.commentForeground#01216930
- editorOverviewRuler.commentUnresolvedForeground#B3880060
- editorOverviewRuler.commonContentForeground#78797E40
- editorOverviewRuler.currentContentForeground#339D3760
- editorOverviewRuler.deletedForeground#E4002B
- editorOverviewRuler.errorForeground#E4002B
- editorOverviewRuler.findMatchForeground#012169CC
- editorOverviewRuler.incomingContentForeground#01216960
- editorOverviewRuler.infoForeground#5B9BD5
- editorOverviewRuler.inlineChatInserted#339D3760
- editorOverviewRuler.inlineChatRemoved#E4002B60
- editorOverviewRuler.modifiedForeground#012169
- editorOverviewRuler.rangeHighlightForeground#01216999
- editorOverviewRuler.selectionHighlightForeground#01216999
- editorOverviewRuler.warningForeground#B38800
- editorOverviewRuler.wordHighlightForeground#01216999
- editorOverviewRuler.wordHighlightStrongForeground#012169CC
- editorOverviewRuler.wordHighlightTextForeground#01216960
- editorPane.background#FFFFFF
- editorRuler.foreground#E0E0E030
- editorSnippetFinalTabstopHighlightBackground#339D3720
- editorSnippetFinalTabstopHighlightBorder#339D3700
- editorSnippetTabstopHighlightBackground#01216920
- editorSnippetTabstopHighlightBorder#01216900
- editorStickyScroll.background#F5F5F5
- editorStickyScroll.border#E4002B15
- editorStickyScroll.shadow#0A0C1815
- editorStickyScrollGutter.background#F5F5F5
- editorStickyScrollHover.background#E0E0E0
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#01216950
- editorSuggestWidget.focusHighlightForeground#012169
- editorSuggestWidget.foreground#0A0C18
- editorSuggestWidget.highlightForeground#012169
- editorSuggestWidget.selectedBackground#01216950
- editorSuggestWidget.selectedForeground#0A0C18
- editorSuggestWidget.selectedIconForeground#0A0C18
- editorSuggestWidgetStatus.foreground#78797E
- editorUnicodeHighlight.background#B3880015
- editorUnicodeHighlight.border#B38800
- editorUnnecessaryCode.border#78797E40
- editorUnnecessaryCode.opacity#00000077
- editorWarning.background#B3880010
- editorWarning.border#B3880000
- editorWarning.foreground#B38800
- editorWhitespace.foreground#E0E0E050
- editorWidget.background#FFFFFF
- editorWidget.border#01216950
- editorWidget.foreground#0A0C18
- editorWidget.resizeBorder#012169
- errorForeground#E4002B
- extensionBadge.remoteBackground#012169
- extensionBadge.remoteForeground#FFFFFF
- extensionButton.background#012169
- extensionButton.border#01216900
- extensionButton.foreground#FFFFFF
- extensionButton.hoverBackground#001550
- extensionButton.prominentBackground#012169
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#001550
- extensionButton.separator#FFFFFF40
- extensionIcon.preReleaseForeground#012169
- extensionIcon.privateForeground#78797E
- extensionIcon.sponsorForeground#E4002B
- extensionIcon.starForeground#B38800
- extensionIcon.verifiedForeground#339D37
- focusBorder#012169
- foreground#0A0C18
- gauge.background#FFFFFF
- gauge.border#01216920
- gauge.errorBackground#E4002B20
- gauge.errorForeground#E4002B
- gauge.foreground#0A0C18
- gauge.warningBackground#B3880020
- gauge.warningForeground#B38800
- git.blame.editorDecorationForeground#78797E80
- gitDecoration.addedResourceForeground#339D37
- gitDecoration.conflictingResourceForeground#B38800
- gitDecoration.deletedResourceForeground#E4002B
- gitDecoration.ignoredResourceForeground#78797E
- gitDecoration.modifiedResourceForeground#012169
- gitDecoration.renamedResourceForeground#012169
- gitDecoration.stageDeletedResourceForeground#E4002BCC
- gitDecoration.stageModifiedResourceForeground#012169CC
- gitDecoration.submoduleResourceForeground#006A8F
- gitDecoration.untrackedResourceForeground#339D37
- icon.foreground#012169
- inlineChat.background#F5F5F5
- inlineChat.border#01216930
- inlineChat.foreground#0A0C18
- inlineChat.shadow#0A0C1820
- inlineChatDiff.inserted#339D3720
- inlineChatDiff.removed#E4002B15
- inlineChatInput.background#FFFFFF
- inlineChatInput.border#01216950
- inlineChatInput.focusBorder#012169
- inlineChatInput.placeholderForeground#44444470
- inlineEdit.gutterIndicator.background#FFFFFF
- inlineEdit.gutterIndicator.primaryBackground#01216915
- inlineEdit.gutterIndicator.primaryBorder#012169
- inlineEdit.gutterIndicator.primaryForeground#012169
- inlineEdit.gutterIndicator.secondaryBackground#E4002B15
- inlineEdit.gutterIndicator.secondaryBorder#E4002B
- inlineEdit.gutterIndicator.secondaryForeground#E4002B
- inlineEdit.gutterIndicator.successfulBackground#339D3715
- inlineEdit.gutterIndicator.successfulBorder#339D37
- inlineEdit.gutterIndicator.successfulForeground#339D37
- inlineEdit.modifiedBackground#01216910
- inlineEdit.modifiedBorder#01216940
- inlineEdit.modifiedChangedLineBackground#01216915
- inlineEdit.modifiedChangedTextBackground#01216925
- inlineEdit.originalBackground#E4002B08
- inlineEdit.originalBorder#E4002B25
- inlineEdit.originalChangedLineBackground#E4002B10
- inlineEdit.originalChangedTextBackground#E4002B20
- inlineEdit.tabWillAcceptModifiedBorder#339D3760
- inlineEdit.tabWillAcceptOriginalBorder#E4002B40
- input.background#FFFFFF
- input.border#01216950
- input.foreground#0A0C18
- input.placeholderForeground#78797E
- inputOption.activeBackground#01216930
- inputOption.activeBorder#012169
- inputOption.activeForeground#0A0C18
- inputOption.hoverBackground#01216915
- inputValidation.errorBackground#E4002B15
- inputValidation.errorBorder#E4002B
- inputValidation.errorForeground#E4002B
- inputValidation.infoBackground#5B9BD515
- inputValidation.infoBorder#5B9BD5
- inputValidation.infoForeground#5B9BD5
- inputValidation.warningBackground#B3880015
- inputValidation.warningBorder#B38800
- inputValidation.warningForeground#B38800
- interactive.activeCodeBorder#012169
- interactive.inactiveCodeBorder#01216920
- keybindingLabel.background#01216915
- keybindingLabel.border#01216930
- keybindingLabel.bottomBorder#01216950
- keybindingLabel.foreground#0A0C18
- keybindingTable.headerBackground#F5F5F5
- keybindingTable.rowsBackground#F5F5F580
- list.activeSelectionBackground#01216940
- list.activeSelectionForeground#FFFFFF
- list.activeSelectionIconForeground#FFFFFF
- list.deemphasizedForeground#78797E
- list.dropBackground#01216920
- list.dropBetweenBackground#012169
- list.errorForeground#E4002B
- list.filterMatchBorder#01216960
- list.focusAndSelectionOutline#012169
- list.focusBackground#01216930
- list.focusForeground#0A0C18
- list.focusHighlightForeground#012169
- list.focusOutline#01216960
- list.highlightForeground#012169
- list.hoverBackground#01216915
- list.hoverForeground#0A0C18
- list.inactiveFocusBackground#01216915
- list.inactiveFocusOutline#01216940
- list.inactiveSelectionBackground#01216920
- list.inactiveSelectionForeground#0A0C18
- list.inactiveSelectionIconForeground#0A0C18
- list.invalidItemForeground#E4002B
- list.warningForeground#B38800
- listFilterWidget.background#FFFFFF
- listFilterWidget.noMatchesOutline#E4002B
- listFilterWidget.outline#012169
- listFilterWidget.shadow#0A0C1830
- markdownAlert.caution.foreground#E4002B
- markdownAlert.important.foreground#E4002B
- markdownAlert.note.foreground#5B9BD5
- markdownAlert.tip.foreground#339D37
- markdownAlert.warning.foreground#B38800
- mcpIcon.starForeground#B38800
- menu.background#FFFFFF
- menu.border#01216930
- menu.foreground#0A0C18
- menu.selectionBackground#01216930
- menu.selectionBorder#01216900
- menu.selectionForeground#0A0C18
- menu.separatorBackground#01216920
- menubar.selectionBackground#01216930
- menubar.selectionBorder#01216900
- menubar.selectionForeground#0A0C18
- merge.border#01216950
- merge.commonContentBackground#78797E15
- merge.commonHeaderBackground#78797E30
- merge.currentContentBackground#339D3720
- merge.currentHeaderBackground#339D3750
- merge.incomingContentBackground#01216920
- merge.incomingHeaderBackground#01216950
- mergeEditor.change.background#01216915
- mergeEditor.change.word.background#01216930
- mergeEditor.changeBase.background#78797E10
- mergeEditor.changeBase.word.background#78797E20
- mergeEditor.conflict.handled.minimapOverViewRuler#339D37
- mergeEditor.conflict.handledFocused.border#339D37
- mergeEditor.conflict.handledUnfocused.border#339D3740
- mergeEditor.conflict.input1.background#339D3715
- mergeEditor.conflict.input2.background#01216915
- mergeEditor.conflict.unhandled.minimapOverViewRuler#B38800
- mergeEditor.conflict.unhandledFocused.border#B38800
- mergeEditor.conflict.unhandledUnfocused.border#B3880060
- mergeEditor.conflictingLines.background#B3880015
- minimap.background#FFFFFF
- minimap.chatEditHighlight#01216930
- minimap.errorHighlight#E4002B
- minimap.findMatchHighlight#01216980
- minimap.foregroundOpacity#000000FF
- minimap.infoHighlight#5B9BD5
- minimap.selectionHighlight#01216950
- minimap.selectionOccurrenceHighlight#01216930
- minimap.warningHighlight#B38800
- minimapGutter.addedBackground#339D37
- minimapGutter.deletedBackground#E4002B
- minimapGutter.modifiedBackground#012169
- minimapSlider.activeBackground#01216970
- minimapSlider.background#01216930
- minimapSlider.hoverBackground#01216950
- multiDiffEditor.background#FFFFFF
- multiDiffEditor.border#E4002B20
- multiDiffEditor.headerBackground#F5F5F5
- notebook.cellBorderColor#E4002B20
- notebook.cellEditorBackground#FFFFFF
- notebook.cellHoverBackground#E0E0E0
- notebook.cellInsertionIndicator#012169
- notebook.cellStatusBarItemHoverBackground#01216920
- notebook.cellToolbarSeparator#E4002B15
- notebook.editorBackground#FFFFFF
- notebook.focusedCellBackground#F5F5F5
- notebook.focusedCellBorder#012169
- notebook.focusedEditorBorder#012169
- notebook.inactiveFocusedCellBorder#01216940
- notebook.inactiveSelectedCellBorder#01216920
- notebook.outputContainerBackgroundColor#F5F5F5
- notebook.outputContainerBorderColor#E4002B15
- notebook.selectedCellBackground#01216915
- notebook.selectedCellBorder#01216960
- notebook.symbolHighlightBackground#01216920
- notebookEditorOverviewRuler.runningCellForeground#012169
- notebookScrollbarSlider.activeBackground#01216970
- notebookScrollbarSlider.background#01216930
- notebookScrollbarSlider.hoverBackground#01216950
- notebookStatusErrorIcon.foreground#E4002B
- notebookStatusRunningIcon.foreground#012169
- notebookStatusSuccessIcon.foreground#339D37
- notificationCenter.border#01216920
- notificationCenterHeader.background#F5F5F5
- notificationCenterHeader.foreground#0A0C18
- notificationLink.foreground#012169
- notifications.background#FFFFFF
- notifications.border#01216920
- notifications.foreground#0A0C18
- notificationsErrorIcon.foreground#E4002B
- notificationsInfoIcon.foreground#5B9BD5
- notificationsWarningIcon.foreground#B38800
- notificationToast.border#01216920
- outputView.background#F5F5F5
- outputViewStickyScroll.background#F5F5F5
- panel.background#F5F5F5
- panel.border#E4002B20
- panel.dropBorder#E4002B
- panelInput.border#01216950
- panelSection.border#E4002B20
- panelSection.dropBackground#01216920
- panelSectionHeader.background#E4002B15
- panelSectionHeader.border#E4002B20
- panelSectionHeader.foreground#001550
- panelStickyScroll.background#F5F5F5
- panelStickyScroll.border#E4002B15
- panelStickyScroll.shadow#0A0C1815
- panelTitle.activeBorder#E4002B
- panelTitle.activeForeground#E4002B
- panelTitle.border#E4002B15
- panelTitle.inactiveForeground#44444460
- panelTitleBadge.background#012169
- panelTitleBadge.foreground#FFFFFF
- peekView.border#012169
- peekViewEditor.background#161928
- peekViewEditor.matchHighlightBackground#01216950
- peekViewEditor.matchHighlightBorder#01216980
- peekViewEditorGutter.background#161928
- peekViewEditorStickyScroll.background#161928
- peekViewEditorStickyScrollGutter.background#161928
- peekViewResult.background#0A0C18
- peekViewResult.fileForeground#FFFFFF
- peekViewResult.lineForeground#A8B4D0
- peekViewResult.matchHighlightBackground#01216950
- peekViewResult.selectionBackground#01216950
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#050710
- peekViewTitleDescription.foreground#A8B4D0
- peekViewTitleLabel.foreground#012169
- pickerGroup.border#01216920
- pickerGroup.foreground#012169
- ports.iconRunningProcessForeground#339D37
- problemsErrorIcon.foreground#E4002B
- problemsInfoIcon.foreground#5B9BD5
- problemsWarningIcon.foreground#B38800
- profileBadge.background#012169
- profileBadge.foreground#FFFFFF
- profiles.sashBorder#012169
- progressBar.background#012169
- quickInput.background#FFFFFF
- quickInput.border#01216925
- quickInput.foreground#0A0C18
- quickInputList.focusBackground#01216930
- quickInputList.focusForeground#0A0C18
- quickInputList.focusIconForeground#0A0C18
- quickInputList.hoverBackground#E0E0E0
- quickInputTitle.background#F5F5F5
- radio.activeBackground#012169
- radio.activeBorder#012169
- radio.activeForeground#FFFFFF
- radio.inactiveBackground#FFFFFF
- radio.inactiveBorder#01216940
- radio.inactiveForeground#0A0C18
- radio.inactiveHoverBackground#E0E0E0
- sash.hoverBorder#012169
- scmGraph.foreground1#012169
- scmGraph.foreground2#E4002B
- scmGraph.foreground3#0A690D
- scmGraph.foreground4#B38800
- scmGraph.foreground5#339D37
- scmGraph.historyItemBaseRefColor#0A690D
- scmGraph.historyItemHoverAdditionsForeground#339D37
- scmGraph.historyItemHoverDeletionsForeground#E4002B
- scmGraph.historyItemHoverLabelForeground#0A0C18
- scmGraph.historyItemRefColor#012169
- scmGraph.historyItemRemoteRefColor#E4002B
- scrollbar.background#FFFFFF00
- scrollbar.shadow#0A0C1850
- scrollbarSlider.activeBackground#01216970
- scrollbarSlider.background#01216930
- scrollbarSlider.hoverBackground#01216950
- search.resultsInfoForeground#78797E
- searchEditor.findMatchBackground#01216930
- searchEditor.findMatchBorder#01216960
- searchEditor.textInputBorder#01216950
- selection.background#01216950
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#01216950
- settings.checkboxForeground#012169
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#01216950
- settings.dropdownForeground#0A0C18
- settings.dropdownListBorder#01216920
- settings.focusedRowBackground#01216910
- settings.focusedRowBorder#01216930
- settings.headerBorder#E4002B15
- settings.headerForeground#0A0C18
- settings.modifiedItemIndicator#012169
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#01216950
- settings.numberInputForeground#0A0C18
- settings.rowHoverBackground#01216910
- settings.sashBorder#012169
- settings.settingsHeaderHoverForeground#012169
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#01216950
- settings.textInputForeground#0A0C18
- sideBar.background#F5F5F5
- sideBar.border#E4002B30
- sideBar.dropBackground#01216920
- sideBar.foreground#0A0C18
- sideBarActivityBarTop.border#E4002B20
- sideBarSectionHeader.background#E4002B15
- sideBarSectionHeader.border#E4002B20
- sideBarSectionHeader.foreground#001550
- sideBarStickyScroll.background#F5F5F5
- sideBarStickyScroll.border#E4002B15
- sideBarStickyScroll.shadow#0A0C1815
- sideBarTitle.background#F5F5F5
- sideBarTitle.border#E4002B15
- sideBarTitle.foreground#E4002B
- sideBySideEditor.horizontalBorder#E4002B20
- sideBySideEditor.verticalBorder#E4002B20
- simpleFindWidget.sashBorder#012169
- statusBar.background#012169
- statusBar.border#001550
- statusBar.debuggingBackground#339D37
- statusBar.debuggingBorder#339D37CC
- statusBar.debuggingForeground#FFFFFF
- statusBar.focusBorder#012169
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#001550
- statusBar.noFolderBorder#001550
- statusBar.noFolderForeground#FFFFFF
- statusBarItem.activeBackground#00155080
- statusBarItem.compactHoverBackground#00155060
- statusBarItem.errorBackground#E4002B
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.errorHoverBackground#E4002BCC
- statusBarItem.errorHoverForeground#FFFFFF
- statusBarItem.focusBorder#012169
- statusBarItem.hoverBackground#00155080
- statusBarItem.hoverForeground#FFFFFF
- statusBarItem.offlineBackground#78797E
- statusBarItem.offlineForeground#FFFFFF
- statusBarItem.offlineHoverBackground#78797ECC
- statusBarItem.offlineHoverForeground#FFFFFF
- statusBarItem.prominentBackground#012169
- statusBarItem.prominentForeground#FFFFFF
- statusBarItem.prominentHoverBackground#001550
- statusBarItem.prominentHoverForeground#FFFFFF
- statusBarItem.remoteBackground#012169
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.remoteHoverBackground#012169CC
- statusBarItem.remoteHoverForeground#FFFFFF
- statusBarItem.warningBackground#B38800
- statusBarItem.warningForeground#FFFFFF
- statusBarItem.warningHoverBackground#B38800CC
- statusBarItem.warningHoverForeground#FFFFFF
- symbolIcon.arrayForeground#006A8F
- symbolIcon.booleanForeground#006A8F
- symbolIcon.classForeground#E4002B
- symbolIcon.colorForeground#012169
- symbolIcon.constantForeground#006A8F
- symbolIcon.constructorForeground#012169
- symbolIcon.enumeratorForeground#E4002B
- symbolIcon.enumeratorMemberForeground#006A8F
- symbolIcon.eventForeground#B38800
- symbolIcon.fieldForeground#012169
- symbolIcon.fileForeground#78797E
- symbolIcon.folderForeground#012169
- symbolIcon.functionForeground#012169
- symbolIcon.interfaceForeground#E4002B
- symbolIcon.keyForeground#012169
- symbolIcon.keywordForeground#E4002B
- symbolIcon.methodForeground#012169
- symbolIcon.moduleForeground#012169
- symbolIcon.namespaceForeground#012169
- symbolIcon.nullForeground#78797E
- symbolIcon.numberForeground#006A8F
- symbolIcon.objectForeground#012169
- symbolIcon.operatorForeground#012169
- symbolIcon.packageForeground#012169
- symbolIcon.propertyForeground#0A0C18
- symbolIcon.referenceForeground#012169
- symbolIcon.snippetForeground#0A690D
- symbolIcon.stringForeground#0A690D
- symbolIcon.structForeground#E4002B
- symbolIcon.textForeground#0A0C18
- symbolIcon.typeParameterForeground#E4002B
- symbolIcon.unitForeground#006A8F
- symbolIcon.variableForeground#0A0C18
- tab.activeBackground#FFFFFF
- tab.activeBorder#E4002B
- tab.activeBorderTop#E4002B00
- tab.activeForeground#0A0C18
- tab.activeModifiedBorder#012169
- tab.border#E4002B20
- tab.dragAndDropBorder#E4002B
- tab.hoverBackground#F5F5F5
- tab.hoverBorder#E4002B40
- tab.hoverForeground#0A0C18
- tab.inactiveBackground#F5F5F5
- tab.inactiveForeground#44444470
- tab.inactiveModifiedBorder#01216960
- tab.lastPinnedBorder#E4002B30
- tab.selectedBackground#FFFFFF
- tab.selectedBorderTop#E4002B
- tab.selectedForeground#0A0C18
- tab.unfocusedActiveBackground#FFFFFF
- tab.unfocusedActiveBorder#E4002B60
- tab.unfocusedActiveBorderTop#E4002B00
- tab.unfocusedActiveForeground#0A0C18CC
- tab.unfocusedActiveModifiedBorder#012169CC
- tab.unfocusedHoverBackground#F5F5F5
- tab.unfocusedHoverBorder#E4002B30
- tab.unfocusedHoverForeground#0A0C18CC
- tab.unfocusedInactiveBackground#F5F5F5
- tab.unfocusedInactiveForeground#44444450
- tab.unfocusedInactiveModifiedBorder#01216950
- terminal.ansiBlack#0A0C18
- terminal.ansiBlue#012169
- terminal.ansiBrightBlack#78797E
- terminal.ansiBrightBlue#001550
- terminal.ansiBrightCyan#5B9BD5
- terminal.ansiBrightGreen#339D37
- terminal.ansiBrightMagenta#5A1222
- terminal.ansiBrightRed#8A1220
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFCC2C
- terminal.ansiCyan#006A8F
- terminal.ansiGreen#0A690D
- terminal.ansiMagenta#8B1A4A
- terminal.ansiRed#E4002B
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#B38800
- terminal.background#FFFFFF
- terminal.border#E4002B20
- terminal.dropBackground#01216920
- terminal.findMatchBackground#01216960
- terminal.findMatchBorder#012169
- terminal.findMatchHighlightBackground#01216940
- terminal.findMatchHighlightBorder#01216980
- terminal.foreground#0A0C18
- terminal.hoverHighlightBackground#01216920
- terminal.inactiveSelectionBackground#01216920
- terminal.initialHintForeground#78797E
- terminal.selectionBackground#01216940
- terminal.selectionForeground#0A0C18
- terminal.tab.activeBorder#E4002B
- terminalCommandDecoration.defaultBackground#01216940
- terminalCommandDecoration.errorBackground#E4002B60
- terminalCommandDecoration.successBackground#339D3760
- terminalCommandGuide.foreground#01216920
- terminalCursor.background#FFFFFF
- terminalCursor.foreground#012169
- terminalOverviewRuler.border#E4002B20
- terminalOverviewRuler.cursorForeground#012169
- terminalOverviewRuler.findMatchForeground#012169CC
- terminalStickyScroll.background#F5F5F5
- terminalStickyScroll.border#E4002B15
- terminalStickyScrollHover.background#E0E0E0
- terminalSymbolIcon.aliasForeground#012169
- terminalSymbolIcon.argumentForeground#006A8F
- terminalSymbolIcon.branchForeground#339D37
- terminalSymbolIcon.commitForeground#012169
- terminalSymbolIcon.fileForeground#78797E
- terminalSymbolIcon.flagForeground#B38800
- terminalSymbolIcon.folderForeground#012169
- terminalSymbolIcon.inlineSuggestionForeground#78797E
- terminalSymbolIcon.methodForeground#012169
- terminalSymbolIcon.optionForeground#0A0C18
- terminalSymbolIcon.optionValueForeground#0A690D
- terminalSymbolIcon.pullRequestDoneForeground#339D37
- terminalSymbolIcon.pullRequestForeground#012169
- terminalSymbolIcon.remoteForeground#E4002B
- terminalSymbolIcon.stashForeground#012169
- terminalSymbolIcon.symbolicLinkFileForeground#01216980
- terminalSymbolIcon.symbolicLinkFolderForeground#01216980
- terminalSymbolIcon.symbolText#0A0C18
- terminalSymbolIcon.tagForeground#E4002B
- testing.coverCountBadgeBackground#012169
- testing.coverCountBadgeForeground#FFFFFF
- testing.coveredBackground#339D3710
- testing.coveredBorder#339D3730
- testing.coveredGutterBackground#339D3740
- testing.iconErrored#E4002B
- testing.iconErrored.retired#E4002B50
- testing.iconFailed#E4002B
- testing.iconFailed.retired#E4002B50
- testing.iconPassed#339D37
- testing.iconPassed.retired#339D3750
- testing.iconQueued#B38800
- testing.iconQueued.retired#B3880050
- testing.iconSkipped#78797E
- testing.iconSkipped.retired#78797E50
- testing.iconUnset#78797E
- testing.iconUnset.retired#78797E50
- testing.message.error.badgeBackground#E4002B
- testing.message.error.badgeBorder#E4002B60
- testing.message.error.badgeForeground#FFFFFF
- testing.message.error.lineBackground#E4002B10
- testing.message.info.decorationForeground#5B9BD5
- testing.message.info.lineBackground#5B9BD510
- testing.messagePeekBorder#5B9BD5
- testing.messagePeekHeaderBackground#5B9BD515
- testing.peekBorder#E4002B
- testing.peekHeaderBackground#E4002B15
- testing.runAction#339D37
- testing.uncoveredBackground#E4002B10
- testing.uncoveredBorder#E4002B30
- testing.uncoveredBranchBackground#E4002B20
- testing.uncoveredGutterBackground#E4002B40
- textBlockQuote.background#F5F5F5
- textBlockQuote.border#01216960
- textCodeBlock.background#F5F5F5
- textLink.activeForeground#012169
- textLink.foreground#012169
- textPreformat.background#F5F5F5
- textPreformat.border#01216920
- textPreformat.foreground#0A690D
- textSeparator.foreground#01216920
- titleBar.activeBackground#F5F5F5
- titleBar.activeForeground#0A0C18
- titleBar.border#E4002B30
- titleBar.inactiveBackground#F5F5F5
- titleBar.inactiveForeground#44444470
- toolbar.activeBackground#01216930
- toolbar.hoverBackground#01216920
- toolbar.hoverOutline#01216900
- tree.inactiveIndentGuidesStroke#E4002B15
- tree.indentGuidesStroke#E4002B30
- tree.tableColumnsBorder#E4002B15
- tree.tableOddRowsBackground#F5F5F580
- walkThrough.embeddedEditorBackground#F5F5F5
- walkthrough.stepTitle.foreground#0A0C18
- welcomePage.background#FFFFFF
- welcomePage.progress.background#F5F5F5
- welcomePage.progress.foreground#012169
- welcomePage.tileBackground#F5F5F5
- welcomePage.tileBorder#E4002B15
- welcomePage.tileHoverBackground#E0E0E0
- widget.border#01216920
- widget.shadow#0A0C1830
- window.activeBorder#01216900
- window.inactiveBorder#01216900
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6E6F74 | italic |
| variable, string constant.other.placeholder | #0A0C18 | — |
| constant.other.color | #012169 | — |
| invalid, invalid.illegal | #E4002B | — |
| keyword, storage.type, storage.modifier | #E4002B | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #012169 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #E4002B | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #012169 | — |
| meta.block variable.other | #0A0C18 | — |
| support.other.variable, string.other.link | #0A0C18 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #006A8F | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #0A690D | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #012169 | — |
| support.type | #E4002B | — |
| 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.stylus support.type.property-name, source.postcss support.type.property-name | #012169 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #0A0C18 | — |
| variable.language | #E4002B | italic |
| entity.name.method.js | #012169 | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #012169 | — |
| entity.other.attribute-name | #E4002B | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #012169 | italic |
| entity.other.attribute-name.class | #012169 | — |
| source.sass keyword.control | #012169 | — |
| markup.inserted | #339D37 | — |
| markup.deleted | #E4002B | — |
| markup.changed | #012169 | — |
| string.regexp | #0A690D | — |
| constant.character.escape | #0A690D | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #012169 | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #0A0C18 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #012169 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #E4002B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #0A690D | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #006A8F | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #0A0C18 | — |
| text.html.markdown markup.inline.raw.markdown | #E4002B | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #012169 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #012169 | — |
| markup.italic | #E4002B | italic |
| markup.bold, markup.bold string | #E4002B | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #E4002B | bold |
| markup.underline | #0A690D | underline |
| markup.quote punctuation.definition.blockquote.markdown | #5B9BD5 | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #012169 | — |
| string.other.link.description.title.markdown | #E4002B | — |
| constant.other.reference.link.markdown | #0A690D | — |
| markup.raw.block | #E4002B | — |
| markup.raw.block.fenced.markdown | #0A0C18 | — |
| punctuation.definition.fenced.markdown | #0A0C18 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #0A0C18 | — |
| variable.language.fenced.markdown | #012169 | — |
| meta.separator | #012169 | bold |
| markup.table | #0A0C18 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...