QiHui Tech

Color themes

• 

  QiHui Tech

• 

  QiHui Tech Light

• 

  QiHui Tech Night

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#1A281F
• activityBar.foreground#E3E5D4
• activityBarBadge.background#E9C46A
• activityBarBadge.foreground#0F1C15
• badge.background#4B6A50
• badge.foreground#FFFFFF
• button.background#4B6A50
• button.foreground#FFFFFF
• button.hoverBackground#5E8563
• diffEditor.insertedTextBackground#A3B18A20
• diffEditor.removedTextBackground#58815720
• dropdown.background#1A281F
• dropdown.border#2C4032
• dropdown.foreground#E3E5D4
• editor.background#0F1C15
• editor.foreground#E3E5D4
• editor.lineHighlightBackground#1A281F
• editor.selectionBackground#4B6A5050
• editorCursor.foreground#E9C46A
• editorGroupHeader.tabsBackground#15221B
• editorIndentGuide.activeBackground#588157
• editorIndentGuide.background#2C4032
• editorLineNumber.activeForeground#E9C46A
• editorLineNumber.foreground#4B6A50
• editorWidget.background#1A281F
• focusBorder#4B6A50
• input.background#1A281F
• input.foreground#E3E5D4
• input.placeholderForeground#E3E5D460
• list.activeSelectionBackground#2C4032
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#1A281F
• list.inactiveSelectionBackground#1A281F
• menu.background#1A281F
• menu.foreground#E3E5D4
• panel.background#0F1C15
• panel.border#2C4032
• panelTitle.activeBorder#E9C46A
• panelTitle.activeForeground#E9C46A
• panelTitle.inactiveForeground#588157
• peekView.border#4B6A50
• peekViewEditor.background#0F1C15
• peekViewResult.background#1A281F
• scrollbarSlider.activeBackground#E3E5D440
• scrollbarSlider.background#E3E5D410
• scrollbarSlider.hoverBackground#E3E5D420
• sideBar.background#15221B
• sideBar.foreground#A3B18A
• sideBarSectionHeader.background#1A281F
• sideBarSectionHeader.foreground#E3E5D4
• statusBar.background#0F1C15
• statusBar.debuggingBackground#4B6A50
• statusBar.foreground#A3B18A
• statusBar.noFolderBackground#0F1C15
• tab.activeBackground#0F1C15
• tab.activeBorder#E9C46A
• tab.activeForeground#FFFFFF
• tab.border#15221B
• tab.inactiveBackground#15221B
• tab.inactiveForeground#588157
• terminal.ansiBlack#0F1C15
• terminal.ansiBlue#4B6A50
• terminal.ansiCyan#8AB17D
• terminal.ansiGreen#A3B18A
• terminal.ansiMagenta#F4A261
• terminal.ansiRed#E76F51
• terminal.ansiWhite#E3E5D4
• terminal.ansiYellow#E9C46A
• titleBar.activeBackground#15221B
• titleBar.activeForeground#E3E5D4
• titleBar.inactiveBackground#15221B
• titleBar.inactiveForeground#4B6A50

tokenColors

TextMate scopes and font styles (syntax highlighting rules).