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#E5E5E580
- activityBar.activeBorder#FFA500
- activityBar.background#DCE2F0
- activityBar.foreground#2C3E50
- activityBarBadge.background#007C80
- activityBarBadge.foreground#FFFFFF
- button.background#D7263D
- button.foreground#FFFFFF
- button.hoverBackground#FFD70090
- dropdown.background#F0F3F8
- dropdown.foreground#2C3E50
- editor.background#FAFAFA
- editor.foreground#2C3E50
- editor.lineHighlightBackground#E5E5E580
- editor.lineHighlightBorder#007C80A0
- editor.selectionBackground#007C80A0
- editor.selectionHighlightBackground#FFD70040
- editor.wordHighlightBackground#FF450060
- editor.wordHighlightStrongBackground#FF450080
- editorBracketMatch.background#E5E5E5A0
- editorBracketMatch.border#007C8050
- editorCursor.foreground#D7263D
- editorGutter.addedBackground#007C80A0
- editorGutter.background#FAFAFA
- editorGutter.border#007C8080
- editorGutter.deletedBackground#D7263DD0
- editorGutter.modifiedBackground#00FFFFA0
- input.background#FFFFFF
- input.border#007C8060
- input.focusBorder#007C80
- input.foreground#2C3E50
- scrollbar.shadow#F0F3F880
- scrollbarSlider.activeBackground#007C80C0
- scrollbarSlider.background#E5E5E570
- scrollbarSlider.hoverBackground#007C80E0
- sideBar.background#F0F3F8
- sideBar.border#007C8080
- sideBar.foreground#34495E
- sideBarSectionHeader.background#E5E5E5
- sideBarSectionHeader.foreground#D7263D
- sideBarTitle.foreground#007C80
- statusBar.background#E5E5E5
- statusBar.debuggingBackground#D7263D
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#2C3E50
- statusBar.noFolderBackground#F0F3F8
- statusBarItem.hoverBackground#DCE2F0
- tab.activeBackground#007C80
- tab.activeBorder#007C8080
- tab.activeBorderTop#007C80
- tab.activeForeground#FAFAFA
- tab.border#D7263D40
- tab.hoverBackground#FFD70060
- tab.inactiveBackground#F0F3F8
- tab.inactiveForeground#7B8CA5
- titleBar.activeBackground#E5E5E5
- titleBar.activeBorder#007C80A0
- titleBar.activeForeground#2C3E50
- titleBar.border#007C8080
- titleBar.inactiveBackground#DCE2F0
- titleBar.inactiveForeground#7B8CA5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #7B8CA5 | italic |
| keyword | #D7263D | bold |
| storage | #D7263D | — |
| entity.name.function | #007C80 | bold |
| constant.numeric | #D67D3E | — |
| constant.language | #D67D3E | — |
| entity.other.attribute-name | #FFB200 | — |
| variable.parameter | #348F50 | — |
| string | #00B07C | — |
| punctuation | #2C3E50 | — |
| operator | #2C3E50 | — |
| support.class | #007C80 | — |
| meta.type.parameters, meta.generic, storage.type.generic | #3D82A5 | italic |
| support.type | #FF8C00 | — |
| entity.name.type | red | bold |
| entity.name.tag.jsx, entity.name.tag.tsx, entity.name.tag | #007C80 | bold |
| keyword.operator.assignment | #555555 | — |
| variable.other.readwrite | #007D7D | bold |
| meta.object-literal.key | #3D82A5 | italic |