fabric
Publisher: HKGThemes in package: 1
A code theme
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.activeBackground#4F545C51
- activityBar.activeBorder#7289DA
- activityBar.background#2C2F33
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#BBBB
- activityBarBadge.background#3f5ca8
- editor.background#2C2F33
- editor.foreground#eeffff
- editor.lineHighlightBackground#7289DA40
- editor.lineHighlightBorder#3e5ac130
- list.activeSelectionBackground#3f5ca8
- list.hoverBackground#3f5ca8
- list.inactiveSelectionBackground#3e5ac1
- notebook.cellBorderColor#7289DA40
- sideBar.background#23272A
- sideBarSectionHeader.background#4F545C51
- sideBarTitle.foreground#bbbbbb
- statusBar.background#7289DA
- statusBar.debuggingBackground#3e5ac1
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#7289DA
- statusBarItem.remoteBackground#a5b9ff
- statusBarItem.remoteForeground#000000
- tab.activeBackground#2C2F33
- tab.hoverBackground#404347
- terminal.background#1e2327
- terminalCursor.foreground#7289DA
- titleBar.activeBackground#7289DA
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveBackground#7289DA
- titleBar.inactiveForeground#DDDD
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant.numeric | #00bfa5 | — |
| meta.function-call, entity.name.function | #80cbc4 | — |
| meta.function-call.arguments | #FFFFFF | — |
| constant.language | #7373e5 | bold |
| string.quoted, string.quoted | #9a9aef | — |
| keyword.operator.logical | #80deea | bold |
| *url*, *link*, *uri* | — | underline |
| storage.type.class | #9fa8da | bold |
| meta.attribute | #a4e29a | — |
| storage.type.function | #ce93d8 | bold |
| keyword.control | #fff176 | — |
| keyword.control.import | #ff8a80 | italic |
| comment | #b3e5fcbb | — |
| entity.name.tag.yaml | #d89ae2 | italic |
| string.quoted.single.yaml | #f48fb1 | — |
| variable.language.special.self.python, variable.parameter.function.language.special.cls.python | #d89ae2 | italic |
| support.type.python | #e29aa4 | — |
| meta.function.decorator.python punctuation.separator.period.python | #FFFFFF | — |
| meta.structure.dictionary.json | #D89AE2 | — |
| meta.structure.dictionary.json meta.structure.dictionary.json | #A4E29A | — |
| meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json | #E2B49A | — |
| meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json | #9AC8E2 | — |
| punctuation.separator.dictionary.key-value.json.comments, punctuation.separator.array.json | #ffffff | — |
| markup.heading heading.1 | #A4E29A | — |
| markup.heading heading.2 | #D89AE2 | — |
| markup.heading heading.3 | #E2B49A | — |
| markup.heading heading.4 | #9AC8E2 | — |
| markup.bold | — | bold |
| markup.bold markup.italic | — | italic bold |
| markup.italic | — | italic |
| markup.quote | #4FC3F7 | — |
| markup.quote markup.quote | #D74FF7 | — |
| markup.quote markup.quote markup.quote | #F7834F | — |
| markup.quote markup.quote markup.quote markup.quote | #6FF74F | — |
| markup.list | #ff8a80 | — |
| markup.list markup.list | #B6FF80 | — |
| markup.list markup.list markup.list | #80F5FF | — |
| markup.list markup.list markup.list | #C980FF | — |
| keyword.fsharp | #ce93d8 | bold |
| record.fsharp keyword.fsharp | #9fa8da | bold |
| keyword.symbol.fsharp | #d89ae2 | — |
| binding.fsharp variable.fsharp | #80cbc4 | italic |
| binding.fsharp entity.name.type.fsharp | #e29aa4 | bold |
| binding.fsharp variable.parameter.fsharp | #54a1e0 | italic |
| record.fsharp entity.name.type.fsharp | #e29aa4 | italic |
| support.function.attribute.fsharp | #80cbc4 | bold |
| namespace.open.fsharp keyword.fsharp | #ff8a80 | — |
| namespace.open.fsharp | #80d7ff | — |
| entity.name.tag.html | #d89ae2 | italic bold |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #80deea | — |
| meta.tag.metadata.doctype.html entity.name.tag.html, meta.tag.metadata.doctype.html | #ff8a80 | bold |
| punctuation.separator.key-value.html | #ffffff | — |
| entity.name.tag.wildcard.css | #d89ae2 | italic |
| meta.property-name.css | #80cbc4 | bold |
| entity.name.tag.css | #9fa8da | — |
| entity.other.attribute-name.id.css | #e29aa4 | — |
| entity.other.attribute-name.pseudo-element.css | #54a1e0 | — |
| entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css | #ffffff | — |
| support.constant.font-name.css, support.constant.property-value.css | #7373e5 | — |
| entity.other.attribute-name.pseudo-class.css | #d89ae2 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...