Techura Systems Dark Theme

Color themes

• 

  Techura Pink Theme

• 

  Techura Purple Theme

• 

  Techura Red Theme

• 

  Techura Yellow 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#060606
• activityBar.border#1e1e1e
• activityBar.foreground#dbdbdbcc
• activityBarBadge.background#FF4FD8
• activityBarBadge.foreground#000000
• badge.background#FF4FD8
• badge.foreground#000000
• button.background#FF4FD8
• button.foreground#000000
• button.hoverBackground#E043C0
• debugExceptionWidget.background#000000
• debugExceptionWidget.border#1e1e1e
• debugToolBar.background#000000
• diffEditor.insertedTextBackground#c2d94c26
• diffEditor.removedTextBackground#f2966826
• dropdown.background#000000
• dropdown.border#1e1e1e
• dropdown.foreground#dbdbdb
• editor.background#060606
• editor.findMatchBackground#1e1e1e0d
• editor.findMatchBorder#1e1e1e
• editor.findMatchHighlightBackground#1e1e1e0d
• editor.findMatchHighlightBorder#1e1e1e59
• editor.findRangeHighlightBackground#1e1e1e
• editor.findRangeHighlightBorder#00000000
• editor.foreground#dbdbdb
• editor.inactiveSelectionBackground#121922
• editor.lineHighlightBackground#1e1e1e
• editor.rangeHighlightBackground#1e1e1e
• editor.selectionBackground#1e1e1e
• editor.selectionHighlightBackground#1e1e1e
• editor.selectionHighlightBorder#1e1e1e
• editor.wordHighlightBackground#121922
• editor.wordHighlightStrongBackground#1e1e1e33
• editorBracketMatch.background#dbdbdb4d
• editorBracketMatch.border#dbdbdb99
• editorCodeLens.foreground#626a73
• editorCursor.foreground#FF4FD8
• editorError.foreground#ff3333
• editorGroup.background#060606
• editorGroup.border#1e1e1e
• editorGroupHeader.noTabsBackground#060606
• editorGroupHeader.tabsBackground#060606
• editorGroupHeader.tabsBorder#1e1e1e
• editorGutter.addedBackground#91b36299
• editorGutter.deletedBackground#d96c75
• editorGutter.modifiedBackground#6994bf99
• editorHoverWidget.background#000000
• editorHoverWidget.border#000000
• editorIndentGuide.activeBackground#dbdbdbb3
• editorIndentGuide.background#dbdbdb66
• editorLineNumber.activeForeground#dbdbdbe6
• editorLineNumber.foreground#dbdbdb99
• editorLink.activeForeground#FF4FD8
• editorMarkerNavigation.background#000000
• editorOverviewRuler.addedForeground#91b36299
• editorOverviewRuler.border#1e1e1e
• editorOverviewRuler.deletedForeground#d96c7599
• editorOverviewRuler.errorForeground#ff3333
• editorOverviewRuler.modifiedForeground#6994bf99
• editorOverviewRuler.warningForeground#FF4FD8
• editorRuler.foreground#dbdbdb66
• editorSuggestWidget.background#000000
• editorSuggestWidget.border#000000
• editorSuggestWidget.highlightForeground#FF4FD8
• editorSuggestWidget.selectedBackground#1e1e1e
• editorWarning.foreground#FF4FD8
• editorWhitespace.foreground#dbdbdb99
• editorWidget.background#060606
• extensionButton.prominentBackground#1e1e1e
• extensionButton.prominentForeground#000000
• extensionButton.prominentHoverBackground#FF7BE6
• focusBorder#000000
• foreground#dbdbdb
• input.background#000000
• input.border#1e1e1e
• input.foreground#b3b1ad
• input.placeholderForeground#2e323c
• inputOption.activeBorder#FF4FD8
• inputValidation.errorBackground#000000
• inputValidation.errorBorder#ff3333
• inputValidation.infoBackground#000000
• inputValidation.infoBorder#FF4FD8
• inputValidation.warningBackground#000000
• inputValidation.warningBorder#ffb454
• list.activeSelectionBackground#1e1e1e
• list.activeSelectionForeground#dbdbdb
• list.focusBackground#1e1e1e
• list.focusForeground#000000
• list.highlightForeground#FF4FD8
• list.hoverBackground#2b2b2b
• list.hoverForeground#dbdbdb
• list.inactiveSelectionBackground#1e1e1e
• list.inactiveSelectionForeground#dbdbdb
• list.invalidItemForeground#2e323c
• panel.background#000000
• panel.border#1e1e1e
• panelTitle.activeBorder#FF4FD8
• panelTitle.activeForeground#b3b1ad
• panelTitle.inactiveForeground#dbdbdb
• peekView.border#1e1e1e
• peekViewEditor.background#000000
• peekViewEditor.matchHighlightBackground#FF4FD833
• peekViewResult.background#000000
• peekViewResult.fileForeground#dbdbdb
• peekViewResult.matchHighlightBackground#FF4FD833
• peekViewTitle.background#000000
• peekViewTitleDescription.foreground#dbdbdb
• peekViewTitleLabel.foreground#dbdbdb
• pickerGroup.border#1e1e1e
• pickerGroup.foreground#242831
• progressBar.background#FF4FD8
• scrollbar.shadow#1e1e1e
• scrollbarSlider.activeBackground#dbdbdbb3
• scrollbarSlider.background#dbdbdb66
• scrollbarSlider.hoverBackground#dbdbdb99
• selection.background#161f2afd
• sideBar.background#000000
• sideBar.border#000000
• sideBarSectionHeader.background#000000
• sideBarSectionHeader.foreground#dbdbdb
• sideBarTitle.foreground#dbdbdb
• statusBar.background#000000
• statusBar.border#1e1e1e
• statusBar.debuggingBackground#f29668
• statusBar.debuggingForeground#000000
• statusBar.foreground#dbdbdb
• statusBar.noFolderBackground#000000
• statusBarItem.activeBackground#00000050
• statusBarItem.hoverBackground#00000030
• statusBarItem.prominentBackground#1e1e1e
• statusBarItem.prominentHoverBackground#00000030
• tab.activeBackground#060606
• tab.activeBorderTop#FF4FD8
• tab.activeForeground#b3b1ad
• tab.border#1e1e1e
• tab.inactiveBackground#000000
• tab.inactiveForeground#dbdbdb
• tab.unfocusedActiveBorderTop#dbdbdb
• tab.unfocusedActiveForeground#dbdbdb
• tab.unfocusedInactiveForeground#dbdbdb
• terminal.ansiBrightCyan#FF4FD8
• terminal.ansiCyan#FF4FD8
• terminal.background#000000
• terminal.foreground#dbdbdb
• textBlockQuote.background#000000
• textLink.activeForeground#FF4FD8
• textLink.foreground#FF4FD8
• textPreformat.foreground#b3b1ad
• titleBar.activeBackground#000000
• titleBar.activeForeground#dbdbdb
• titleBar.border#1e1e1e
• titleBar.inactiveBackground#000000
• titleBar.inactiveForeground#dbdbdb
• walkThrough.embeddedEditorBackground#000000
• widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).