Cloud9 JetStream Theme
Publisher: Uğur OkumusThemes in package: 1
Cloud9 JetStream color theme converted from the JetBrains IDE 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.background#060A10
- activityBar.border#1A2332
- activityBar.foreground#D4E4F7
- activityBar.inactiveForeground#4A6580
- activityBarBadge.background#3D9BC9
- activityBarBadge.foreground#0A0E14
- badge.background#1F3247
- badge.foreground#D4E4F7
- breadcrumb.activeSelectionForeground#D4E4F7
- breadcrumb.background#0A0E14
- breadcrumb.focusForeground#D4E4F7
- breadcrumb.foreground#8899AA
- breadcrumbPicker.background#0A0E14
- button.background#3D9BC9
- button.foreground#0A0E14
- button.hoverBackground#58A6FF
- button.secondaryBackground#111820
- button.secondaryForeground#D4E4F7
- button.secondaryHoverBackground#1A2332
- descriptionForeground#8899AA
- diffEditor.insertedLineBackground#57CC9911
- diffEditor.insertedTextBackground#57CC9922
- diffEditor.removedLineBackground#FF6B6B11
- diffEditor.removedTextBackground#FF6B6B22
- dropdown.background#111820
- dropdown.border#1A2332
- dropdown.foreground#D4E4F7
- editor.background#0A0E14
- editor.findMatchBackground#243044
- editor.findMatchBorder#E2B55A
- editor.findMatchHighlightBackground#24304499
- editor.foreground#D4E4F7
- editor.hoverHighlightBackground#1F3247AA
- editor.inactiveSelectionBackground#1F324780
- editor.lineHighlightBackground#0D1A2A
- editor.selectionBackground#0D3A58
- editor.selectionForeground#D4E4F7
- editor.wordHighlightBackground#1F3247
- editor.wordHighlightStrongBackground#2D1419
- editorBracketMatch.background#0D3A58
- editorBracketMatch.border#00D4FF
- editorCursor.foreground#00D4FF
- editorError.foreground#FF6B6B
- editorGroup.border#1A2332
- editorGroupHeader.tabsBackground#060A10
- editorGutter.addedBackground#57CC99
- editorGutter.background#060A10
- editorGutter.deletedBackground#FF6B6B
- editorGutter.modifiedBackground#3D9BC9
- editorHint.foreground#4A6580
- editorIndentGuide.activeBackground1#3D9BC9
- editorIndentGuide.background1#1A2332
- editorInfo.foreground#48BFE3
- editorLineNumber.activeForeground#3D9BC9
- editorLineNumber.foreground#3A506B
- editorLink.activeForeground#3D9BC9
- editorRuler.foreground#1A2332
- editorWarning.foreground#E2B55A
- editorWhitespace.foreground#1A2332
- errorForeground#FF6B6B
- extensionButton.prominentBackground#3D9BC9
- extensionButton.prominentForeground#0A0E14
- focusBorder#3D9BC9
- foreground#D4E4F7
- gitDecoration.addedResourceForeground#58A6FF
- gitDecoration.conflictingResourceForeground#E2B55A
- gitDecoration.deletedResourceForeground#FF6B6B
- gitDecoration.ignoredResourceForeground#5C6B7A
- gitDecoration.modifiedResourceForeground#3D9BC9
- gitDecoration.untrackedResourceForeground#58A6FF
- icon.foreground#6B8CAE
- input.background#111820
- input.border#1A2332
- input.foreground#D4E4F7
- inputOption.activeBorder#3D9BC9
- inputValidation.errorBorder#FF6B6B
- inputValidation.warningBorder#E2B55A
- list.activeSelectionBackground#1F3247
- list.activeSelectionForeground#D4E4F7
- list.errorForeground#FF6B6B
- list.focusBackground#1F3247
- list.highlightForeground#58A6FF
- list.hoverBackground#111820
- list.inactiveSelectionBackground#111820
- list.warningForeground#E2B55A
- notificationCenter.border#1A2332
- notificationCenterHeader.background#0D1219
- notificationLink.foreground#3D9BC9
- notifications.background#111820
- notifications.border#1A2332
- notifications.foreground#D4E4F7
- panel.background#0A0E14
- panel.border#1A2332
- panelTitle.activeBorder#3D9BC9
- panelTitle.activeForeground#D4E4F7
- panelTitle.inactiveForeground#4A6580
- pickerGroup.border#1A2332
- pickerGroup.foreground#3D9BC9
- progressBar.background#3D9BC9
- quickInput.background#0A0E14
- quickInput.foreground#D4E4F7
- quickInputList.focusBackground#1F3247
- sash.hoverBorder#3D9BC9
- scrollbarSlider.activeBackground#3D9BC999
- scrollbarSlider.background#1A233299
- scrollbarSlider.hoverBackground#3A506B99
- selection.background#0D3A58
- sideBar.background#0A0E14
- sideBar.border#1A2332
- sideBar.foreground#D4E4F7
- sideBarSectionHeader.background#0D1219
- sideBarSectionHeader.border#1A2332
- sideBarSectionHeader.foreground#D4E4F7
- sideBarTitle.foreground#D4E4F7
- statusBar.background#060A10
- statusBar.border#1A2332
- statusBar.debuggingBackground#2D2010
- statusBar.debuggingForeground#E2B55A
- statusBar.foreground#D4E4F7
- statusBar.noFolderBackground#060A10
- statusBarItem.hoverBackground#111820
- statusBarItem.remoteBackground#3D9BC9
- statusBarItem.remoteForeground#0A0E14
- tab.activeBackground#0A0E14
- tab.activeBorderTop#3D9BC9
- tab.activeForeground#D4E4F7
- tab.border#1A2332
- tab.hoverBackground#111820
- tab.inactiveBackground#060A10
- tab.inactiveForeground#4A6580
- terminal.ansiBlack#0A0E14
- terminal.ansiBlue#58A6FF
- terminal.ansiBrightBlack#4A6580
- terminal.ansiBrightBlue#7AB7FF
- terminal.ansiBrightCyan#56CFE1
- terminal.ansiBrightGreen#7DFFBF
- terminal.ansiBrightMagenta#C4B5FD
- terminal.ansiBrightRed#FF8E8E
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFD166
- terminal.ansiCyan#00D4FF
- terminal.ansiGreen#57CC99
- terminal.ansiMagenta#A78BFA
- terminal.ansiRed#FF6B6B
- terminal.ansiWhite#D4E4F7
- terminal.ansiYellow#E2B55A
- terminal.background#0A0E14
- terminal.foreground#D4E4F7
- terminalCursor.foreground#00D4FF
- titleBar.activeBackground#060A10
- titleBar.activeForeground#D4E4F7
- titleBar.inactiveBackground#0D1219
- titleBar.inactiveForeground#4A6580
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #3A506B | italic |
| keyword, storage.type, storage.modifier | #3D9BC9 | bold |
| string | #E2B55A | — |
| constant.character.escape | #00D4FF | bold |
| constant.numeric | #AECBEB | — |
| entity.name.function, support.function | #58A6FF | — |
| entity.name.type, entity.name.class, support.class, support.type | #56CFE1 | — |
| storage.type.annotation, entity.name.type.annotation, meta.annotation | #818CF8 | — |
| variable.parameter | #AECBEB | — |
| variable.other.property, variable.other.object.property | #A5D6E0 | — |
| constant.language, constant.other, variable.other.constant | #C084FC | bold |
| keyword.operator | #3D9BC9 | — |
| punctuation | #6B8CAE | — |
| invalid | #FF6B6B | — |
| keyword, storage.modifier, storage.type | #3D9BC9 | bold |
| string | #E2B55A | — |
| constant.character.escape, string | #00D4FF | bold |
| constant.character.escape, string | #FF6B6B | — |
| constant.numeric | #AECBEB | — |
| comment | #3A506B | italic |
| comment | #4A6580 | italic |
| comment, comment.documentation entity.name.tag | #58A6FF | bold italic |
| comment, comment.documentation entity.name.tag | #AECBEB | italic |
| markup | #58A6FF | — |
| entity.name.function, support.function | #58A6FF | bold |
| meta.function-call entity.name.function, support.function | #58A6FF | — |
| meta.function-call entity.name.function, support.function | #58A6FF | italic |
| entity.name.class, entity.name.type, support.class, support.type | #56CFE1 | — |
| entity.name.class, entity.name.type, support.class, support.type | #56CFE1 | italic |
| entity.name.class, entity.name.type, support.class, support.type, variable.parameter | #56CFE1 | italic |
| entity.name.type.annotation, meta.annotation, storage.type.annotation | #818CF8 | — |
| entity.name.type.annotation, entity.other.attribute-name, meta.annotation, storage.type.annotation | #A78BFA | — |
| variable.other.readwrite | #D4E4F7 | — |
| variable.other.global | #AECBEB | — |
| variable.parameter | #AECBEB | — |
| variable.other.object.property, variable.other.property | #A5D6E0 | — |
| variable.other.object.property, variable.other.property | #A5D6E0 | italic |
| constant.language, constant.other, variable.other.constant | #C084FC | bold |
| variable.other.readwrite | #D4E4F7 | underline |
| variable.parameter | #AECBEB | underline |
| constant.language, constant.other, variable.other.constant, variable.other.object.property, variable.other.property | #C084FC | bold italic |
| punctuation | #6B8CAE | — |
| keyword.operator | #3D9BC9 | — |
| variable.other.readwrite | — | underline |
| variable.other.readwrite | — | underline |
| comment TODO, keyword.other.todo | #E2B55A | bold italic |
| invalid | #FF6B6B | — |
| markup.underline.link | #3D9BC9 | underline |
| markup.underline.link | #58A6FF | underline |
| markup.underline.link | #3A506B | underline |
| variable.parameter | #3A506B | — |
| meta.prompt | #3D9BC9 | — |
| markup.changed | #E2B55A | — |
| entity.name.tag | #48BFE3 | — |
| entity.other.attribute-name | #A5D6E0 | — |
| entity.other.attribute-name | #E2B55A | — |
| entity.name.tag, text.xml | #48BFE3 | — |
| entity.other.attribute-name, text.xml | #A5D6E0 | — |
| entity.other.attribute-name, text.xml | #E2B55A | — |
| entity.name.tag, text.xml | #D4E4F7 | — |
| text.xml | #00D4FF | — |
| text.xml | #818CF8 | — |
| source.json | #3D9BC9 | — |
| source.json, string | #E2B55A | — |
| constant.numeric, source.json | #AECBEB | — |
| keyword, source.json, storage.modifier, storage.type | #3D9BC9 | bold |
| comment, source.json | #3A506B | italic |
| markup | #D4E4F7 | bold |
| markup | #D4E4F7 | italic |
| markup.underline.link | #3D9BC9 | — |
| markup.underline.link | #58A6FF | — |
| punctuation | #3D9BC9 | bold |
| variable.parameter | #AECBEB | bold |
| variable.other.object.property, variable.other.property | #A5D6E0 | bold |
| meta.function-call entity.name.function, support.function | #58A6FF | underline |
| variable.parameter | #3D9BC9 | italic |
| entity.name.type.annotation, meta.annotation, storage.type.annotation | #56CFE1 | — |
| keyword, source.js, source.ts, storage.modifier, storage.type | #3D9BC9 | bold |
| source.js, source.ts, string | #E2B55A | — |
| constant.numeric, source.js, source.ts | #AECBEB | — |
| source.js, source.ts | #3D9BC9 | — |
| source.js, source.ts | #58A6FF | bold |
| source.js, source.ts, variable.other.global | #AECBEB | — |
| source.js, source.ts, variable.other.readwrite | #D4E4F7 | — |
| source.js, source.ts, variable.parameter | #AECBEB | — |
| source.js, source.ts | #58A6FF | — |
| source.js, source.ts | #56CFE1 | — |
| source.js, source.ts | #58A6FF | bold italic |
| source.js, source.ts | #E2B55A | — |
| source.js, source.ts | — | bold |
| keyword, source.sql, storage.modifier, storage.type | #3D9BC9 | bold |
| source.sql, string | #E2B55A | — |
| constant.numeric, source.sql | #AECBEB | — |
| source.sql | #D4E4F7 | — |
| source.sql | #56CFE1 | — |
| source.sql | #56CFE1 | italic |
| source.sql | #818CF8 | — |
| source.sql | #AECBEB | italic |
| source.sql | #58A6FF | bold |
| source.sql, variable.parameter | #AECBEB | — |
| source.sql | #A78BFA | — |
| source.sql | #4A6580 | italic |
| source.css | #3D9BC9 | — |
| source.css | #AECBEB | — |
| source.css | #00D4FF | — |
| source.css | #E2B55A | — |
| source.css, string | #E2B55A | — |
| constant.numeric, source.css | #AECBEB | — |
| source.css | #58A6FF | — |
| entity.name.tag, source.css | #48BFE3 | — |
| source.css | #D4E4F7 | — |
| entity.name.class, entity.name.type, source.css, support.class, support.type | #A78BFA | — |
| source.css | #56CFE1 | bold |
| source.css | #818CF8 | italic |
| entity.other.attribute-name, source.css | #D4E4F7 | — |
| source.css | #FF6B6B | bold |
| keyword, source.css, storage.modifier, storage.type | #3D9BC9 | bold |
| source.css | #56CFE1 | italic |
| punctuation | #58A6FF | — |
| punctuation | #58A6FF | italic |
| comment, source.js, source.ts | #3A506B | italic |
| comment, source.sql | #3A506B | italic |
| comment, source.css | #3A506B | italic |
| source.js, source.ts | #A5D6E0 | — |