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#B3DAAF
- activityBar.activeBackground#DFF6DD
- activityBar.activeBorder#2D392B
- activityBar.activeFocusBorder#2D392B
- activityBar.background#DFF6DD
- activityBar.border#DFF6DD
- activityBar.dropBorder#6b7968
- activityBar.foreground#5A6857
- activityBar.inactiveForeground#6b7968
- activityBarBadge.background#00681b
- activityBarBadge.foreground#5A6857
- activityBarTop.activeBackground#DFF6DD
- activityBarTop.activeBorder#5A6857
- activityBarTop.background#DFF6DD
- activityBarTop.dropBorder#6b7968
- activityBarTop.foreground#5A6857
- activityBarTop.inactiveForeground#6b7968
- activityErrorBadge.background#FF6551
- activityErrorBadge.foreground#BA0D01
- activityWarningBadge.background#CD9200
- activityWarningBadge.foreground#825B00
- badge.background#00681b
- badge.foreground#5A6857
- banner.background#769B72
- banner.foreground#2D392B
- banner.iconForeground#00572F
- breadcrumb.activeSelectionForeground#2D392B
- breadcrumb.background#B3DAAF
- breadcrumb.focusForeground#2D392B
- breadcrumb.foreground#5A6857
- breadcrumbPicker.background#B3DAAF
- button.background#B3DAAF
- button.border#B3DAAF
- button.foreground#2D392B
- button.hoverBackground#94BA90
- button.secondaryBackground#94BA90
- button.secondaryForeground#2D392B
- button.secondaryHoverBackground#769B72
- button.separator#94BA90
- chart.axis#5A6857
- chart.guide#869482
- chart.line#2D392B
- charts.blue#1762B6
- charts.foreground#2D392B
- charts.green#007742
- charts.lines#6b7968
- charts.orange#F97000
- charts.purple#773CBF
- charts.red#BA0D01
- charts.yellow#5F4200
- checkbox.background#B3DAAF
- checkbox.border#DFF6DD
- checkbox.disabled.background#DFF6DD
- checkbox.disabled.foreground#869482
- checkbox.foreground#2D392B
- checkbox.selectBackground#94BA90
- checkbox.selectBorder#94BA90
- commandCenter.activeBackground#B3DAAF
- commandCenter.activeBorder#B3DAAF
- commandCenter.activeForeground#2D392B
- commandCenter.background#DFF6DD
- commandCenter.border#B3DAAF
- commandCenter.debuggingBackground#CD920040
- commandCenter.foreground#5A6857
- commandCenter.inactiveBorder#DFF6DD
- commandCenter.inactiveForeground#769B72
- debugConsole.errorForeground#BA0D01
- debugConsole.infoForeground#1762B6
- debugConsole.sourceForeground#2D392B
- debugConsole.warningForeground#825B00
- debugConsoleInputIcon.foreground#5A6857
- debugExceptionWidget.background#B3DAAF
- debugExceptionWidget.border#B3DAAF
- debugIcon.breakpointCurrentStackframeForeground#825B00
- debugIcon.breakpointDisabledForeground#869482
- debugIcon.breakpointForeground#FF6551
- debugIcon.breakpointStackframeForeground#00572F
- debugIcon.breakpointUnverifiedForeground#6b7968
- debugIcon.continueForeground#00468C
- debugIcon.disconnectForeground#FF6551
- debugIcon.pauseForeground#00468C
- debugIcon.restartForeground#00572F
- debugIcon.startForeground#00572F
- debugIcon.stepBackForeground#5A6857
- debugIcon.stepIntoForeground#1762B6
- debugIcon.stepOutForeground#1762B6
- debugIcon.stepOverForeground#5A6857
- debugIcon.stopForeground#BA0D01
- debugTokenExpression.boolean#1762B6
- debugTokenExpression.error#BA0D01
- debugTokenExpression.name#5A6857
- debugTokenExpression.number#1762B6
- debugTokenExpression.string#007742
- debugTokenExpression.type#825B00
- debugTokenExpression.value#2C965D
- debugToolBar.background#B3DAAF
- debugToolBar.border#B3DAAF
- debugView.exceptionLabelBackground#FF6551
- debugView.exceptionLabelForeground#BA0D01
- descriptionForeground#5A6857
- diffEditor.border#B3DAAF
- diffEditor.diagonalFill#869482
- diffEditor.insertedLineBackground#51B67A40
- diffEditor.insertedTextBackground#2C965D1A
- diffEditor.removedLineBackground#FF655140
- diffEditor.removedTextBackground#DE3E2D1A
- diffEditor.unchangedRegionShadow#01030E
- diffEditorGutter.insertedLineBackground#51B67A33
- diffEditorGutter.removedLineBackground#FF655133
- disabledForeground#869482
- dropdown.background#B3DAAF
- dropdown.border#DFF6DD
- dropdown.foreground#2D392B
- dropdown.listBackground#B3DAAF
- editor.background#DFF6DD
- editor.compositionBorder#B3DAAF
- editor.findMatchBackground#B3DAAF33
- editor.findMatchForeground#2D392B
- editor.findMatchHighlightBackground#94BA90E6
- editor.findMatchHighlightForeground#2D392BCC
- editor.findRangeHighlightBackground#94BA904D
- editor.foldBackground#B3DAAFE6
- editor.foldPlaceholderForeground#2D392B
- editor.foreground#2D392B
- editor.hoverHighlightBackground#00572F80
- editor.inactiveSelectionBackground#769B72CC
- editor.inlineValuesForeground#6b7968
- editor.lineHighlightBackground#B3DAAF99
- editor.linkedEditingBackground#769B72BF
- editor.placeholder.foreground#869482
- editor.rangeHighlightBorder#00572F26
- editor.selectionBackground#00572F40
- editor.selectionHighlightBackground#00572F0D
- editor.symbolHighlightBorder#94BA9026
- editor.wordHighlightBackground#00572F26
- editor.wordHighlightStrongBorder#00572F26
- editorActionList.background#B3DAAF
- editorActionList.focusBackground#769B72
- editorActionList.focusForeground#2D392B
- editorActionList.foreground#2D392B
- editorBracketHighlight.foreground1#5A6857
- editorBracketHighlight.foreground2#00468C
- editorBracketHighlight.foreground3#00572F
- editorBracketHighlight.foreground4#005350
- editorBracketHighlight.foreground5#3E2A00
- editorBracketHighlight.unexpectedBracket.foreground#BA0D01
- editorBracketMatch.background#B3DAAF
- editorBracketMatch.border#B3DAAF80
- editorBracketPairGuide.activeBackground1#5A6857
- editorBracketPairGuide.activeBackground2#00468C
- editorBracketPairGuide.activeBackground3#00572F
- editorBracketPairGuide.activeBackground4#005350
- editorBracketPairGuide.activeBackground5#3E2A00
- editorBracketPairGuide.background1#6b7968
- editorBracketPairGuide.background2#002D5E
- editorBracketPairGuide.background3#00381C
- editorBracketPairGuide.background4#003634
- editorBracketPairGuide.background5#3E2A00
- editorCodeLens.foreground#00572F
- editorCommentsWidget.rangeActiveBackground#B3DAAF
- editorCommentsWidget.rangeBackground#B3DAAFCC
- editorCommentsWidget.replyInputBackground#B3DAAF
- editorCommentsWidget.resolvedBorder#6b7968
- editorCommentsWidget.unresolvedBorder#2D392B
- editorCursor.background#DFF6DD
- editorCursor.foreground#00572F
- editorError.foreground#BA0D01
- editorGhostText.foreground#6b7968
- editorGroup.border#769B72
- editorGroup.dropBackground#B3DAAFCC
- editorGroup.dropIntoPromptBackground#94BA90
- editorGroup.dropIntoPromptForeground#2D392B
- editorGroup.emptyBackground#DFF6DD
- editorGroupHeader.noTabsBackground#DFF6DD
- editorGroupHeader.tabsBackground#DFF6DD
- editorGutter.addedBackground#00572F
- editorGutter.addedSecondaryBackground#2C965D
- editorGutter.background#DFF6DD
- editorGutter.commentGlyphForeground#769B72
- editorGutter.commentRangeForeground#B3DAAF
- editorGutter.commentUnresolvedGlyphForeground#94BA90
- editorGutter.deletedBackground#8A0600
- editorGutter.deletedSecondaryBackground#DE3E2D
- editorGutter.foldingControlForeground#00572F
- editorGutter.modifiedBackground#005350
- editorGutter.modifiedSecondaryBackground#14938D
- editorHoverWidget.statusBarBackground#94BA90
- editorIndentGuide.activeBackground1#6b7968
- editorIndentGuide.activeBackground2#00468C
- editorIndentGuide.activeBackground3#00572F
- editorIndentGuide.activeBackground4#005350
- editorIndentGuide.activeBackground5#3E2A00
- editorIndentGuide.background1#6b7968
- editorIndentGuide.background2#002D5E
- editorIndentGuide.background3#00381C
- editorIndentGuide.background4#003634
- editorIndentGuide.background5#3E2A00
- editorInfo.foreground#1762B6
- editorInlayHint.background#DFF6DD
- editorInlayHint.foreground#6b7968
- editorInlayHint.parameterForeground#51B67A
- editorInlayHint.typeForeground#A77600
- editorLineNumber.activeForeground#00572F
- editorLineNumber.foreground#5A6857
- editorLink.activeForeground#00572F
- editorMarkerNavigationError.background#BA0D01
- editorMarkerNavigationInfo.background#1762B6
- editorMarkerNavigationWarning.background#825B00
- editorOverviewRuler.addedForeground#00572F
- editorOverviewRuler.background#DFF6DD
- editorOverviewRuler.border#94BA90
- editorOverviewRuler.deletedForeground#8A0600
- editorOverviewRuler.errorForeground#BA0D01
- editorOverviewRuler.findMatchForeground#5A6857
- editorOverviewRuler.infoForeground#1762B6
- editorOverviewRuler.modifiedForeground#005350
- editorOverviewRuler.rangeHighlightForeground#2D392B
- editorOverviewRuler.selectionHighlightForeground#5A6857
- editorOverviewRuler.warningForeground#825B00
- editorOverviewRuler.wordHighlightForeground#5A6857AN
- editorOverviewRuler.wordHighlightStrongForeground#00736E66
- editorRuler.foreground#869482
- editorSuggestWidget.background#B3DAAF
- editorSuggestWidget.focusHighlightForeground#005350
- editorSuggestWidget.foreground#5A6857
- editorSuggestWidget.highlightForeground#2D392B
- editorSuggestWidget.selectedBackground#769B72BF
- editorSuggestWidget.selectedIconForeground#005350
- editorWarning.foreground#825B00
- editorWhitespace.foreground#869482
- editorWidget.background#B3DAAF
- editorWidget.border#B3DAAF
- editorWidget.foreground#2D392B
- errorForeground#BA0D01
- focusBorder#B3DAAF
- foreground#2D392B
- git.blame.editorDecorationForeground#869482
- gitDecoration.addedResourceForeground#00572F
- gitDecoration.conflictingResourceForeground#5B169E
- gitDecoration.deletedResourceForeground#8A0600
- gitDecoration.ignoredResourceForeground#6b7968
- gitDecoration.modifiedResourceForeground#3E2A00
- gitDecoration.untrackedResourceForeground#005350
- icon.foreground#5A6857
- input.background#B3DAAF
- input.border#DFF6DD
- input.foreground#2D392B
- input.placeholderForeground#6b7968
- inputOption.activeBorder#1762B6
- inputOption.activeForeground#1762B6
- inputOption.hoverBackground#3A81D7
- inputValidation.errorBackground#B3DAAF
- inputValidation.errorBorder#DE3E2D
- inputValidation.errorForeground#DE3E2D
- inputValidation.infoBackground#B3DAAF
- inputValidation.infoBorder#3A81D7
- inputValidation.infoForeground#3A81D7
- inputValidation.warningBackground#B3DAAF
- inputValidation.warningBorder#825B00
- inputValidation.warningForeground#825B00
- list.activeSelectionBackground#769B72
- list.activeSelectionForeground#2D392B
- list.activeSelectionIconForeground#2D392B
- list.dropBackground#769B7240
- list.errorForeground#DE3E2D
- list.filterMatchBackground#00681b73
- list.filterMatchBorder#00681b
- list.focusOutline#94BA90
- list.hoverBackground#94BA90
- list.inactiveSelectionBackground#769B72
- list.inactiveSelectionForeground#2D392B
- 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#B3DAAF80
- minimapSlider.background#94BA90BF
- minimapSlider.hoverBackground#769B7240
- notificationCenterHeader.background#94BA90
- notificationCenterHeader.foreground#2D392B
- notificationLink.foreground#007742
- notificationsErrorIcon.foreground#BA0D01
- notificationsInfoIcon.foreground#1762B6
- notificationsWarningIcon.foreground#825B00
- peekView.border#B3DAAF
- peekViewEditor.background#DFF6DD
- peekViewEditor.matchHighlightBackground#CD9200
- peekViewEditorGutter.background#DFF6DD
- peekViewResult.background#DFF6DD
- peekViewResult.lineForeground#5A6857
- peekViewResult.matchHighlightBackground#CD9200
- peekViewTitle.background#B3DAAF
- peekViewTitleDescription.foreground#2D392B
- peekViewTitleLabel.foreground#5A6857
- problemsErrorIcon.foreground#BA0D01
- problemsInfoIcon.foreground#1762B6
- problemsWarningIcon.foreground#825B00
- progressBar.background#00681b
- sash.hoverBorder#769B72BF
- scrollbar.shadow#01030E
- scrollbarSlider.activeBackground#769B7299
- scrollbarSlider.background#769B7280
- scrollbarSlider.hoverBackground#769B7266
- searchEditor.findMatchBackground#945CE1
- selection.background#3A81D7
- settings.focusedRowBackground#94BA9040
- settings.focusedRowBorder#94BA9040
- settings.headerBorder#769B72
- settings.modifiedItemIndicator#00736E
- settings.rowHoverBackground#B3DAAF
- settings.sashBorder#769B72
- sideBar.background#DFF6DD
- sideBar.dropBackground#00681b40
- sideBar.foreground#2D392BD9
- sideBarSectionHeader.background#B3DAAF
- sideBarSectionHeader.foreground#2D392B
- sideBarTitle.foreground#2D392B
- statusBar.background#B3DAAF
- statusBar.foreground#2D392B
- statusBar.noFolderBackground#00736E
- tab.activeBackground#B3DAAF
- tab.activeBorder#B3DAAF
- tab.activeBorderTop#B3DAAF
- tab.activeForeground#2D392B
- tab.activeModifiedBorder#14938D
- tab.border#DFF6DD
- tab.dragAndDropBorder#00572F
- tab.hoverBackground#DFF6DD
- tab.hoverBorder#B3DAAF
- tab.hoverForeground#5A6857
- tab.inactiveBackground#DFF6DD
- tab.inactiveForeground#6b7968
- tab.inactiveModifiedBorder#43B2AC
- tab.lastPinnedBorder#769B72
- tab.selectedBackground#B3DAAF
- tab.selectedBorderTop#B3DAAF
- tab.selectedForeground#2D392B
- tab.unfocusedActiveBackground#B3DAAF80
- tab.unfocusedActiveBorder#B3DAAF
- tab.unfocusedActiveBorderTop#DFF6DD
- tab.unfocusedActiveForeground#6b7968
- tab.unfocusedActiveModifiedBorder#43B2AC
- tab.unfocusedHoverBackground#DFF6DD
- tab.unfocusedHoverBorder#DFF6DD
- tab.unfocusedHoverForeground#6b7968
- tab.unfocusedInactiveBackground#DFF6DD
- tab.unfocusedInactiveForeground#869482
- tab.unfocusedInactiveModifiedBorder#43B2AC
- terminal.ansiBlack#01030E
- terminal.ansiBlue#1762B6
- terminal.ansiBrightBlack#6b7968
- terminal.ansiBrightBlue#00468C
- terminal.ansiBrightCyan#005350
- terminal.ansiBrightGreen#00572F
- terminal.ansiBrightMagenta#5B169E
- terminal.ansiBrightRed#8A0600
- terminal.ansiBrightWhite#2D392B
- terminal.ansiBrightYellow#3E2A00
- terminal.ansiCyan#00736E
- terminal.ansiGreen#007742
- terminal.ansiMagenta#773CBF
- terminal.ansiRed#BA0D01
- terminal.ansiWhite#5A6857
- terminal.ansiYellow#5F4200
- terminal.background#DFF6DD
- terminal.border#DFF6DD
- terminal.foreground#2D392B
- terminalCursor.background#DFF6DD
- terminalCursor.foreground#00381C
- textBlockQuote.background#B3DAAF
- textBlockQuote.border#94BA90
- textLink.activeForeground#00572F
- textLink.foreground#007742
- textPreformat.foreground#825B00
- titleBar.activeBackground#DFF6DD
- titleBar.activeForeground#2D392B
- titleBar.border#DFF6DD
- titleBar.inactiveBackground#DFF6DD
- titleBar.inactiveForeground#6b7968
- toolbar.activeBackground#00681b
- toolbar.hoverBackground#00681b80
- tree.indentGuidesStroke#2D392B
- widget.shadow#01030E
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6b7968 | 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 | #5A6857 | — |
| 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 | #5A6857 | — |
| 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 | #5A6857 | — |