HUIX-THEME
Publisher: huix-2099Themes in package: 1
Premium dark VS Code theme with Orange, Green & Gray syntax colors. Built by Victor Edet Coleman for HUIX-2099.
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.activeBorder#FF9500
- activityBar.background#0F0E0C
- activityBar.border#0A0A0A
- activityBar.foreground#FF9500
- activityBar.inactiveForeground#555555
- activityBarBadge.background#FF9500
- activityBarBadge.foreground#000000
- badge.background#FF9500
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#FF9500
- breadcrumb.background#1A1816
- breadcrumb.foreground#666666
- button.background#FF9500
- button.foreground#000000
- button.hoverBackground#FFAA33
- button.secondaryBackground#2A2826
- button.secondaryForeground#E0E0E0
- debugIcon.breakpointForeground#FF5555
- debugIcon.startForeground#00FF66
- descriptionForeground#888888
- diffEditor.insertedTextBackground#00FF6618
- diffEditor.removedTextBackground#FF000018
- disabledForeground#555555
- dropdown.background#141210
- dropdown.border#2A2826
- dropdown.foreground#E0E0E0
- editor.background#1A1816
- editor.findMatchBackground#FF950050
- editor.findMatchBorder#FF9500
- editor.findMatchHighlightBackground#FF950030
- editor.foreground#E0E0E0
- editor.hoverHighlightBackground#FFFFFF08
- editor.inactiveSelectionBackground#FF950020
- editor.lineHighlightBackground#FFFFFF05
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#FFFFFF05
- editor.selectionBackground#FF950040
- editor.selectionHighlightBackground#FF950025
- editor.wordHighlightBackground#FF950025
- editor.wordHighlightStrongBackground#FF950035
- editorBracketHighlight.foreground1#FF9500
- editorBracketHighlight.foreground2#00FF66
- editorBracketHighlight.foreground3#FF9500
- editorBracketHighlight.foreground4#00FF66
- editorBracketHighlight.foreground5#FF9500
- editorBracketHighlight.foreground6#00FF66
- editorBracketHighlight.unexpectedBracket.foreground#FF0000
- editorBracketMatch.background#FF950030
- editorBracketMatch.border#FF9500
- editorCursor.foreground#FF9500
- editorError.foreground#FF0000
- editorGroup.border#0A0A0A
- editorGroupHeader.tabsBackground#0F0E0C
- editorGutter.addedBackground#00FF66
- editorGutter.background#1A1816
- editorGutter.deletedBackground#FF0000
- editorGutter.modifiedBackground#FF9500
- editorIndentGuide.activeBackground1#444444
- editorIndentGuide.background1#2A2826
- editorInfo.foreground#00FF66
- editorInlayHint.background#1A1816
- editorInlayHint.foreground#666666
- editorLineNumber.activeForeground#FF9500
- editorLineNumber.foreground#555555
- editorRuler.foreground#2A2826
- editorSuggestWidget.background#141210
- editorSuggestWidget.border#2A2826
- editorSuggestWidget.highlightForeground#FF9500
- editorSuggestWidget.selectedBackground#FF950030
- editorWarning.foreground#FF9500
- editorWhitespace.foreground#333333
- editorWidget.background#141210
- editorWidget.border#2A2826
- errorForeground#FF9500
- focusBorder#FF950088
- foreground#E0E0E0
- gitDecoration.addedResourceForeground#00FF66
- gitDecoration.deletedResourceForeground#FF5555
- gitDecoration.ignoredResourceForeground#444444
- gitDecoration.modifiedResourceForeground#FF9500
- gitDecoration.untrackedResourceForeground#00FF66
- icon.foreground#CCCCCC
- input.background#141210
- input.border#2A2826
- input.foreground#E0E0E0
- input.placeholderForeground#555555
- inputOption.activeBackground#FF950035
- inputOption.activeBorder#FF9500
- list.activeSelectionBackground#FF950030
- list.activeSelectionForeground#FFFFFF
- list.highlightForeground#FF9500
- list.hoverBackground#FFFFFF08
- list.inactiveSelectionBackground#FF950018
- menu.background#141210
- menu.foreground#E0E0E0
- menu.selectionBackground#FF950035
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#2A2826
- minimap.background#1A1816
- notificationCenterHeader.background#141210
- notifications.background#141210
- panel.background#141210
- panel.border#0A0A0A
- panelTitle.activeBorder#FF9500
- panelTitle.activeForeground#FF9500
- panelTitle.inactiveForeground#666666
- peekView.border#FF9500
- peekViewEditor.background#0F0E0C
- peekViewResult.background#141210
- peekViewTitle.background#141210
- progressBar.background#FF9500
- scrollbarSlider.activeBackground#FF950050
- scrollbarSlider.background#FFFFFF10
- scrollbarSlider.hoverBackground#FFFFFF18
- sideBar.background#141210
- sideBar.border#0A0A0A
- sideBar.foreground#AAAAAA
- sideBarSectionHeader.background#1A1816
- sideBarSectionHeader.foreground#FF9500
- sideBarTitle.foreground#FF9500
- statusBar.background#0F0E0C
- statusBar.border#0A0A0A
- statusBar.debuggingBackground#00FF66
- statusBar.debuggingForeground#000000
- statusBar.foreground#AAAAAA
- statusBarItem.remoteBackground#FF9500
- statusBarItem.remoteForeground#000000
- tab.activeBackground#1A1816
- tab.activeBorderTop#FF9500
- tab.activeForeground#FF9500
- tab.border#00000000
- tab.hoverBackground#222222
- tab.inactiveBackground#0F0E0C
- tab.inactiveForeground#666666
- terminal.ansiBlack#1A1816
- terminal.ansiBlue#88AACC
- terminal.ansiBrightBlack#555555
- terminal.ansiBrightBlue#99BBDD
- terminal.ansiBrightCyan#33FF88
- terminal.ansiBrightGreen#33FF88
- terminal.ansiBrightMagenta#DD88BB
- terminal.ansiBrightRed#FF6666
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFAA33
- terminal.ansiCyan#00FF66
- terminal.ansiGreen#00FF66
- terminal.ansiMagenta#CC77AA
- terminal.ansiRed#FF5555
- terminal.ansiWhite#E0E0E0
- terminal.ansiYellow#FF9500
- terminal.background#1A1816
- terminal.foreground#E0E0E0
- terminalCursor.foreground#FF9500
- testing.iconFailed#FF5555
- testing.iconPassed#00FF66
- textLink.activeForeground#FFAA33
- textLink.foreground#FF9500
- titleBar.activeBackground#0F0E0C
- titleBar.activeForeground#E0E0E0
- titleBar.border#0A0A0A
- titleBar.inactiveBackground#0F0E0C
- titleBar.inactiveForeground#666666
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #666666 | italic |
| string, punctuation.definition.string | #00FF66 | — |
| string.template, punctuation.definition.string.template | #00FF66 | — |
| punctuation.definition.template-expression, meta.template.expression | #FF9500 | — |
| constant.numeric | #FF9500 | — |
| constant.language | #FF9500 | — |
| keyword, storage.type, storage.modifier | #FF9500 | — |
| keyword.control | #FF9500 | — |
| keyword.operator | #999999 | — |
| entity.name.function, support.function | #00FF66 | — |
| meta.function-call entity.name.function | #00FF66 | — |
| entity.name.type, entity.name.class, support.type, support.class | #FF9500 | — |
| entity.name.type.interface | #FF9500 | italic |
| variable, variable.other | #E0E0E0 | — |
| variable.other.constant | #FF9500 | — |
| variable.parameter | #AAAAAA | italic |
| variable.other.property, support.variable.property | #AAAAAA | — |
| meta.object-literal.key, support.type.property-name | #00FF66 | — |
| punctuation | #888888 | — |
| punctuation.definition.block, meta.brace | #999999 | — |
| entity.name.tag | #FF9500 | — |
| entity.other.attribute-name | #00FF66 | — |
| support.type.property-name.css | #00FF66 | — |
| support.constant.property-value.css | #FF9500 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #00FF66 | — |
| string.regexp | #FF9500 | — |
| constant.character.escape | #FF9500 | — |
| markup.heading, entity.name.section | #FF9500 | bold |
| markup.bold | #FFFFFF | bold |
| markup.italic | #BBBBBB | italic |
| markup.underline.link | #FF9500 | — |
| markup.inline.raw, markup.fenced_code.block | #00FF66 | — |
| punctuation.definition.list.begin.markdown | #FF9500 | — |
| markup.inserted | #00FF66 | — |
| markup.deleted | #FF5555 | — |
| invalid | #FF5555 | — |
| meta.decorator, entity.name.function.decorator | #FF9500 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #FF9500 | — |
| variable.language.this, variable.language.self | #FF9500 | italic |
| support.type.property-name.json | #00FF66 | — |
| meta.structure.dictionary.value.json string.quoted | #00FF66 | — |
| entity.name.tag.yaml | #00FF66 | — |