Typewriter
Publisher: Nabeel ValleyThemes in package: 4
Typewriter style theme
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.background#2b2b2b
- activityBar.border#2b2b2b
- activityBar.dropBackground#2b2b2b
- activityBar.foreground#f0f0f0
- activityBarBadge.background#2b2b2b
- activityBarBadge.foreground#f0f0f0
- badge.background#f0f0f0
- badge.foreground#2b2b2b
- button.background#9e9e9e
- button.foreground#2b2b2b
- button.hoverBackground#424242
- dropdown.background#2b2b2b
- dropdown.border#2b2b2b
- dropdown.foreground#f0f0f0
- dropdown.listBackground#2b2b2b
- editor.background#2b2b2b
- editor.foreground#f0f0f0
- editor.lineHighlightBackground#004543bb
- editor.selectionBackground#004543
- editor.selectionHighlightBackground#004543
- editor.wordHighlightBackground#004543
- editor.wordHighlightStrongBackground#004543
- editorBracketMatch.background#004543
- editorBracketMatch.border#004543
- editorCursor.foreground#f04880
- editorGroup.dropBackground#2b2b2b
- editorLineNumber.activeForeground#f04880
- editorLineNumber.foreground#f0f0f0
- foreground#f0f0f0
- input.background#2b2b2b
- input.border#2b2b2b
- input.foreground#f0f0f0
- input.placeholderForeground#aaaaaa
- inputOption.activeBorder#f0f0f0
- list.activeSelectionBackground#004543
- list.activeSelectionForeground#f0f0f0
- list.dropBackground#004543
- list.focusBackground#004543
- list.focusForeground#f0f0f0
- list.highlightForeground#f0f0f0
- list.hoverBackground#004543
- list.hoverForeground#f0f0f0
- list.inactiveFocusBackground#004543
- list.inactiveSelectionBackground#004543
- list.inactiveSelectionForeground#f0f0f0
- notificationCenter.border#aaaaaa
- notificationCenterHeader.background#aaaaaa
- notificationCenterHeader.foreground#f0f0f0
- notificationLink.foreground#f0f0f0
- notificationToast.border#aaaaaa
- peekView.border#f87ffa
- peekViewEditor.background#2b2b2b
- peekViewEditor.matchHighlightBackground#004543
- peekViewEditorGutter.background#2b2b2b
- peekViewResult.selectionBackground#004543
- progressBar.background#2b2b2b
- sideBar.background#2b2b2b
- sideBar.border#2b2b2b
- sideBar.dropBackground#2b2b2b
- statusBar.background#2b2b2b
- statusBar.debuggingBackground#f87ffa
- statusBar.debuggingForeground#2b2b2b
- statusBar.foreground#f0f0f0
- terminal.background#2b2b2b
- terminal.border#f0f0f0
- terminal.foreground#f0f0f0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #333333ff | — |
| comment, punctuation.definition.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #AAAAAA | — |
| invalid.deprecated | — | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #f87ffa | |
| keyword, storage | #f0f0f0 | bold underline |
| storage.type, support.type | #f0f0f0 | italic |
| variable.language | #aaaaaa | — |
| variable, support.variable | #f0f0f0 | — |
| entity.name.function, support.function | #f0f0f0 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #f0f0f0 | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #f04880 | — |
| string | #f04880 | italic |
| constant.character.escape | #777777 | — |
| string.regexp | #f0f0f0 | italic |
| constant.other.symbol | #f0f0f0 | — |
| punctuation | #f87ffa | bold |
| string source, text source | — | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #f87ffa | bold |
| entity.name.tag | #f0f0f0 | bold |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #f0f0f0 | italic |
| constant.character.entity, punctuation.definition.entity | #f0f0f0 | italic |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #f0f0f0 | bold underline |
| meta.property-name, support.type.property-name | #f0f0f0 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #f04880 | — |
| keyword.other.important | — | bold |
| markup.changed | #f0f0f0 | — |
| markup.deleted | #f0f0f0 | — |
| markup.italic | — | italic |
| markup.error | #f04880 | — |
| markup.inserted | #f0f0f0 | — |
| meta.link | #f0f0f0 | italic underline |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #f0f0f0 | bold |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #f04880 | — |
| markup.list | #f0f0f0 | italic |
| markup.bold, markup.italic | #f04880 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...