Cloud9 Reloaded Theme
Publisher: scienmindThemes in package: 1
Cloud9 Reloaded: Dark theme for VS Code, based on Cloud9 IDE (forked from 'Cloud9Theme')
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#252931
- activityBar.foreground#d7dae0
- activityBarBadge.background#528bff
- activityBarBadge.foreground#d7dae0
- button.background#4d78cc
- button.foreground#ffffff
- button.hoverBackground#6087cf
- debugToolBar.background#5c1a15d0
- diffEditor.insertedTextBackground#3bcbe433
- diffEditor.removedTextBackground#fc3d3d33
- dropdown.background#21252b
- dropdown.border#181a1f
- dropdown.listBackground#1d2127
- editor.background#202020
- editor.findMatchBackground#ac4221d0
- editor.findMatchBorder#f04c4cc9
- editor.foreground#d5d8dd
- editor.lineHighlightBackground#2a2a2a
- editor.selectionBackground#28523d
- editor.selectionHighlightBackground#5a81d440
- editorCursor.foreground#528bff
- editorGroup.border#474e5cbb
- editorGroupHeader.tabsBackground#21252b
- editorGutter.background#1d2025
- editorHoverWidget.background#2b3a50dd
- editorHoverWidget.border#181a1fdd
- editorIndentGuide.activeBackground#3c3e53
- editorIndentGuide.background#33363d88
- editorLineNumber.foreground#636d83
- editorRuler.foreground#3f2727
- editorSuggestWidget.background#21252b
- editorSuggestWidget.border#181a1f
- editorSuggestWidget.selectedBackground#2c313a
- editorWhitespace.foreground#dd3737cc
- editorWidget.background#21252b
- focusBorder#528bff
- input.background#1b1d23
- input.border#181a1f
- list.activeSelectionBackground#2c313a
- list.activeSelectionForeground#d7dae0
- list.focusBackground#2c313aee
- list.highlightForeground#d7dae0
- list.hoverBackground#303741ee
- list.inactiveSelectionBackground#2c313ac9
- list.inactiveSelectionForeground#d7dae0
- menu.background#3a404d
- menu.foreground#dadfe9
- minimap.background#1d202588
- panel.background#252931
- panel.border#21252b
- peekViewEditor.matchHighlightBackground#946a3a7c
- pickerGroup.border#528bff
- scrollbarSlider.activeBackground#747d9180
- scrollbarSlider.background#4e566680
- scrollbarSlider.hoverBackground#5a637580
- sideBar.background#21252b
- sideBar.foreground#abb2bf
- sideBarSectionHeader.background#252931
- sideBarSectionHeader.border#4e566680
- statusBar.background#252931
- statusBar.border#21252b40
- statusBar.debuggingBackground#5c1a15
- statusBar.debuggingForeground#ffffffd0
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#252931
- statusBarItem.hoverBackground#b2b9c728
- statusBarItem.remoteBackground#4370ca
- statusBarItem.remoteForeground#dcdfe4
- tab.activeBackground#323741
- tab.border#21252b
- tab.inactiveBackground#252931
- terminal.background#253545
- terminal.border#474e5cbb
- terminal.foreground#eeeeee
- titleBar.activeBackground#252931
- titleBar.activeForeground#9da5b4
- titleBar.border#21252b
- titleBar.inactiveBackground#252931
- titleBar.inactiveForeground#9da5b470
- window.activeBorder#4e566680
- window.inactiveBorder#1d2025
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #969896 | — |
| keyword.operator.class, constant.other, source.php.embedded.line | #EEEEEE | |
| variable, support.other.variable, string.other.link, string.regexp, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag | #D54E53 | — |
| constant.numeric, constant.language, support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit | #E78C45 | |
| entity.name.class, entity.name.type.class, support.type, support.class | #E7C547 | |
| string, constant.other.symbol, entity.other.inherited-class, markup.heading | #B9CA4A | |
| keyword.operator, constant.other.color | #70C0B1 | — |
| entity.name.function, support.function, keyword.other.special-method, meta.block-level | #7AA6DA | |
| keyword, storage, storage.type, entity.name.tag.css | #C397D8 | |
| invalid | #CED2CF | |
| meta.separator | #CED2CF | — |
| invalid.deprecated | #CED2CF | |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...