Taiga Theme
Publisher: Josh DalesThemes in package: 4
A theme for VSCode theme - with light and dark modes
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#98BFFE
- activityBar.activeBackground#E5EFFF
- activityBar.activeBorder#01030E
- activityBar.activeFocusBorder#01030E
- activityBar.background#E5EFFF
- activityBar.border#E5EFFF
- activityBar.dropBorder#5A6377
- activityBar.foreground#2D3547
- activityBar.inactiveForeground#5A6377
- activityBarBadge.background#00681b
- activityBarBadge.foreground#2D3547
- activityBarTop.activeBackground#E5EFFF
- activityBarTop.activeBorder#2D3547
- activityBarTop.background#E5EFFF
- activityBarTop.dropBorder#5A6377
- activityBarTop.foreground#2D3547
- activityBarTop.inactiveForeground#5A6377
- activityErrorBadge.background#FF6551
- activityErrorBadge.foreground#BA0D01
- activityWarningBadge.background#CD9200
- activityWarningBadge.foreground#825B00
- badge.background#00681b
- badge.foreground#2D3547
- banner.background#5C80BC
- banner.foreground#01030E
- banner.iconForeground#1762B6
- breadcrumb.activeSelectionForeground#01030E
- breadcrumb.background#98BFFE
- breadcrumb.focusForeground#01030E
- breadcrumb.foreground#2D3547
- breadcrumbPicker.background#98BFFE
- button.background#98BFFE
- button.border#98BFFE
- button.foreground#01030E
- button.hoverBackground#7A9FDD
- button.secondaryBackground#7A9FDD
- button.secondaryForeground#01030E
- button.secondaryHoverBackground#5C80BC
- button.separator#7A9FDD
- chart.axis#2D3547
- chart.guide#A4AEC4
- chart.line#01030E
- charts.blue#1762B6
- charts.foreground#01030E
- charts.green#007742
- charts.lines#5A6377
- charts.orange#F97000
- charts.purple#773CBF
- charts.red#BA0D01
- charts.yellow#5F4200
- checkbox.background#98BFFE
- checkbox.border#E5EFFF
- checkbox.disabled.background#E5EFFF
- checkbox.disabled.foreground#A4AEC4
- checkbox.foreground#01030E
- checkbox.selectBackground#7A9FDD
- checkbox.selectBorder#7A9FDD
- commandCenter.activeBackground#98BFFE
- commandCenter.activeBorder#98BFFE
- commandCenter.activeForeground#01030E
- commandCenter.background#E5EFFF
- commandCenter.border#98BFFE
- commandCenter.debuggingBackground#CD920040
- commandCenter.foreground#2D3547
- commandCenter.inactiveBorder#E5EFFF
- commandCenter.inactiveForeground#5C80BC
- debugConsole.errorForeground#BA0D01
- debugConsole.infoForeground#1762B6
- debugConsole.sourceForeground#01030E
- debugConsole.warningForeground#825B00
- debugConsoleInputIcon.foreground#2D3547
- debugExceptionWidget.background#98BFFE
- debugExceptionWidget.border#98BFFE
- debugIcon.breakpointCurrentStackframeForeground#825B00
- debugIcon.breakpointDisabledForeground#A4AEC4
- debugIcon.breakpointForeground#FF6551
- debugIcon.breakpointStackframeForeground#00572F
- debugIcon.breakpointUnverifiedForeground#5A6377
- debugIcon.continueForeground#00468C
- debugIcon.disconnectForeground#FF6551
- debugIcon.pauseForeground#00468C
- debugIcon.restartForeground#00572F
- debugIcon.startForeground#00572F
- debugIcon.stepBackForeground#2D3547
- debugIcon.stepIntoForeground#1762B6
- debugIcon.stepOutForeground#1762B6
- debugIcon.stepOverForeground#2D3547
- debugIcon.stopForeground#BA0D01
- debugTokenExpression.boolean#1762B6
- debugTokenExpression.error#BA0D01
- debugTokenExpression.name#2D3547
- debugTokenExpression.number#1762B6
- debugTokenExpression.string#007742
- debugTokenExpression.type#825B00
- debugTokenExpression.value#2C965D
- debugToolBar.background#98BFFE
- debugToolBar.border#98BFFE
- debugView.exceptionLabelBackground#FF6551
- debugView.exceptionLabelForeground#BA0D01
- descriptionForeground#2D3547
- diffEditor.border#98BFFE
- diffEditor.diagonalFill#A4AEC4
- diffEditor.insertedLineBackground#51B67A40
- diffEditor.insertedTextBackground#2C965D1A
- diffEditor.removedLineBackground#FF655140
- diffEditor.removedTextBackground#DE3E2D1A
- diffEditor.unchangedRegionShadow#01030E
- diffEditorGutter.insertedLineBackground#51B67A33
- diffEditorGutter.removedLineBackground#FF655133
- disabledForeground#A4AEC4
- dropdown.background#98BFFE
- dropdown.border#E5EFFF
- dropdown.foreground#01030E
- dropdown.listBackground#98BFFE
- editor.background#E5EFFF
- editor.compositionBorder#98BFFE
- editor.findMatchBackground#98BFFE33
- editor.findMatchForeground#01030E
- editor.findMatchHighlightBackground#7A9FDDE6
- editor.findMatchHighlightForeground#01030ECC
- editor.findRangeHighlightBackground#7A9FDD4D
- editor.foldBackground#98BFFEE6
- editor.foldPlaceholderForeground#01030E
- editor.foreground#01030E
- editor.hoverHighlightBackground#1762B680
- editor.inactiveSelectionBackground#5C80BCCC
- editor.inlineValuesForeground#5A6377
- editor.lineHighlightBackground#98BFFE99
- editor.linkedEditingBackground#5C80BCBF
- editor.placeholder.foreground#A4AEC4
- editor.rangeHighlightBorder#1762B626
- editor.selectionBackground#1762B640
- editor.selectionHighlightBackground#1762B60D
- editor.symbolHighlightBorder#7A9FDD26
- editor.wordHighlightBackground#1762B626
- editor.wordHighlightStrongBorder#1762B626
- editorActionList.background#98BFFE
- editorActionList.focusBackground#5C80BC
- editorActionList.focusForeground#01030E
- editorActionList.foreground#01030E
- editorBracketHighlight.foreground1#2D3547
- editorBracketHighlight.foreground2#00468C
- editorBracketHighlight.foreground3#00572F
- editorBracketHighlight.foreground4#005350
- editorBracketHighlight.foreground5#3E2A00
- editorBracketHighlight.unexpectedBracket.foreground#BA0D01
- editorBracketMatch.background#98BFFE
- editorBracketMatch.border#98BFFE80
- editorBracketPairGuide.activeBackground1#2D3547
- editorBracketPairGuide.activeBackground2#00468C
- editorBracketPairGuide.activeBackground3#00572F
- editorBracketPairGuide.activeBackground4#005350
- editorBracketPairGuide.activeBackground5#3E2A00
- editorBracketPairGuide.background1#5A6377
- editorBracketPairGuide.background2#002D5E
- editorBracketPairGuide.background3#00381C
- editorBracketPairGuide.background4#003634
- editorBracketPairGuide.background5#3E2A00
- editorCodeLens.foreground#1762B6
- editorCommentsWidget.rangeActiveBackground#98BFFE
- editorCommentsWidget.rangeBackground#98BFFECC
- editorCommentsWidget.replyInputBackground#98BFFE
- editorCommentsWidget.resolvedBorder#5A6377
- editorCommentsWidget.unresolvedBorder#01030E
- editorCursor.background#E5EFFF
- editorCursor.foreground#1762B6
- editorError.foreground#BA0D01
- editorGhostText.foreground#5A6377
- editorGroup.border#5C80BC
- editorGroup.dropBackground#98BFFECC
- editorGroup.dropIntoPromptBackground#7A9FDD
- editorGroup.dropIntoPromptForeground#01030E
- editorGroup.emptyBackground#E5EFFF
- editorGroupHeader.noTabsBackground#E5EFFF
- editorGroupHeader.tabsBackground#E5EFFF
- editorGutter.addedBackground#00572F
- editorGutter.addedSecondaryBackground#2C965D
- editorGutter.background#E5EFFF
- editorGutter.commentGlyphForeground#5C80BC
- editorGutter.commentRangeForeground#98BFFE
- editorGutter.commentUnresolvedGlyphForeground#7A9FDD
- editorGutter.deletedBackground#8A0600
- editorGutter.deletedSecondaryBackground#DE3E2D
- editorGutter.foldingControlForeground#1762B6
- editorGutter.modifiedBackground#005350
- editorGutter.modifiedSecondaryBackground#14938D
- editorHoverWidget.statusBarBackground#7A9FDD
- editorIndentGuide.activeBackground1#5A6377
- editorIndentGuide.activeBackground2#00468C
- editorIndentGuide.activeBackground3#00572F
- editorIndentGuide.activeBackground4#005350
- editorIndentGuide.activeBackground5#3E2A00
- editorIndentGuide.background1#5A6377
- editorIndentGuide.background2#002D5E
- editorIndentGuide.background3#00381C
- editorIndentGuide.background4#003634
- editorIndentGuide.background5#3E2A00
- editorInfo.foreground#1762B6
- editorInlayHint.background#E5EFFF
- editorInlayHint.foreground#5A6377
- editorInlayHint.parameterForeground#51B67A
- editorInlayHint.typeForeground#A77600
- editorLineNumber.activeForeground#1762B6
- editorLineNumber.foreground#2D3547
- editorLink.activeForeground#1762B6
- editorMarkerNavigationError.background#BA0D01
- editorMarkerNavigationInfo.background#1762B6
- editorMarkerNavigationWarning.background#825B00
- editorOverviewRuler.addedForeground#00572F
- editorOverviewRuler.background#E5EFFF
- editorOverviewRuler.border#7A9FDD
- editorOverviewRuler.deletedForeground#8A0600
- editorOverviewRuler.errorForeground#BA0D01
- editorOverviewRuler.findMatchForeground#2D3547
- editorOverviewRuler.infoForeground#1762B6
- editorOverviewRuler.modifiedForeground#005350
- editorOverviewRuler.rangeHighlightForeground#01030E
- editorOverviewRuler.selectionHighlightForeground#2D3547
- editorOverviewRuler.warningForeground#825B00
- editorOverviewRuler.wordHighlightForeground#2D3547AN
- editorOverviewRuler.wordHighlightStrongForeground#00736E66
- editorRuler.foreground#A4AEC4
- editorSuggestWidget.background#98BFFE
- editorSuggestWidget.focusHighlightForeground#005350
- editorSuggestWidget.foreground#2D3547
- editorSuggestWidget.highlightForeground#01030E
- editorSuggestWidget.selectedBackground#5C80BCBF
- editorSuggestWidget.selectedIconForeground#005350
- editorWarning.foreground#825B00
- editorWhitespace.foreground#A4AEC4
- editorWidget.background#98BFFE
- editorWidget.border#98BFFE
- editorWidget.foreground#01030E
- errorForeground#BA0D01
- focusBorder#98BFFE
- foreground#01030E
- git.blame.editorDecorationForeground#A4AEC4
- gitDecoration.addedResourceForeground#00572F
- gitDecoration.conflictingResourceForeground#5B169E
- gitDecoration.deletedResourceForeground#8A0600
- gitDecoration.ignoredResourceForeground#5A6377
- gitDecoration.modifiedResourceForeground#3E2A00
- gitDecoration.untrackedResourceForeground#005350
- icon.foreground#2D3547
- input.background#98BFFE
- input.border#E5EFFF
- input.foreground#01030E
- input.placeholderForeground#5A6377
- inputOption.activeBorder#1762B6
- inputOption.activeForeground#1762B6
- inputOption.hoverBackground#3A81D7
- inputValidation.errorBackground#98BFFE
- inputValidation.errorBorder#DE3E2D
- inputValidation.errorForeground#DE3E2D
- inputValidation.infoBackground#98BFFE
- inputValidation.infoBorder#3A81D7
- inputValidation.infoForeground#3A81D7
- inputValidation.warningBackground#98BFFE
- inputValidation.warningBorder#825B00
- inputValidation.warningForeground#825B00
- list.activeSelectionBackground#5C80BC
- list.activeSelectionForeground#01030E
- list.activeSelectionIconForeground#01030E
- list.dropBackground#5C80BC40
- list.errorForeground#DE3E2D
- list.filterMatchBackground#00681b73
- list.filterMatchBorder#00681b
- list.focusOutline#7A9FDD
- list.hoverBackground#7A9FDD
- list.inactiveSelectionBackground#5C80BC
- list.inactiveSelectionForeground#01030E
- list.warningForeground#A77600
- listFilterWidget.background#00681bBF
- listFilterWidget.noMatchesOutline#DE3E2D
- listFilterWidget.outline#00681bBF
- minimap.errorHighlight#BA0D01
- minimap.findMatchHighlight#00681b73
- minimap.selectionHighlight#1762B633
- minimap.selectionOccurrenceHighlight#00681b40
- minimap.warningHighlight#825B00
- minimapGutter.addedBackground#00572F
- minimapGutter.deletedBackground#8A0600
- minimapGutter.modifiedBackground#005350
- minimapSlider.activeBackground#98BFFE80
- minimapSlider.background#7A9FDDBF
- minimapSlider.hoverBackground#5C80BC40
- notificationCenterHeader.background#7A9FDD
- notificationCenterHeader.foreground#01030E
- notificationLink.foreground#007742
- notificationsErrorIcon.foreground#BA0D01
- notificationsInfoIcon.foreground#1762B6
- notificationsWarningIcon.foreground#825B00
- peekView.border#98BFFE
- peekViewEditor.background#E5EFFF
- peekViewEditor.matchHighlightBackground#CD9200
- peekViewEditorGutter.background#E5EFFF
- peekViewResult.background#E5EFFF
- peekViewResult.lineForeground#2D3547
- peekViewResult.matchHighlightBackground#CD9200
- peekViewTitle.background#98BFFE
- peekViewTitleDescription.foreground#01030E
- peekViewTitleLabel.foreground#2D3547
- problemsErrorIcon.foreground#BA0D01
- problemsInfoIcon.foreground#1762B6
- problemsWarningIcon.foreground#825B00
- progressBar.background#00681b
- sash.hoverBorder#5C80BCBF
- scrollbar.shadow#01030E
- scrollbarSlider.activeBackground#5C80BC99
- scrollbarSlider.background#5C80BC80
- scrollbarSlider.hoverBackground#5C80BC66
- searchEditor.findMatchBackground#945CE1
- selection.background#3A81D7
- settings.focusedRowBackground#7A9FDD40
- settings.focusedRowBorder#7A9FDD40
- settings.headerBorder#5C80BC
- settings.modifiedItemIndicator#00736E
- settings.rowHoverBackground#98BFFE
- settings.sashBorder#5C80BC
- sideBar.background#E5EFFF
- sideBar.dropBackground#00681b40
- sideBar.foreground#01030ED9
- sideBarSectionHeader.background#98BFFE
- sideBarSectionHeader.foreground#01030E
- sideBarTitle.foreground#01030E
- statusBar.background#98BFFE
- statusBar.foreground#01030E
- statusBar.noFolderBackground#00736E
- tab.activeBackground#98BFFE
- tab.activeBorder#98BFFE
- tab.activeBorderTop#98BFFE
- tab.activeForeground#01030E
- tab.activeModifiedBorder#14938D
- tab.border#E5EFFF
- tab.dragAndDropBorder#1762B6
- tab.hoverBackground#E5EFFF
- tab.hoverBorder#98BFFE
- tab.hoverForeground#2D3547
- tab.inactiveBackground#E5EFFF
- tab.inactiveForeground#5A6377
- tab.inactiveModifiedBorder#43B2AC
- tab.lastPinnedBorder#5C80BC
- tab.selectedBackground#98BFFE
- tab.selectedBorderTop#98BFFE
- tab.selectedForeground#01030E
- tab.unfocusedActiveBackground#98BFFE80
- tab.unfocusedActiveBorder#98BFFE
- tab.unfocusedActiveBorderTop#E5EFFF
- tab.unfocusedActiveForeground#5A6377
- tab.unfocusedActiveModifiedBorder#43B2AC
- tab.unfocusedHoverBackground#E5EFFF
- tab.unfocusedHoverBorder#E5EFFF
- tab.unfocusedHoverForeground#5A6377
- tab.unfocusedInactiveBackground#E5EFFF
- tab.unfocusedInactiveForeground#A4AEC4
- tab.unfocusedInactiveModifiedBorder#43B2AC
- terminal.ansiBlack#01030E
- terminal.ansiBlue#1762B6
- terminal.ansiBrightBlack#5A6377
- terminal.ansiBrightBlue#00468C
- terminal.ansiBrightCyan#005350
- terminal.ansiBrightGreen#00572F
- terminal.ansiBrightMagenta#5B169E
- terminal.ansiBrightRed#8A0600
- terminal.ansiBrightWhite#01030E
- terminal.ansiBrightYellow#3E2A00
- terminal.ansiCyan#00736E
- terminal.ansiGreen#007742
- terminal.ansiMagenta#773CBF
- terminal.ansiRed#BA0D01
- terminal.ansiWhite#2D3547
- terminal.ansiYellow#5F4200
- terminal.background#E5EFFF
- terminal.border#E5EFFF
- terminal.foreground#01030E
- terminalCursor.background#E5EFFF
- terminalCursor.foreground#00381C
- textBlockQuote.background#98BFFE
- textBlockQuote.border#7A9FDD
- textLink.activeForeground#00572F
- textLink.foreground#007742
- textPreformat.foreground#825B00
- titleBar.activeBackground#E5EFFF
- titleBar.activeForeground#01030E
- titleBar.border#E5EFFF
- titleBar.inactiveBackground#E5EFFF
- titleBar.inactiveForeground#5A6377
- toolbar.activeBackground#00681b
- toolbar.hoverBackground#00681b80
- tree.indentGuidesStroke#01030E
- widget.shadow#01030E
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5A6377 | italic |
| punctuation, meta.class meta.block, keyword.operator.type.annotation, keyword.operator.optional., keyword.operator.assignment, keyword.operator.comparison, keyword.operator.arithmetic, meta.type.annotation meta.brace, meta.field.declaration, string.template meta.brace | #2D3547 | — |
| variable, punctuation.definition.variable, support.variable.property | #2C965D | — |
| keyword, storage.type.function, storage.type, storage.modifier, punctuation.definition.keyword, support.function | #773CBF | italic |
| string, punctuation.definition.string | #00572F | — |
| source.json meta.structure.dictionary.json support.type.property-name.json, punctuation.support.type.property-name, meta.objectliteral meta.object-literal.key | #2C965D | — |
| source.yaml entity.name.tag, source.yaml punctuation.separator.key-value | #2C965D | — |
| meta.class, meta.class entity.name, meta.class entity.other.inherited-class, meta.interface entity.name, meta.interface entity.other.inherited-class, support.class, meta.module, entity.name, support.constant | #5F4200 | — |
| support.type, meta.type.annotation | #5F4200 | italic |
| meta.definition entity.name.function, entity.name.function, meta.function-call support.function.console | #00736E | — |
| entity.name.tag, entity.name.tag support.class.component | #007742 | — |
| punctuation.definition.tag | #2D3547 | — |
| entity.other.attribute-name | #00736E | — |
| variable.language.this, support.class.console, variable.language.self.ruby, support.variable.object | #5F4200 | italic |
| punctuation.section.embedded, punctuation.definition.template-expression | #5B169E | — |
| constant | #1762B6 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.css punctuation.definition.entity.css, entity.other.attribute-name.placeholder.css punctuation.definition.entity.css, entity.other.attribute-name.placeholder.css | #005350 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id.css punctuation.definition.entity.css | #00736E | — |
| source.css support.function, entity.name.function.scss | #773CBF | — |
| keyword.other.unit | #1762B6 | — |
| support.constant.media | #007742 | — |
| support.type.property-name.css, meta.property-list.css entity.name.tag.css, meta.property-list.scss entity.name.tag.css | #007742 | — |
| punctuation.definition.constant.css | #1762B6 | — |
| markup.heading, markup.heading punctuation.definition.heading, markup.heading entity.name.section | #007742 | — |
| markup.italic, markup.italic punctuation.definition.italic | #005350 | italic |
| markup.bold, markup.bold punctuation.definition.bold | #5B169E | bold |
| markup.list punctuation.definition.list.begin | #5F4200 | bold |
| markup.inline.raw, markup.inline.raw punctuation.definition.raw | #5F4200 | — |
| markup.fenced_code.block, markup.fenced_code.block punctuation.definition | #5F4200 | — |
| markup.quote, markup.quote punctuation.definition | #005350 | — |
| meta.separator.markdown | #2C965D | bold |
| meta.link.inline, meta.link.inet, meta.link.inet punctuation.definition.link, meta.link.reference markup.underline.link, meta.image.inline | #007742 | — |
| markup.quote.markdown, markup.quote.markdown punctuation.definition.quote.begin.markdown | #1762B6 | italic |
| source.ruby constant.other.symbol, source.ruby constant.other.symbol punctuation | #007742 | — |
| meta.class.ruby keyword.operator, meta.module.ruby entity.other.inherited-class punctuation | #5F4200 | — |
| source.ruby punctuation.separator.key-value | #773CBF | — |
| source.ruby constant.language.symbol.ruby, source.ruby punctuation.section.symbol.begin.ruby, source.ruby punctuation.section.symbol.end.ruby, source.ruby punctuation.definition.constant.ruby, source.ruby constant.language.symbol.hashkey.ruby, constant.language.symbol.hashkey.ruby punctuation.definition.constant.hashkey.ruby | #00736E | — |
| entity.name.function.ruby | #00736E | — |
| meta.function.method.with-arguments.ruby constant.other.symbol.hashkey.parameter.function.ruby punctuation.definition.constant.ruby | #007742 | — |
| string.template meta.brace | #2D3547 | — |