JetVibe
Publisher: Igor HersonThemes in package: 1
Sets up VSCode to Jetbrains style and includes ready-to-use extras.
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.activeBorder#4E97D1
- activityBar.background#2b2d30
- activityBar.border#393b40
- activityBar.foreground#F2F6FA
- activityBar.inactiveForeground#A9B7C666
- activityBarBadge.background#4E97D1
- activityBarBadge.foreground#FFFFFF
- badge.background#4E97D1
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.focusForeground#A9B7C6
- breadcrumb.foreground#E8EDF3
- button.background#4E97D1
- button.foreground#FFFFFF
- button.hoverBackground#5EA6DF
- button.secondaryBackground#404346
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#4C4F53
- checkbox.background#3C3F41
- checkbox.border#6B6B6B
- diffEditor.insertedTextBackground#44715244
- diffEditor.removedTextBackground#713C3C44
- dropdown.background#3C3F41
- dropdown.border#404346
- dropdown.foreground#A9B7C6
- editor.background#1e1f22
- editor.findMatchBackground#4E97D133
- editor.findMatchBorder#4E97D199
- editor.findMatchHighlightBackground#4E97D144
- editor.findMatchHighlightBorder#4E97D155
- editor.foreground#E2E8F0
- editor.inactiveSelectionBackground#21428333
- editor.lineHighlightBackground#323232
- editor.selectionBackground#21428366
- editor.selectionHighlightBackground#21428355
- editor.wordHighlightBackground#4E97D122
- editor.wordHighlightStrongBackground#4E97D144
- editorBracketMatch.background#21428333
- editorBracketMatch.border#214283AA
- editorCursor.foreground#FFFFFF
- editorError.foreground#FF6B68
- editorGroup.border#404346
- editorGroup.dropBackground#4E97D122
- editorGroupHeader.noTabsBackground#1e1f22
- editorGroupHeader.tabsBackground#2b2d30
- editorGutter.addedBackground#2F5122
- editorGutter.background#1e1f22
- editorGutter.deletedBackground#5A1F1F
- editorGutter.modifiedBackground#264C72
- editorIndentGuide.activeBackground#5C5C5C
- editorIndentGuide.background#3F3F3F
- editorInfo.foreground#4E97D1
- editorInlayHint.background#3A3A3A
- editorInlayHint.foreground#B0BEC5
- editorLineNumber.foreground#606366
- editorLink.activeForeground#4E97D1
- editorMarkerNavigation.background#2F3133
- editorMarkerNavigationError.background#5A1F1F
- editorMarkerNavigationInfo.background#274058
- editorMarkerNavigationWarning.background#5A4F1F
- editorPane.background#1e1f22
- editorWarning.foreground#E6E677
- editorWhitespace.foreground#3F3F3F
- editorWidget.background#3C3F41
- editorWidget.border#404346
- editorWidget.foreground#F2F6FA
- focusBorder#3C3F41
- foreground#F2F6FA
- gitDecoration.addedResourceForeground#8DCB6C
- gitDecoration.conflictingResourceForeground#C77DBB
- gitDecoration.deletedResourceForeground#FF6B68
- gitDecoration.ignoredResourceForeground#808080
- gitDecoration.modifiedResourceForeground#7CA7D8
- gitDecoration.untrackedResourceForeground#6A8759
- icon.foreground#F2F6FA
- input.background#3C3F41
- input.border#404346
- input.foreground#A9B7C6
- input.placeholderForeground#A9B7C680
- inputOption.activeBackground#4E97D144
- inputOption.activeBorder#4E97D1
- inputOption.activeForeground#FFFFFF
- list.activeSelectionBackground#3E5374
- list.activeSelectionForeground#FFFFFF
- list.activeSelectionIconForeground#FFFFFF
- list.dropBackground#4E97D122
- list.errorForeground#FF6B68
- list.focusBackground#3C3F41
- list.focusOutline#4E97D155
- list.foreground#F2F6FA
- list.highlightForeground#4E97D1
- list.hoverBackground#3A3C3E
- list.inactiveSelectionBackground#35475F
- list.inactiveSelectionForeground#FFFFFF
- list.warningForeground#E6E677
- menu.foreground#F2F6FA
- minimap.background#1e1f22
- minimap.selectionHighlight#21428355
- notificationCenterHeader.background#2F3234
- notificationLink.foreground#4E97D1
- notifications.background#2F3234
- notifications.foreground#A9B7C6
- panel.background#2b2d30
- panel.border#404346
- panelTitle.activeForeground#F2F6FA
- panelTitle.inactiveForeground#A9B7C699
- peekView.border#404346
- peekViewEditor.background#2B2B2B
- peekViewResult.background#2F3133
- peekViewTitle.background#3C3F41
- peekViewTitleDescription.foreground#A9B7C699
- peekViewTitleLabel.foreground#A9B7C6
- pickerGroup.border#404346
- pickerGroup.foreground#A9B7C6
- progressBar.background#4E97D1
- quickInput.background#3C3F41
- quickInput.foreground#F2F6FA
- sash.hoverBorder#4E97D1
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#5C5C5C88
- scrollbarSlider.background#5C5C5C44
- scrollbarSlider.hoverBackground#5C5C5C66
- selection.background#21428388
- settings.headerForeground#A9B7C6
- settings.modifiedItemIndicator#4E97D1
- sideBar.background#2b2d30
- sideBar.border#393b40
- sideBar.foreground#F2F6FA
- sideBarSectionHeader.background#373A3C
- sideBarSectionHeader.foreground#A9B7C6
- statusBar.background#2b2d30
- statusBar.border#393b40
- statusBar.debuggingBackground#A56200
- statusBar.foreground#F2F6FA
- statusBar.noFolderBackground#2b2d30
- statusBarItem.remoteBackground#2F3234
- statusBarItem.remoteForeground#A9B7C6
- tab.activeBackground#3C3F41
- tab.activeBorder#3C3F41
- tab.activeBorderTop#4E97D1
- tab.activeForeground#FFFFFF
- tab.border#393b40
- tab.hoverBackground#424449
- tab.inactiveBackground#2F3133
- tab.inactiveForeground#A9B7C6AA
- tab.unfocusedActiveBorderTop#4E97D199
- tab.unfocusedActiveForeground#BFC7CF
- terminal.ansiBlack#000000
- terminal.ansiBlue#6699CC
- terminal.ansiBrightBlack#5B5B5B
- terminal.ansiBrightBlue#7CA7D8
- terminal.ansiBrightCyan#7FCFCF
- terminal.ansiBrightGreen#8DCB6C
- terminal.ansiBrightMagenta#CFA0D4
- terminal.ansiBrightRed#FF6B68
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E6E677
- terminal.ansiCyan#5FB3B3
- terminal.ansiGreen#6A8759
- terminal.ansiMagenta#B77DBA
- terminal.ansiRed#CC6666
- terminal.ansiWhite#A9B7C6
- terminal.ansiYellow#C2C277
- terminal.background#2B2B2B
- terminal.foreground#E2E8F0
- terminal.selectionBackground#21428366
- terminalCursor.foreground#A9B7C6
- titleBar.activeBackground#2b2d30
- titleBar.activeForeground#F2F6FA
- titleBar.border#393b40
- titleBar.inactiveBackground#2b2d30
- titleBar.inactiveForeground#A9B7C699
- window.activeBorder#3C3F41
- window.inactiveBorder#3C3F41
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8A9099 | italic |
| comment.block.documentation, comment.documentation | #72B26A | italic |
| keyword, storage.type, storage.modifier, keyword.operator.new, keyword.control | #FF8F3A | — |
| keyword.operator, punctuation.separator, punctuation.accessor | #E2E8F0 | — |
| string, meta.embedded.assembly, constant.other.symbol | #8DCB6C | — |
| string.regexp | #6FD2F0 | — |
| constant.numeric | #8FBCEB | — |
| constant.language, variable.language, support.constant | #FF8F3A | — |
| variable.other.constant | #B28DD6 | — |
| variable, meta.definition.variable | #E2E8F0 | — |
| variable.parameter | #E2E8F0 | italic |
| variable.property | #E2E8F0 | — |
| entity.name.type, entity.name.class, support.class | #E2E8F0 | — |
| entity.name.namespace, support.other.namespace | #E2E8F0 | — |
| entity.name.function, meta.function-call, support.function | #FFD173 | — |
| meta.method, entity.name.function.method | #FFD173 | — |
| entity.name.tag, support.class.component | #FFCB6B | — |
| entity.other.attribute-name | #D9DEE4 | — |
| support.type.property-name, meta.object-literal.key, support.type.property-name.json | #E2E8F0 | — |
| punctuation.definition.string, punctuation.definition.parameters, punctuation.section.embedded | #CED4DA | — |
| invalid, invalid.illegal | #FFFFFF | — |
| markup.heading | #7FB8FF | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw | #8FBCEB | — |
| source.php variable.other | #E2E8F0 | — |
| source.php support.function | #FFD173 | — |
| source.php keyword | #FF8F3A | — |
| source.php storage.type, source.php storage.modifier | #FF8F3A | — |
| source.php entity.name.type.class | #E2E8F0 | — |
| comment.block.documentation.phpdoc | #72B26A | italic |
| source.blade support.function.directive.blade | #FF8F3A | — |
| source.blade variable.other.blade | #E2E8F0 | — |