Trae Theme
Publisher: neoThemes in package: 1
A dark theme inspired by Trae, featuring a cold and elegant atmosphere
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#323336
- activityBar.background#222427
- descriptionForeground#ccced6
- editor.background#1a1b1d
- editor.selectionBackground#323336
- editorCursor.foreground#FFFFFF
- editorGroup.background#1a1b1d
- editorGroup.border#2a2c2f
- editorGroupHeader.border#232528
- editorGroupHeader.tabsBackground#1a1b1d
- editorGroupHeader.tabsBorder#232528
- editorHoverWidget.background#242628
- editorHoverWidget.border#323336
- editorHoverWidget.foreground#FFFFFF
- editorLineNumber.activeForeground#ccced6
- editorLineNumber.foreground#5c5e61
- focusBorder#323336
- foreground#ffffff
- list.activeSelectionBackground#323336
- list.activeSelectionForeground#FFFFFF
- list.focusForeground#ffffff
- list.hoverBackground#242628
- list.hoverForeground#FFFFFF
- list.inactiveSelectionForeground#ffffff
- panel.background#1a1b1d
- sideBar.background#1a1b1d
- sideBar.border#232528
- sideBar.foreground#ccced6
- statusBar.background#323336
- tab.activeBackground#1a1b1d
- tab.inactiveBackground#222427
- terminalCursor.foreground#FFFFFF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.other | #b38cff | — |
| keyword.control.import, keyword.control.export, meta.import, meta.export | #f48c83 | — |
| variable, variable.other.readwrite, variable.other, variable.language, variable.parameter, meta.parameter, punctuation, punctuation.definition, punctuation.separator, punctuation.section, punctuation.terminator | #ded47e | — |
| entity.name.function, support.function, meta.function-call, variable.function, meta.function.method, support.method, meta.method-call | #f29d79 | — |
| string, string.quoted, string.template, string.regexp, string.interpolated, constant.other.symbol | #82d99f | — |
| variable.other.constant, variable.constant, meta.definition.variable constant, meta.const-variable, meta.var.expr.ts, meta.variable.ts, meta.variable.declaration, meta.variable, support.constant | #80bbff | — |
| variable.other.property, meta.property, variable.other.member, meta.object-literal.key | #e4e6eb | — |
| entity.name.type, support.type, support.class, storage.type.cs, storage.type.annotation, meta.type, meta.return-type, meta.type.annotation, meta.interface, meta.class | #80eaff | — |
| entity.name.tag.html, entity.name.tag.jsx, entity.name.tag.tsx, punctuation.definition.tag.html, punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #f2858c | — |
| meta.jsx.children, meta.jsx.children.tsx, meta.jsx.children.jsx | #e0e0e0 | — |
| support.class.component.jsx, support.class.component.tsx | #b38cff | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx, variable.other.readwrite.attribute, meta.tag.attributes, meta.attribute, meta.jsx.attribute | #ded47e | — |
| entity.name.class, meta.class, support.class, entity.other.inherited-class, storage.type.class | #b38cff | — |
| comment, comment.block.documentation, punctuation.definition.comment | #737780 | italic |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.ternary, punctuation.separator.key-value | #ffffff | — |
| markup.warning, constant.warning, variable.parameter.warning | #cca700 | — |
| invalid, markup.error, message.error, keyword.error | #ff6464 | — |
| source, text | #e0e0e0 | — |
| support.type.property-name.json | #ded47e | — |
| support.type.property-name.css, support.constant.property-value.css | #82d99f | — |
| constant.numeric.css, constant.numeric.html | #f48cca | — |
| constant.numeric, constant.numeric.decimal, constant.numeric.float, constant.numeric.hex | #f48cca | — |
| constant.language.boolean, constant.language.true, constant.language.false | #80bbff | — |
| constant.language.null, constant.language.nan | #80bbff | — |
| constant.language.undefined, constant.language.infinity | #6f88a8 | — |
| meta.jsx.children, meta.jsx.children.tsx, meta.jsx.children.jsx | #e0e0e0 | — |
| meta.block.tsx, meta.var.expr.tsx, meta.arrow.tsx | #e0e0e0 | — |
| comment.block.jsx, comment.block.tsx | #737780 | italic |