TUI Themes
Publisher: TranswarpUIThemes in package: 4
tui-themes
Color themes
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#ffffff00
- activityBar.activeFocusBorder#ffffff00
- activityBar.background#DFE4F2
- activityBar.foreground#068CFF
- activityBar.inactiveForeground#838A9E
- activityBarBadge.background#068CFF
- editor.background#ffffff
- editor.foreground#366287
- editor.lineHighlightBorder#00000014
- editorBracketHighlight.foreground1#007BE4
- editorBracketHighlight.foreground2#259663
- editorBracketHighlight.foreground3#B022F7
- editorBracketHighlight.foreground4#E75800
- editorError.foreground#fe6f28
- editorGroupHeader.tabsBackground#F0F3FA
- editorLineNumber.foreground#A0A7BD
- icon.foreground#838A9E
- list.activeSelectionBackground#0061C2
- list.inactiveSelectionBackground#DFE4F2
- sideBar.background#F0F3FA
- sideBarSectionHeader.background#ffffff00
- statusBar.background#DFE4F2
- statusBar.foreground#838A9E
- statusBar.noFolderBackground#DFE4F2
- statusBarItem.remoteBackground#DFE4F2
- statusBarItem.remoteForeground#838A9E
- tab.inactiveBackground#F0F3FA
- titleBar.activeBackground#006FD8
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#006FD8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type.js, storage.modifier.ts, meta.function.js, storage.type.class.ts | #802FDC | — |
| variable, support.type.property-name.json, support.type.property-name.json.comments, support.variable.property.ts, meta.object-literal.key.ts | #0792B9 | — |
| string | #E75800 | — |
| entity.name.function, meta.function, meta.function-call, support.function, entity.name.type.class.ts, meta.class.ts, meta.method.declaration.ts | #275BE2 | — |
| constant.numeric.decimal.js | #BBA200 | — |
| entity.name.type.ts, meta.type.parameters.ts, meta.return.type.ts | #CA0A8A | — |
| comment | #8B9598 | italic |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #AD5C5C | — |
| entity.name.tag | #AD5C5C | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #2476e0 | — |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7b1db2 | — |
| meta.property-name, support.type.property-name | #c66714 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |