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#040404
• activityBar.border#1A1A1A
• activityBar.foreground#E6F7FFCC
• activityBarBadge.background#3DE6FF
• activityBarBadge.foreground#001014
• badge.background#3DE6FF
• badge.foreground#001014
• button.background#3DE6FF
• button.foreground#001014
• button.hoverBackground#2CCFE6
• debugExceptionWidget.background#050505
• debugExceptionWidget.border#1A1A1A
• debugToolBar.background#050505
• diffEditor.insertedTextBackground#81C78422
• diffEditor.removedTextBackground#E5737322
• dropdown.background#050505
• dropdown.border#1A1A1A
• dropdown.foreground#E6F7FF
• editor.background#040404
• editor.findMatchBackground#3DE6FF22
• editor.findMatchBorder#3DE6FF
• editor.findMatchHighlightBackground#3DE6FF11
• editor.findMatchHighlightBorder#3DE6FF55
• editor.findRangeHighlightBackground#1A2A38
• editor.findRangeHighlightBorder#00000000
• editor.foreground#E6F7FF
• editor.inactiveSelectionBackground#121922
• editor.lineHighlightBackground#0F1A22
• editor.rangeHighlightBackground#1A2A38
• editor.selectionBackground#1A2A38
• editor.selectionHighlightBackground#1A2A38
• editor.selectionHighlightBorder#1A2A38
• editor.wordHighlightBackground#14202A
• editor.wordHighlightStrongBackground#3DE6FF22
• editorBracketMatch.background#3DE6FF22
• editorBracketMatch.border#3DE6FF66
• editorCodeLens.foreground#6A7A88
• editorCursor.foreground#3DE6FF
• editorError.foreground#FF4C4C
• editorGroup.background#040404
• editorGroup.border#1A1A1A
• editorGroupHeader.noTabsBackground#040404
• editorGroupHeader.tabsBackground#040404
• editorGroupHeader.tabsBorder#1A1A1A
• editorGutter.addedBackground#81C78499
• editorGutter.deletedBackground#E57373
• editorGutter.modifiedBackground#4FC3F799
• editorHoverWidget.background#050505
• editorHoverWidget.border#050505
• editorIndentGuide.activeBackground#E6F7FF66
• editorIndentGuide.background#E6F7FF33
• editorLineNumber.activeForeground#E6F7FF
• editorLineNumber.foreground#E6F7FF55
• editorLink.activeForeground#3DE6FF
• editorMarkerNavigation.background#050505
• editorOverviewRuler.addedForeground#81C78499
• editorOverviewRuler.border#1A1A1A
• editorOverviewRuler.deletedForeground#E5737399
• editorOverviewRuler.errorForeground#FF4C4C
• editorOverviewRuler.modifiedForeground#4FC3F799
• editorOverviewRuler.warningForeground#FFD166
• editorRuler.foreground#E6F7FF33
• editorSuggestWidget.background#050505
• editorSuggestWidget.border#050505
• editorSuggestWidget.highlightForeground#3DE6FF
• editorSuggestWidget.selectedBackground#12202B
• editorWarning.foreground#FFD166
• editorWhitespace.foreground#E6F7FF33
• editorWidget.background#040404
• extensionButton.prominentBackground#3DE6FF
• extensionButton.prominentForeground#000000
• extensionButton.prominentHoverBackground#2CCFE6
• focusBorder#0A0A0A
• foreground#E6F7FF
• input.background#050505
• input.border#1A1A1A
• input.foreground#C5D1D8
• input.placeholderForeground#3A4450
• inputOption.activeBorder#3DE6FF
• inputValidation.errorBackground#050505
• inputValidation.errorBorder#FF4C4C
• inputValidation.infoBackground#050505
• inputValidation.infoBorder#3DE6FF
• inputValidation.warningBackground#050505
• inputValidation.warningBorder#FFD166
• list.activeSelectionBackground#12202B
• list.activeSelectionForeground#E6F7FF
• list.focusBackground#12202B
• list.focusForeground#E6F7FF
• list.highlightForeground#3DE6FF
• list.hoverBackground#1C1C1C
• list.hoverForeground#E6F7FF
• list.inactiveSelectionBackground#12202B
• list.inactiveSelectionForeground#C5D1D8
• list.invalidItemForeground#3A4450
• panel.background#050505
• panel.border#1A1A1A
• panelTitle.activeBorder#3DE6FF
• panelTitle.activeForeground#E6F7FF
• panelTitle.inactiveForeground#C5D1D8
• peekView.border#1A1A1A
• peekViewEditor.background#050505
• peekViewEditor.matchHighlightBackground#3DE6FF33
• peekViewResult.background#050505
• peekViewResult.fileForeground#E6F7FF
• peekViewResult.matchHighlightBackground#3DE6FF33
• peekViewTitle.background#050505
• peekViewTitleDescription.foreground#C5D1D8
• peekViewTitleLabel.foreground#E6F7FF
• pickerGroup.border#1A1A1A
• pickerGroup.foreground#3A4450
• progressBar.background#3DE6FF
• scrollbar.shadow#1A1A1A
• scrollbarSlider.activeBackground#E6F7FFBB
• scrollbarSlider.background#E6F7FF55
• scrollbarSlider.hoverBackground#E6F7FF88
• selection.background#1A2A38
• sideBar.background#050505
• sideBar.border#050505
• sideBarSectionHeader.background#050505
• sideBarSectionHeader.foreground#C5D1D8
• sideBarTitle.foreground#E6F7FF
• statusBar.background#050505
• statusBar.border#1A1A1A
• statusBar.debuggingBackground#F4A261
• statusBar.debuggingForeground#000000
• statusBar.foreground#E6F7FF
• statusBar.noFolderBackground#050505
• statusBarItem.activeBackground#00000050
• statusBarItem.hoverBackground#00000030
• statusBarItem.prominentBackground#1A1A1A
• statusBarItem.prominentHoverBackground#00000030
• tab.activeBackground#040404
• tab.activeBorderTop#3DE6FF
• tab.activeForeground#E6F7FF
• tab.border#1A1A1A
• tab.inactiveBackground#050505
• tab.inactiveForeground#C5D1D8
• tab.unfocusedActiveBorderTop#888888
• tab.unfocusedActiveForeground#C5D1D8
• tab.unfocusedInactiveForeground#888888
• terminal.ansiBrightCyan#6FF2FF
• terminal.ansiCyan#3DE6FF
• terminal.background#050505
• terminal.foreground#E6F7FF
• textBlockQuote.background#050505
• textLink.activeForeground#6FF2FF
• textLink.foreground#3DE6FF
• textPreformat.foreground#C5D1D8
• titleBar.activeBackground#050505
• titleBar.activeForeground#E6F7FF
• titleBar.border#1A1A1A
• titleBar.inactiveBackground#050505
• titleBar.inactiveForeground#888888
• walkThrough.embeddedEditorBackground#050505
• widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).