THATheme
Publisher: That RichardThemes in package: 1
Modern and subtle jungle-like color 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#101010
- activityBar.foreground#ffffff
- activityBarBadge.background#ffbb00
- activityBarBadge.foreground#000000
- badge.background#ffbb00
- badge.foreground#000000
- button.background#80da6e
- button.foreground#000000
- button.hoverBackground#67b158
- checkbox.background#0f0f0f
- debugToolBar.background#070707
- diffEditor.diagonalFill#252525
- diffEditor.insertedTextBackground#00865323
- diffEditor.removedTextBackground#81000027
- dropdown.background#0f0f0f
- editor.background#151515
- editor.findMatchBackground#ffd90028
- editor.findMatchBorder#ffd900
- editor.findMatchHighlightBackground#ffd90028
- editor.findMatchHighlightBorder#ffd900
- editor.foreground#ffffff
- editor.hoverHighlightBackground#00000050
- editor.linkedEditingBackground#00000000
- editor.selectionBackground#000000
- editor.selectionHighlightBackground#000000
- editor.wordHighlightBackground#00000035
- editor.wordHighlightStrongBackground#000000
- editorBracketHighlight.foreground1#c4c4c4
- editorBracketHighlight.foreground2#9c9c9c
- editorBracketHighlight.foreground3#6a6a6a
- editorBracketHighlight.unexpectedBracket.foreground#ff0000
- editorBracketMatch.background#000000
- editorBracketMatch.border#ffd9009d
- editorCodeLens.foreground#5f5f5fb7
- editorCursor.foreground#ffd900
- editorGroup.border#101010
- editorGroup.dropBackground#00000071
- editorGroupHeader.tabsBackground#101010
- editorGutter.addedBackground#008653
- editorGutter.deletedBackground#810000
- editorGutter.foldingControlForeground#ffffff
- editorGutter.modifiedBackground#00627a
- editorHoverWidget.border#000000
- editorIndentGuide.activeBackground#ffd9009d
- editorInlayHint.background#00000044
- editorInlayHint.foreground#ffffff88
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#ffffff41
- editorWidget.background#101010
- editorWidget.resizeBorder#ffffff
- focusBorder#00000000
- gitDecoration.addedResourceForeground#75b675
- gitDecoration.deletedResourceForeground#b67575
- gitDecoration.modifiedResourceForeground#b6a075
- gitDecoration.untrackedResourceForeground#92b675
- input.background#0f0f0f
- inputOption.activeBackground#337a1f6e
- inputOption.hoverBackground#337a1fb6
- list.activeSelectionBackground#00ff2a20
- list.errorForeground#c21717
- list.hoverBackground#000000
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#00ff2a20
- menubar.selectionBackground#00ff2a27
- panel.border#101010
- scrollbar.shadow#1f582d
- scrollbarSlider.activeBackground#122918
- scrollbarSlider.background#1f3324
- scrollbarSlider.hoverBackground#214b2c
- selection.background#337a1f6e
- settings.focusedRowBackground#00000011
- settings.focusedRowBorder#00000000
- settings.rowHoverBackground#00000011
- sideBar.background#101010
- sideBar.foreground#bbbbbb
- sideBarSectionHeader.background#101010
- sideBarTitle.foreground#bbbbbb
- statusBar.background#2b3827
- statusBar.debuggingBackground#2d721a
- statusBar.focusBorder#00000000
- statusBarItem.activeBackground#0000006e
- statusBarItem.hoverBackground#000000b6
- tab.activeBorderTop#ffbb00
- tab.border#ffffff00
- tab.inactiveBackground#101010
- titleBar.activeBackground#101010
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#101010
- titleBar.inactiveForeground#ffffff
- toolbar.activeBackground#337a1f6e
- toolbar.hoverBackground#337a1fb6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source | #cecece | — |
| string.unquoted.tag-string.nunjucks | #9dd3af | — |
| comment, punctuation.definition.comment | #448660 | italic |
| variable, string constant.other.placeholder, source.gdscript, source.gdscript meta.function-call.arguments, variable.other, meta.interpolation, punctuation.definition.interpolation, entity.name.variable | #ddc279 | |
| constant.other.color | #c21717 | — |
| invalid, invalid.illegal | #c21717 | |
| keyword, storage.type, storage.modifier, meta.function.gdscript | #aa7d3b | italic |
| keyword.operator.new | #ffd900 | — |
| storage.modifier.async | #e87713 | — |
| keyword.operator, entity.name.function.operator, keyword.control, keyword.other.template, keyword.other.substitution, meta.function.gdscript | #579771 | |
| punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.section.embedded | #538b6a | |
| punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #b39892 | — |
| constant.character.escape | #daba90 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key string.unquoted.label | #b85c45 | |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #9c9c9c | — |
| source.tsx punctuation.definition.tag, source.tsx punctuation.definition.tag.begin, source.tsx punctuation.definition.tag.end, source.jsx punctuation.definition.tag, source.jsx punctuation.definition.tag.begin, source.jsx punctuation.definition.tag.end | #70939e | — |
| text.html.nunjucks punctuation.definition.tag, text.html.nunjucks punctuation.definition.tag.begin, text.html.nunjucks punctuation.definition.tag.end | #7d9b7d | — |
| punctuation.definition.ng-binding-name | #b3b3b3 | — |
| entity.other.ng-binding-name | #d42e29 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #3c946f | — |
| entity.name.tag.wildcard | #ffa600 | bold |
| entity.name.tag.script.html | #f7df1e | — |
| entity.name.tag.template.html | #df5c3c | — |
| entity.name.tag.style.html | #487af0 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #a3be3e | italic |
| entity.name.function.decorator, entity.name.scope-resolution | #50a350 | |
| punctuation.terminator, punctuation.semi | #ffffffb4 | bold |
| constant.numeric, constant.character, constant.escape, keyword.other.unit | #7ca6b6 | |
| constant.language, entity.name.function.preprocessor | #80709b | |
| constant.numeric.css | #cc8674 | — |
| source.css keyword.other.unit | #c2b85e | — |
| source.css support.constant.property-value | #48a2cc | — |
| source.css variable, source.scss variable | #a063c9 | — |
| variable.parameter, entity.name.variable.parameter | #5e9e41 | |
| entity.name.type, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.other.attribute-name.class, entity.other.inherited-class.gdscript | #ca931d | |
| storage.type.built-in.primitive, support.type | #2e9e7a | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #bbc4be | — |
| entity.name.module, variable.import.parameter, variable.other.class | #FF5370 | — |
| variable.language | #b46f2e | italic |
| entity.name.method | #82AAFF | italic |
| meta.class-method entity.name.function, variable.function.constructor, keyword.other.fn | #82AAFF | — |
| entity.other.attribute-name.html | #c7a342 | italic |
| entity.other.attribute-name, meta.object-literal.key, variable.other.property, variable.other.object.property, support.variable.property, entity.name.function.templated | #c7a342 | |
| support.constant | #b67d32 | |
| punctuation.accessor, punctuation.separator.dot-access, punctuation.separator.pointer-access | #ffffff | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity | #82AAFF | — |
| entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity | #dd911f | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #d79b42 | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator entity.name.tag, tag.decorator punctuation.definition.tag | #82AAFF | italic |
| source constant.other.object.key string.unquoted.label | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #b9adc0 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #c0ad8b | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #b78171 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #c1929a | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #a9867e | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8897b9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #b67d80 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ae8bc5 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9db17e | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #c7c7c7 | — |
| text.html.markdown markup.inline.raw.markdown | #b499c6 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #ffffff | italic |
| markup.bold, markup.bold string | #ffffff | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #ffffff | bold italic |
| markup.underline | #e6e6e6 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #6982b6 | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |