Taipan Color Theme

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#a3898900
• activityBar.background#141312
• activityBar.border#322B2E
• activityBar.foreground#e0dad7
• activityBar.inactiveForeground#e0dad746
• activityBarBadge.background#1C7D6C
• activityBarBadge.foreground#ffffff
• badge.background#1C7D6C
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#ffffff
• breadcrumb.background#322B2E6d
• breadcrumb.focusForeground#ffffff
• breadcrumb.foreground#e0dad7
• breadcrumbPicker.background#111216
• button.background#141312
• button.border#ffffff1d
• button.foreground#ffffffcd
• button.hoverBackground#252022
• button.secondaryBackground#00000062
• button.secondaryForeground#b6afb3
• button.secondaryHoverBackground#ffffff18
• checkbox.background#141312
• checkbox.border#00000000
• checkbox.foreground#e0dad7
• commandCenter.background#141312
• commandCenter.border#322B2E
• commandCenter.foreground#e0dad7
• debugExceptionWidget.background#000000
• debugExceptionWidget.border#ffffff38
• debugIcon.breakpointForeground#fff000
• debugToolBar.background#000000
• debugToolBar.border#ffffff38
• diffEditor.border#444444
• diffEditor.insertedTextBackground#2d40084c
• diffEditor.removedTextBackground#371a0a4d
• dropdown.background#141312
• dropdown.border#00000000
• dropdown.foreground#e0dad7
• editor.background#141312
• editor.findMatchBackground#515c6a
• editor.findMatchBorder#74879f
• editor.findMatchHighlightBackground#ea5c0055
• editor.findMatchHighlightBorder#ffffff00
• editor.findRangeHighlightBackground#3a3d4166
• editor.findRangeHighlightBorder#ffffff00
• editor.foldBackground#264f784d
• editor.foreground#e0dad7
• editor.hoverHighlightBackground#264f7840
• editor.inactiveSelectionBackground#3a3d4173
• editor.lineHighlightBackground#c7dfef06
• editor.rangeHighlightBackground#ffffff0b
• editor.rangeHighlightBorder#ffffff00
• editor.selectionBackground#EC764336
• editor.selectionHighlightBackground#add6ff26
• editor.selectionHighlightBorder#495F77
• editor.wordHighlightBackground#ffffff00
• editor.wordHighlightBorder#E0E32B98
• editor.wordHighlightStrongBackground#ffffff00
• editor.wordHighlightStrongBorder#E0E32B
• editorBracketHighlight.foreground1#55d9c198
• editorBracketHighlight.foreground2#E0E32B98
• editorBracketHighlight.foreground3#fef05b98
• editorBracketHighlight.foreground4#ED9E8D98
• editorBracketHighlight.foreground5#1a8b9f98
• editorBracketMatch.background#0064001a
• editorBracketMatch.border#888888
• editorCodeLens.foreground#999999
• editorCursor.background#000000
• editorCursor.foreground#55d9c1
• editorError.background#B73A3400
• editorError.border#ffffff00
• editorError.foreground#F83379
• editorGroup.border#444444
• editorGroup.emptyBackground#181a27
• editorGroupHeader.tabsBackground#141312
• editorGroupHeader.tabsBorder#ffffff00
• editorGutter.addedBackground#1C7D6C
• editorGutter.background#141312
• editorGutter.commentRangeForeground#c5c5c5
• editorGutter.deletedBackground#F83379
• editorGutter.foldingControlForeground#c5c5c5
• editorGutter.modifiedBackground#8E901B
• editorHoverWidget.background#252022
• editorHoverWidget.border#2e3036
• editorHoverWidget.foreground#cccccc
• editorIndentGuide.activeBackground1#ffffff33
• editorIndentGuide.background1#322B2E
• editorInfo.background#4490BF00
• editorInfo.border#4490BF00
• editorInfo.foreground#75beff
• editorLineNumber.activeForeground#e0dad7
• editorLineNumber.foreground#322B2E
• editorLink.activeForeground#4e94ce
• editorMarkerNavigation.background#2d2d30
• editorMarkerNavigationError.background#F83379
• editorMarkerNavigationInfo.background#75beff
• editorMarkerNavigationWarning.background#fef05b
• editorOverviewRuler.background#25252500
• editorOverviewRuler.border#7f7f7f4d
• editorRuler.foreground#5a5a5a
• editorSuggestWidget.background#252022
• editorSuggestWidget.border#454545
• editorSuggestWidget.foreground#d4d4d4
• editorSuggestWidget.highlightForeground#f77d72
• editorSuggestWidget.selectedBackground#34185d
• editorWarning.background#A9904000
• editorWarning.border#ffffff00
• editorWarning.foreground#fef05b
• editorWhitespace.foreground#e3e4e229
• editorWidget.background#000000
• editorWidget.foreground#cccccc
• editorWidget.resizeBorder#ffffff46
• focusBorder#ffffff3e
• gitDecoration.addedResourceForeground#E0E32B
• gitDecoration.conflictingResourceForeground#F83379
• gitDecoration.deletedResourceForeground#F83379
• gitDecoration.ignoredResourceForeground#6a716f
• gitDecoration.modifiedResourceForeground#8E901B
• gitDecoration.stageDeletedResourceForeground#ae4912
• gitDecoration.stageModifiedResourceForeground#8E901B
• gitDecoration.submoduleResourceForeground#78cfff
• gitDecoration.untrackedResourceForeground#55d9c1
• icon.foreground#e0dad7
• input.background#322B2E27
• input.border#322B2E
• input.foreground#e0dad7
• input.placeholderForeground#ffffff4e
• inputOption.activeBackground#EC764366
• inputOption.activeBorder#EC7643
• inputOption.activeForeground#ffffff
• list.activeSelectionBackground#322B2E
• list.activeSelectionForeground#ffffff
• list.dropBackground#00000026
• list.focusAndSelectionOutline#00000000
• list.focusBackground#61f2c912
• list.focusForeground#f7f7f7
• list.highlightForeground#f77d72
• list.hoverBackground#322B2E8b
• list.hoverForeground#e0dad7
• list.inactiveSelectionBackground#322B2E4d
• list.inactiveSelectionForeground#e0dad7
• list.warningForeground#fef05b
• listFilterWidget.background#381b3c
• listFilterWidget.noMatchesOutline#e4134e
• listFilterWidget.outline#ffffff12
• menu.background#141312
• menu.border#ffffff2a
• menu.foreground#e0dad7
• menu.selectionBackground#074e5b63
• menu.selectionBorder#00000000
• menu.selectionForeground#f4f7ff
• menu.separatorBackground#ffffff2a
• menubar.selectionBackground#000000
• menubar.selectionBorder#ffffff00
• menubar.selectionForeground#b6afb5
• merge.commonContentBackground#2828287e
• merge.commonHeaderBackground#3838387e
• merge.currentContentBackground#27403B7e
• merge.currentHeaderBackground#3673667e
• merge.incomingContentBackground#28384B7e
• merge.incomingHeaderBackground#395F8F7e
• minimap.background#00000000
• minimap.errorHighlight#F83379
• minimap.findMatchHighlight#515c6a7e
• minimap.selectionHighlight#574bea4e
• minimap.warningHighlight#fef05b
• minimapGutter.addedBackground#1C7D6C
• minimapGutter.deletedBackground#F83379
• minimapGutter.modifiedBackground#8E901B
• notificationCenter.border#ffffff12
• notificationCenterHeader.background#1b1c1d
• notificationCenterHeader.foreground#e0dad7
• notifications.background#141312
• notifications.border#ffffff12
• notifications.foreground#e0dad7
• notificationsErrorIcon.foreground#F83379
• notificationsInfoIcon.foreground#6269e6
• notificationsWarningIcon.foreground#fef05b
• notificationToast.border#ffffff12
• panel.background#141312
• panel.border#ffffff12
• panelSection.border#ffffff12
• panelTitle.activeBorder#ffffff
• panelTitle.activeForeground#fdfdfd
• panelTitle.inactiveForeground#e0dad7
• peekView.border#007acc
• peekViewEditor.background#001f33
• peekViewEditor.matchHighlightBackground#ff8f0099
• peekViewEditor.matchHighlightBorder#ee931e
• peekViewEditorGutter.background#001f33
• peekViewResult.background#252526
• peekViewResult.fileForeground#ffffff
• peekViewResult.lineForeground#bbbbbb
• peekViewResult.matchHighlightBackground#ea5c004d
• peekViewResult.selectionBackground#3399ff33
• peekViewResult.selectionForeground#ffffff
• peekViewTitle.background#1e1e1e
• peekViewTitleDescription.foreground#ccccccb3
• peekViewTitleLabel.foreground#ffffff
• pickerGroup.border#ffffff32
• pickerGroup.foreground#449fff
• progressBar.background#ffffff
• scrollbar.shadow#00000000
• scrollbarSlider.activeBackground#bfbfbf66
• scrollbarSlider.background#00000048
• scrollbarSlider.hoverBackground#ffffff14
• settings.focusedRowBackground#ffffff07
• settings.headerForeground#e0dad7
• sideBar.background#141312
• sideBar.border#322B2E
• sideBar.dropBackground#00000026
• sideBar.foreground#e0dad7d8
• sideBarSectionHeader.background#141312
• sideBarSectionHeader.border#322B2E
• sideBarSectionHeader.foreground#dbdbdb
• sideBarTitle.foreground#e0dad7
• statusBar.background#141312
• statusBar.border#322B2E
• statusBar.debuggingBackground#e84c27
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#e0dad7aa
• statusBar.noFolderBackground#000000
• statusBar.noFolderForeground#ffffff
• statusBarItem.activeBackground#FFFFFF25
• statusBarItem.hoverBackground#ffffff3a
• statusBarItem.remoteBackground#ED9E8D81
• statusBarItem.remoteForeground#ffffff
• statusBarItem.warningBackground#F83379
• tab.activeBackground#322B2E6d
• tab.activeBorder#ffffff00
• tab.activeBorderTop#e0dad7
• tab.activeForeground#e0dad7
• tab.border#00000000
• tab.hoverBackground#ffffff0a
• tab.inactiveBackground#141312
• tab.inactiveForeground#e0dad774
• terminal.ansiBlack#000000
• terminal.ansiBlue#6269e6
• terminal.ansiBrightBlack#857c7e
• terminal.ansiBrightBlue#78cfff
• terminal.ansiBrightCyan#96fcff
• terminal.ansiBrightGreen#76ffc9
• terminal.ansiBrightMagenta#eea6ff
• terminal.ansiBrightRed#ff7a98
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#f9f1a5
• terminal.ansiCyan#2abbca
• terminal.ansiGreen#0cd493
• terminal.ansiMagenta#cc4e91
• terminal.ansiRed#ea2754
• terminal.ansiWhite#c7c7c7
• terminal.ansiYellow#fec93b
• terminal.border#ffffff12
• terminal.foreground#cccccc
• terminal.selectionBackground#ffffff18
• terminalCursor.background#ffffff32
• terminalCursor.foreground#e0dad7
• textLink.activeForeground#acaee8
• textLink.foreground#EC7643
• titleBar.activeBackground#141312
• titleBar.activeForeground#e0dad7
• titleBar.border#322B2E
• titleBar.inactiveBackground#141312
• titleBar.inactiveForeground#92929299
• tree.indentGuidesStroke#322B2E
• walkThrough.embeddedEditorBackground#00000050
• welcomePage.background#141312
• welcomePage.progress.foreground#ED9E8D
• welcomePage.tileBackground#111218
• widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).