tyh-theme
Publisher: tyh-themeThemes in package: 2
Tyh theme is a visually comfortable vscode theme with built-in dark and light 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.background#2ba245
- activityBar.foreground#f1f1f1
- activityBarBadge.background#6690fa
- badge.background#6690faAA
- button.background#6690fa
- dropdown.background#F5F5F5
- editor.background#fafafa
- editor.findMatchBackground#BF9CAC
- editor.findMatchHighlightBackground#afe6f4
- editor.lineHighlightBackground#edfae1
- editor.selectionBackground#C9D0D9
- editorCursor.foreground#54494B
- editorGroup.dropBackground#C9D0D988
- editorIndentGuide.activeBackground#777777b0
- editorIndentGuide.background#aaaaaa60
- editorLineNumber.activeForeground#ef475d
- editorLineNumber.foreground#6D705B
- editorWhitespace.foreground#AAAAAA
- errorForeground#f1897f
- focusBorder#A6B39B
- inputOption.activeBorder#adafb7
- inputValidation.errorBackground#ffeaea
- inputValidation.errorBorder#f1897f
- inputValidation.infoBackground#f2fcff
- inputValidation.infoBorder#4ec1e5
- inputValidation.warningBackground#fffee2
- inputValidation.warningBorder#ffe055
- list.activeSelectionBackground#c4d9b1
- list.activeSelectionForeground#6c6c6c
- list.highlightForeground#afe6f4
- list.hoverBackground#e0e0e0
- list.inactiveSelectionBackground#d3dbcd
- minimap.selectionHighlight#C9D0D9
- panel.background#F5F5F5
- peekView.border#6690fa
- peekViewEditor.background#F2F8FC
- peekViewEditor.matchHighlightBackground#C2DFE3
- peekViewResult.background#F2F8FC
- peekViewResult.matchHighlightBackground#93C6D6
- peekViewTitle.background#F2F8FC
- pickerGroup.border#749351
- pickerGroup.foreground#A6B39B
- ports.iconRunningProcessForeground#749351
- progressBar.background#6690fa
- quickInputList.focusBackground#CADEB9
- selection.background#C9D0D9
- sideBar.background#F2F2F2
- sideBarSectionHeader.background#ede8ef
- statusBar.background#6690fa
- statusBar.debuggingBackground#6690fa
- statusBar.noFolderBackground#6690fa
- statusBarItem.remoteBackground#4e3c69
- tab.activeBackground#fafafa
- tab.activeBorder#59cc08
- tab.activeForeground#2c2c2c
- tab.inactiveBackground#eeeeee
- tab.lastPinnedBorder#c9d0d9
- tab.unfocusedHoverBackground#fafafa
- titleBar.activeBackground#fafafa
- walkThrough.embeddedEditorBackground#00000014
- welcomePage.tileBackground#f0f0f7
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #333333 | — |
| meta.tag, punctuation.definition.tag | #a8a8a8 | — |
| entity.name.tag | #025fd1 | — |
| entity.other.attribute-name | #00c281 | — |
| string | #c58701 | — |
| constant.language.boolean | #00d3b7 | — |
| constant.numeric | #5885ff | — |
| variable | #333333 | — |
| entity.name, entity.name.type.class, support.type, support.class, meta.use | #0703eb | — |
| meta.definition.method entity.name.function | #62d300 | — |
| comment, punctuation.definition.comment | #1bc754 | italic |
| storage.type | #f602ea | italic |
| constant.numeric | #778dff | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #7cd131 | underline |
| entity.other.inherited-class | #7cd131 | italic underline |
| variable.parameter | #00cece | italic |
| keyword | #e70448 | — |
| storage | #e70448 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #e70448 | — |
| variable.language | #06c5c5 | — |
| meta.function entity.name.function | #61cc04 | — |
| meta.structure.dictionary.json support.type.property-name.json | #f8844e | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #e79b0e | — |
| meta.structure.dictionary.json string.quoted.double.json | #038b5e | — |
| entity.other.attribute-name.class | #61a9ff | — |
| entity.other.attribute-name.id | #ff7010 | — |
| source.css entity.name.tag | #61a9ff | — |
| support.type.property-name.css | #7cd131 | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #1756df | — |
| markup.quote.markdown | #e174f1 | italic |
| markup.bold.markdown | #9b0bee | bold |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #0cd894 | — |
| markup.heading, markup.heading entity.name | #018d0c | bold |
| punctuation.definition.list.begin.markdown | #3a6ff4 | — |
| markup.inline.raw | #00a8ad | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...