Techura Systems Dark Theme

Color themes

• 

  Techura Blue Theme

• 

  Techura Cyan Theme

• 

  Techura Green Theme

• 

  Techura Grey 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.background#1a1a1a
• activityBar.border#2a2a2a
• activityBar.foreground#d4d4d4cc
• activityBarBadge.background#6a6a6a
• activityBarBadge.foreground#ffffff
• badge.background#5c5c5c
• badge.foreground#ffffff
• button.background#5c5c5c
• button.foreground#ffffff
• button.hoverBackground#707070
• debugExceptionWidget.background#1e1e1e
• debugExceptionWidget.border#3a3a3a
• debugToolBar.background#1e1e1e
• diffEditor.insertedTextBackground#8f8f8f26
• diffEditor.removedTextBackground#5f5f5f26
• dropdown.background#1e1e1e
• dropdown.border#3a3a3a
• dropdown.foreground#d4d4d4
• editor.background#121212
• editor.findMatchBackground#5a5a5a66
• editor.findMatchBorder#8a8a8a
• editor.findMatchHighlightBackground#3a3a3a55
• editor.findMatchHighlightBorder#6a6a6a
• editor.findRangeHighlightBackground#2a2a2a
• editor.findRangeHighlightBorder#00000000
• editor.foreground#d4d4d4
• editor.inactiveSelectionBackground#2a2a2a
• editor.lineHighlightBackground#1c1c1c
• editor.rangeHighlightBackground#2f2f2f
• editor.selectionBackground#3a3a3a
• editor.selectionHighlightBackground#3a3a3a55
• editor.selectionHighlightBorder#4a4a4a
• editor.wordHighlightBackground#3a3a3a33
• editor.wordHighlightStrongBackground#4a4a4a66
• editorBracketMatch.background#5a5a5a55
• editorBracketMatch.border#9a9a9a
• editorCodeLens.foreground#7a7a7a
• editorCursor.foreground#b0b0b0
• editorError.foreground#b05050
• editorGroup.background#121212
• editorGroup.border#2a2a2a
• editorGroupHeader.noTabsBackground#121212
• editorGroupHeader.tabsBackground#121212
• editorGroupHeader.tabsBorder#2a2a2a
• editorGutter.addedBackground#8f8f8f99
• editorGutter.deletedBackground#5f5f5f
• editorGutter.modifiedBackground#7f7f7f99
• editorHoverWidget.background#1e1e1e
• editorHoverWidget.border#2a2a2a
• editorIndentGuide.activeBackground#6a6a6a
• editorIndentGuide.background#3a3a3a
• editorLineNumber.activeForeground#cfcfcf
• editorLineNumber.foreground#6f6f6f
• editorLink.activeForeground#a6a6a6
• editorMarkerNavigation.background#1e1e1e
• editorOverviewRuler.addedForeground#8f8f8f99
• editorOverviewRuler.border#2a2a2a
• editorOverviewRuler.deletedForeground#5f5f5f99
• editorOverviewRuler.errorForeground#b05050
• editorOverviewRuler.modifiedForeground#7f7f7f99
• editorOverviewRuler.warningForeground#8f8f8f
• editorRuler.foreground#3a3a3a
• editorSuggestWidget.background#1e1e1e
• editorSuggestWidget.border#2a2a2a
• editorSuggestWidget.highlightForeground#b0b0b0
• editorSuggestWidget.selectedBackground#3a3a3a
• editorWarning.foreground#9a9a9a
• editorWhitespace.foreground#5a5a5a
• editorWidget.background#1e1e1e
• extensionButton.prominentBackground#5c5c5c
• extensionButton.prominentForeground#ffffff
• extensionButton.prominentHoverBackground#707070
• focusBorder#3a3a3a
• foreground#d4d4d4
• gitDecoration.conflictingResourceForeground#c0c0c0
• gitDecoration.deletedResourceForeground#6a6a6ab3
• gitDecoration.ignoredResourceForeground#5a5a5a
• gitDecoration.modifiedResourceForeground#9a9a9ab3
• gitDecoration.submoduleResourceForeground#8f8f8fb3
• gitDecoration.untrackedResourceForeground#b0b0b0b3
• input.background#1e1e1e
• input.border#3a3a3a
• input.foreground#d4d4d4
• input.placeholderForeground#7a7a7a
• inputOption.activeBorder#8c8c8c
• inputValidation.errorBackground#1e1e1e
• inputValidation.errorBorder#a94444
• inputValidation.infoBackground#1e1e1e
• inputValidation.infoBorder#5f7f9f
• inputValidation.warningBackground#1e1e1e
• inputValidation.warningBorder#a68b4f
• list.activeSelectionBackground#3a3a3a
• list.activeSelectionForeground#ffffff
• list.focusBackground#4a4a4a
• list.focusForeground#ffffff
• list.highlightForeground#b0b0b0
• list.hoverBackground#2a2a2a
• list.hoverForeground#d4d4d4
• list.inactiveSelectionBackground#2f2f2f
• list.inactiveSelectionForeground#d4d4d4
• list.invalidItemForeground#6a6a6a
• panel.background#181818
• panel.border#2a2a2a
• panelTitle.activeBorder#8c8c8c
• panelTitle.activeForeground#ffffff
• panelTitle.inactiveForeground#9a9a9a
• peekView.border#3a3a3a
• peekViewEditor.background#1a1a1a
• peekViewEditor.matchHighlightBackground#8a8a8a33
• peekViewResult.background#181818
• peekViewResult.fileForeground#d4d4d4
• peekViewResult.matchHighlightBackground#8a8a8a33
• peekViewTitle.background#202020
• peekViewTitleDescription.foreground#c0c0c0
• peekViewTitleLabel.foreground#ffffff
• pickerGroup.border#3a3a3a
• pickerGroup.foreground#8a8a8a
• progressBar.background#7a7a7a
• scrollbar.shadow#1e1e1e
• scrollbarSlider.activeBackground#b0b0b0b3
• scrollbarSlider.background#7a7a7a66
• scrollbarSlider.hoverBackground#9a9a9a99
• selection.background#3a3a3a55
• settings.headerForeground#ffffff
• settings.modifiedItemIndicator#8a8a8a
• sideBar.background#181818
• sideBar.border#202020
• sideBarSectionHeader.background#202020
• sideBarSectionHeader.foreground#d4d4d4
• sideBarTitle.foreground#d4d4d4
• statusBar.background#1a1a1a
• statusBar.border#2a2a2a
• statusBar.debuggingBackground#6a6a6a
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#d4d4d4
• statusBar.noFolderBackground#1a1a1a
• statusBarItem.activeBackground#3a3a3a50
• statusBarItem.hoverBackground#4a4a4a30
• statusBarItem.prominentBackground#3a3a3a
• statusBarItem.prominentHoverBackground#4a4a4a50
• tab.activeBackground#1e1e1e
• tab.activeBorderTop#8c8c8c
• tab.activeForeground#ffffff
• tab.border#2a2a2a
• tab.inactiveBackground#151515
• tab.inactiveForeground#9a9a9a
• tab.unfocusedActiveBorderTop#6a6a6a
• tab.unfocusedActiveForeground#c0c0c0
• tab.unfocusedInactiveForeground#7a7a7a
• terminal.ansiBlack#1e1e1e
• terminal.ansiBlue#7a7a7a
• terminal.ansiBrightBlack#5a5a5a
• terminal.ansiBrightBlue#9a9a9a
• terminal.ansiBrightCyan#c5c5c5
• terminal.ansiBrightGreen#b0b0b0
• terminal.ansiBrightMagenta#b5b5b5
• terminal.ansiBrightRed#a0a0a0
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#c0c0c0
• terminal.ansiCyan#909090
• terminal.ansiGreen#9a9a9a
• terminal.ansiMagenta#a0a0a0
• terminal.ansiRed#8a8a8a
• terminal.ansiWhite#d4d4d4
• terminal.ansiYellow#b0b0b0
• terminal.background#121212
• terminal.foreground#d4d4d4
• textBlockQuote.background#1e1e1e
• textLink.activeForeground#a6a6a6
• textLink.foreground#8c8c8c
• textPreformat.foreground#b3b3b3
• titleBar.activeBackground#1a1a1a
• titleBar.activeForeground#ffffff
• titleBar.border#2a2a2a
• titleBar.inactiveBackground#151515
• titleBar.inactiveForeground#9a9a9a
• walkThrough.embeddedEditorBackground#1a1a1a
• widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).