comfortable-color-theme
Publisher: yibuyishengThemes in package: 1
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#21252b
- activityBar.dropBackground#21252b
- activityBar.foreground#ffffff
- activityBarBadge.background#e06c75
- activityBarBadge.foreground#ffffff
- button.background#e06c75
- contrastBorder#080A0F
- dropdown.background#181A1F
- dropdown.border#080A0F
- editor.background#21252b
- editor.findMatchBackground#42557B
- editor.findMatchHighlightBackground#314365
- editor.foreground#abb2bf
- editor.lineHighlightBackground#2c313a
- editor.selectionBackground#264F77
- editor.selectionHighlightBackground#3E4451
- editorBracketMatch.border#61afef
- editorCursor.foreground#abb2bf
- editorError.foreground#C62D42
- editorGroup.background#181A1F
- editorGroup.border#080A0F
- editorGroupHeader.tabsBackground#181A1F
- editorHoverWidget.background#181A1F
- editorHoverWidget.border#61afef
- editorIndentGuide.background#3E4451
- editorInfo.foreground#1B659D
- editorLineNumber.foreground#3E4451
- editorOverviewRuler.border#080A0F
- editorOverviewRuler.errorForeground#C62D42
- editorOverviewRuler.infoForeground#1B659D
- editorOverviewRuler.warningForeground#d4ac0d
- editorRuler.foreground#3E4451
- editorSuggestWidget.background#181A1F
- editorSuggestWidget.border#61afef
- editorSuggestWidget.selectedBackground#2c313a
- editorWarning.foreground#d4ac0d
- editorWhitespace.foreground#3E4451
- editorWidget.background#21252B
- focusBorder#61afef
- input.background#080A0F
- inputOption.activeBorder#61afef
- inputValidation.errorBackground#C62D42
- inputValidation.errorBorder#C62D42
- inputValidation.infoBackground#1B659D
- inputValidation.infoBorder#1B659D
- inputValidation.warningBackground#d4ac0d
- inputValidation.warningBorder#d4ac0d
- list.activeSelectionBackground#21252b
- list.activeSelectionForeground#d7dae0
- list.focusBackground#2c313a
- list.hoverBackground#292d35
- list.inactiveSelectionBackground#2E3441
- notification.background#21252b
- notification.errorBackground#C62D42
- notification.infoBackground#1B659D
- notification.warningBackground#d4ac0d
- panel.background#181A1F
- panel.border#080A0F
- scrollbarSlider.activeBackground#D2D6db77
- scrollbarSlider.background#3E445177
- scrollbarSlider.hoverBackground#3E4451aa
- sideBar.background#181A1F
- sideBarSectionHeader.background#21252b
- statusBar.background#21252B
- statusBar.debuggingBackground#21252B
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#21252B
- statusBarItem.hoverBackground#2c313a
- tab.activeBackground#21252b
- tab.activeForeground#9da5b4
- tab.border#080A0F
- tab.inactiveBackground#181A1F
- tab.inactiveForeground#737c8c
- titleBar.activeBackground#21252b
- titleBar.activeForeground#9da5b4
- titleBar.inactiveBackground#21252b
- titleBar.inactiveForeground#6B717D
- widget.shadow#080A0F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.brace, punctuation.definition.array, punctuation.definition.binding-pattern, punctuation.definition.block, punctuation.definition.dictionary, punctuation.definition.string, punctuation.definition.tag, punctuation.section, punctuation.separator, punctuation.support, punctuation.terminator | — | — |
| meta.brace, punctuation.definition.array, punctuation.definition.binding-pattern, punctuation.definition.block, punctuation.definition.dictionary, punctuation.definition.string, punctuation.definition.tag, punctuation.section, punctuation.separator, punctuation.support, punctuation.terminator | — | — |
| — | #d6d6d6 | — |
| comment | #797979 | — |
| string | #e5b567 | — |
| constant.numeric | #9e86c8 | — |
| constant.language | #9e86c8 | — |
| constant.character, constant.other | #9e86c8 | — |
| variable.other.readwrite.instance.coffee | #E87D3E | — |
| entity.name.type.class.coffee | #b4c973 | — |
| keyword | #b05279 | — |
| storage | #b05279 | |
| storage.type | #6c99bb | italic |
| entity.name.class | #b4c973 | underline |
| entity.other.inherited-class | #b4c973 | italic underline |
| entity.name.function | #b4c973 | |
| variable.parameter | #E87D3E | italic |
| entity.name.tag | #b05279 | |
| entity.other.attribute-name | #b4c973 | |
| support.function | #6c99bb | |
| support.constant | #6c99bb | |
| support.type, support.class | #6c99bb | italic |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #cfcfcf | — |
| meta.diff, meta.diff.header | #767676 | — |
| markup.deleted | #b05279 | — |
| markup.inserted | #b4c973 | — |
| markup.changed | #E5B567 | — |
| constant.numeric.line-number.find-in-files - match | #9e86c8A0 | — |
| entity.name.filename.find-in-files | #E5B567 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...