harricHe-theme
Publisher: harricHeThemes in package: 1
harricHe-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.activeBorder#6d6d6d
- activityBar.background#24292e
- activityBar.foreground#fafbfc
- activityBarBadge.background#d64926
- button.background#5790be
- dropdown.background#CCE8CF
- dropdown.border#000000
- dropdown.foreground#9aaf9c
- dropdown.listBackground#CCE8CF
- editor.background#CCE8CF
- editor.findMatchBackground#e2c750
- editor.findMatchHighlightBackground#ffe260
- editor.foreground#24292e
- editor.lineHighlightBackground#E8E8FF
- editor.selectionBackground#fafeff
- editor.selectionHighlightBackground#fffc60
- editorBracketMatch.background#f1f8ff
- editorBracketMatch.border#7a7a7a
- editorGroup.border#cecece
- editorGroupHeader.tabsBackground#c3ddc5
- editorGroupHeader.tabsBorder#e1e4e8
- editorHoverWidget.background#d9ecdb
- editorHoverWidget.border#f7f7f7
- editorIndentGuide.background#eeeeee
- editorLineNumber.foreground#808080
- editorPane.background#5b5d5f
- editorSuggestWidget.background#d6d6d6
- editorSuggestWidget.border#f7f7f7
- editorSuggestWidget.selectedBackground#c7c7c7
- focusBorder#4b4b4b
- input.background#CCE8CF
- input.border#d1d1d1
- list.activeSelectionBackground#7c8d7e
- list.activeSelectionForeground#0f0f0f
- list.focusBackground#c7c7c7
- list.highlightForeground#C5C5C5
- list.hoverBackground#9aaf9c
- list.inactiveSelectionBackground#b4ccb6
- list.inactiveSelectionForeground#313131
- menu.background#24292e
- menu.foreground#cccccc
- menu.selectionBackground#9e9e9e
- menubar.selectionBackground#494949
- panel.background#c3ddc5
- peekView.border#000000
- peekViewEditor.background#CCE8CF
- peekViewEditor.matchHighlightBackground#b4ccb6
- peekViewEditorGutter.background#CCE8CF
- peekViewResult.background#c3ddc5
- peekViewResult.fileForeground#0f0f0f
- peekViewResult.lineForeground#0f0f0f
- peekViewResult.matchHighlightBackground#b4ccb6
- peekViewResult.selectionBackground#9aaf9c
- peekViewResult.selectionForeground#CCE8CF
- peekViewTitle.background#b4ccb6
- peekViewTitleDescription.foreground#000000
- peekViewTitleLabel.foreground#000000
- scrollbar.shadow#cccccc
- sideBar.background#c3ddc5
- sideBar.border#cecece
- sideBar.foreground#586069
- sideBarSectionHeader.background#b4ccb6
- sideBarSectionHeader.foreground#616161
- sideBarTitle.foreground#24292e
- statusBar.background#24292e
- statusBar.border#ff000000
- statusBar.debuggingBackground#d64926
- statusBar.debuggingBorder#ff000000
- statusBar.debuggingForeground#cccccc
- statusBar.foreground#cccccc
- statusBar.noFolderBackground#24292e
- statusBar.noFolderBorder#ff000000
- statusBar.noFolderForeground#cccccc
- statusBarItem.remoteBackground#d64926
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#b4ccb6
- tab.activeBorder#e36209
- tab.border#e1e4e8
- tab.inactiveBackground#c3ddc5
- tab.inactiveForeground#586069
- terminal.background#c3ddc5
- titleBar.activeBackground#24292e
- titleBar.activeForeground#cccccc
- titleBar.border#ff000000
- titleBar.inactiveBackground#24292e
- titleBar.inactiveForeground#1f1f1f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| storage.type | #000080 | bold |
| variable.other.enummember | #005959 | bold |
| keyword, keyword.operator.logical, keyword.operator.constructor | #000080 | bold |
| keyword.operator | #000000 | — |
| constant.numeric | #ff0000 | — |
| variable.other.global | #CC6600 | bold |
| variable.other.local | #008080 | italic |
| variable.parameter, entity.name.variable.parameter, parameter.variable | #008080 | |
| entity.name.type | #9d004f | bold |
| string.quoted | #0000ff | — |
| string, string.regexp, string.interpolated, string.template, string.detected-link, string.template, string.other | #fcf838 | — |
| constant.character, constant.other | #0000ff | bold |
| comment, string.comment | #808080 | italic |
| entity.name.function, entity.name.function.templated, entity.name.function.member, entity.name.function-call | #008040 | bold |
| entity.name.function.member.static | #008040 | italic bold |
| entity.name.function.preprocessor | #ff0000 | — |
| entity.name.namespace | #18AADE | — |
| variable.other.property.static | #008080 | italic bold |
| variable.other.property | #008080 | bold |
| keyword.operator.new | #000080 | italic bold |
| support.type, support.variable | #525252 | — |
| punctuation.separator, punctuation.accessor | #000000 | — |
| #e5ff00 | — | |
| entity.name.tag, entity.name.tag.class.js | #e06c75 | — |
| entity.name.tag.class, entity.name.tag.id | #56b6c2 | — |
| string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded | #c678dd | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.erb, punctuation.section.embedded.end.erb, source.elixir.embedded, meta.brace | #abb2bf | — |
| constant.language | #56b6c2 | — |
| storage.modifier.import, storage.modifier.package | #61afef | — |
| function.support.builtin, function.support.core | #98c379 | — |
| entity.other.inherited-class | #98c379 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-class.less, entity.other.attribute-name.pseudo-class.sass, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-element.sass | #56b6c2 | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #98c379 | — |
| variable.css, variable.scss, variable.less, variable.sass | #56b6c2 | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #e5c07b | — |
| unit.css, unit.scss, unit.less, unit.sass | #c678dd | — |
| function.css, function.scss, function.less, function.sass | #56b6c2 | — |
| entity.other.attribute-name | #98c379 | — |
| variable.language | #e06c75 | — |
| variable.other.property.cli, variable.other.event, entity.name.label, entity.name.type.class.value, entity.name.type.class.generic, entity.name.operator.custom-literal, entity.name.operator.custom-literal.number, entity.name.operator.custom-literal.string, entity.name.function.operator.member, entity.name.function.operator | #00ff00 | — |