Tomato Color Theme
Publisher: lypt1xThemes in package: 1
A dark color theme inspired by Visual Assist from Whole Tomato Software. Features vibrant syntax highlighting with tomato-orange functions, blue keywords, and green comments.
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#161618
- editor.background#141416
- editor.foreground#dcdcdc
- editor.inactiveSelectionBackground#36393d55
- editor.lineHighlightBackground#1e1e20
- editor.selectionBackground#1f4f73
- editorBracketMatch.background#005a00
- editorBracketMatch.border#525252
- editorCursor.foreground#f2f2f2
- editorGutter.addedBackground#38b94b
- editorGutter.background#141416
- editorGutter.deletedBackground#ff4d4d
- editorGutter.modifiedBackground#0090dd
- editorIndentGuide.activeBackground1#6a6a6a
- editorIndentGuide.background1#444444
- editorLineNumber.activeForeground#61b0ff
- editorLineNumber.foreground#3d9bd1
- list.activeSelectionBackground#0a4f80
- list.hoverBackground#2a2a2c
- list.inactiveSelectionBackground#2a2a2c
- sideBar.background#1a1a1c
- statusBar.background#161618
- statusBar.foreground#cccccc
- titleBar.activeBackground#161618
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable.language.this | #7fc7ff | bold |
| variable.other.property, meta.property.object, meta.property.member | #ffd28f | — |
| comment, punctuation.definition.comment | #6fbf5a | italic |
| keyword, storage.type, storage.modifier | #4aa5ff | bold |
| entity.name.function, meta.function-call, support.function | #ff8700 | bold |
| entity.name.type, entity.name.type.class, support.class | #ffe066 | bold |
| entity.name.type.interface, support.type | #c3e3b6 | — |
| variable.parameter, meta.function.parameter | #9cd6ff | — |
| variable.other.readwrite | #dcdcdc | — |
| variable.other.constant, support.constant | #c36ad1 | — |
| constant.numeric, constant.language | #b8d8ad | — |
| string | #d79f87 | — |
| constant.character.escape | #e48811 | — |
| support.type.primitive.ts, support.type.builtin.ts, keyword.type.ts | #54d3bb | bold |
| entity.name.type.interface.ts, entity.name.type.alias.ts | #c3e3b6 | bold |
| keyword.operator.type.annotation.ts | #4aa5ff | — |
| meta.type.parameters.ts | #ff8700 | — |
| support.class.component.ts, support.class.component.tsx, entity.name.tag.tsx | #ffe066 | bold |
| punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx | #4aa5ff | — |
| entity.other.attribute-name.tsx, entity.other.attribute-name.jsx | #7ad2ff | — |
| punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx | #4aa5ff | — |
| variable.other.property, meta.property.object, meta.property.member, punctuation.accessor, keyword.operator.optional, keyword.operator.accessor | #ffb454 | — |
| variable.other.property, meta.property.object, meta.property.member | #ffc87a | — |
| entity.name.namespace | #c3e3b6 | — |
| meta.brace | #d6d6d6 | — |
| punctuation.separator | #8a8a8a | — |
| invalid | #ff3333 | underline |
| markup.deleted | #ff6666 | — |
| markup.inserted | #4cd44c | — |