theckit
Publisher: aryanshThemes in package: 2
It is the theme for creative developers
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.activeBackground#1F263B80
- activityBar.activeBorder#FFA500
- activityBar.background#0A0C1A
- activityBar.foreground#B0E0E6
- activityBarBadge.background#8A2BE2
- activityBarBadge.foreground#FFFFFF
- button.background#FF6F91
- button.foreground#0A0C1A
- button.hoverBackground#FF8C0090
- dropdown.background#12152A
- dropdown.foreground#B0E0E6
- editor.background#0D1117
- editor.foreground#C9D1D9
- editor.lineHighlightBackground#1F263B90
- editor.lineHighlightBorder#00CED1A0
- editor.selectionBackground#7B68EEA0
- editor.selectionHighlightBackground#FF8C0040
- editor.wordHighlightBackground#FF450060
- editor.wordHighlightStrongBackground#FF450080
- editorBracketMatch.background#1F263BA0
- editorBracketMatch.border#00CED150
- editorCursor.foreground#FF6F91
- editorGutter.addedBackground#00CED1A0
- editorGutter.background#0A0C1A
- editorGutter.border#7B68EE80
- editorGutter.deletedBackground#FF1493D0
- editorGutter.modifiedBackground#00FFFFA0
- input.background#1F263B
- input.border#00CED160
- input.focusBorder#00CED1
- input.foreground#B0E0E6
- scrollbar.shadow#12152A80
- scrollbarSlider.activeBackground#7B68EEC0
- scrollbarSlider.background#1F263B70
- scrollbarSlider.hoverBackground#7B68EEE0
- sideBar.background#12152A
- sideBar.border#7B68EE80
- sideBar.foreground#A5D5E6
- sideBarSectionHeader.background#1F263B
- sideBarSectionHeader.foreground#FF6F91
- sideBarTitle.foreground#00CED1
- statusBar.background#1F263B
- statusBar.debuggingBackground#FF1493
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#B0E0E6
- statusBar.noFolderBackground#12152A
- statusBarItem.hoverBackground#2A2D3A
- tab.activeBackground#7B68EE
- tab.activeBorder#00CED180
- tab.activeBorderTop#00CED1
- tab.activeForeground#0A0C1A
- tab.border#FF6F9140
- tab.hoverBackground#FF8C0060
- tab.inactiveBackground#12152A
- tab.inactiveForeground#6A8299
- titleBar.activeBackground#1F263B
- titleBar.activeBorder#00CED1A0
- titleBar.activeForeground#B0E0E6
- titleBar.border#7B68EE80
- titleBar.inactiveBackground#0A0C1A
- titleBar.inactiveForeground#6A8299
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #758195 | italic |
| keyword | #FF0077 | bold |
| storage | #FF0077 | — |
| entity.name.function | #00E3B2 | bold |
| constant.numeric | #FFCC66 | — |
| constant.language | #FFCC66 | — |
| entity.other.attribute-name | #FFC93C | — |
| variable.parameter | #AEEEEE | — |
| string | #A0E075 | — |
| punctuation | #E0EFFF | — |
| operator | #E0EFFF | — |
| support.class | #00AFFF | — |
| meta.type.parameters, meta.generic, storage.type.generic | #6AAFFF | italic |
| support.type | #FF8C00 | — |
| entity.name.type | red | bold |
| entity.name.tag.jsx, entity.name.tag.tsx, entity.name.tag | #61AFEF | bold |
| keyword.operator.assignment | #BBBBBB | — |
| variable.other.readwrite | #007D7D | bold |
| meta.object-literal.key | #6AAFFF | italic |