Cherry Cosmos
Publisher: MichealThemes in package: 1
Experience the allure of Cherry Cosmos. Let vibrant cherry reds adorn your coding environment against a cosmic backdrop. Elevate your coding experience with elegance and warmth.
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#131620
- activityBar.activeBorder#2a93d5
- activityBar.background#131620
- activityBar.border#272b3f
- activityBar.foreground#2a93d5
- activityBarBadge.background#c2100a
- activityBarBadge.foreground#c0c4d8
- badge.background#195880
- badge.foreground#c0c4d8
- breadcrumb.background#131620
- breadcrumb.focusForeground#c0c4d8
- breadcrumb.foreground#8189b1
- button.background#2a93d5
- button.foreground#c0c4d8
- button.hoverBackground#2a93d5
- button.secondaryBackground#195880
- button.secondaryForeground#c0c4d8
- button.secondaryHoverForeground#195880
- debugToolBar.background#131620
- editor.background#131620
- editor.foreground#c0c4d8
- editorGroupHeader.tabsBackground#272b3f
- editorWidget.background#131620
- editorWidget.resizeBorder#272b3f
- focusBorder#c2100a
- foreground#8189b1
- input.background#272b3f
- input.foreground#c0c4d8
- input.placeholderForeground#8189b1
- inputOption.activeBackground#195880
- inputOption.activeBorder#195880
- inputOption.activeForeground#c0c4d8
- list.activeSelectionBackground#195880
- list.activeSelectionForeground#c0c4d8
- list.dropBackground#272b3f
- list.focusBackground#195880
- list.focusForeground#8189b1
- list.highlightForeground#2a93d5
- list.hoverBackground#195880
- list.hoverForeground#8189b1
- list.inactiveSelectionBackground#272b3f
- list.inactiveSelectionForeground#8189b1
- listFilterWidget.background#2a93d5
- menu.background#131620
- menu.border#272b3f
- menu.foreground#8189b1
- menu.selectionBackground#195880
- menu.selectionForeground#c0c4d8
- menu.separatorBackground#272b3f
- menubar.selectionBackground#195880
- menubar.selectionBorder#195880
- menubar.selectionForeground#8189b1
- panel.background#3a415f
- panelTitle.activeBorder#c2100a
- panelTitle.activeForeground#c0c4d8
- panelTitle.inactiveForeground#8189b1
- pickerGroup.foreground#2a93d5
- progressBar.background#c2100a
- scrollbar.shadow#272b3f
- selection.background#c2100a
- sideBar.border#272b3f
- sideBar.foreground#8189b1
- sideBarSectionHeader.background#272b3f
- sideBarSectionHeader.foreground#8189b1
- statusBar.background#c2100a
- statusBar.debuggingBackground#195880
- statusBar.debuggingForeground#c0c4d8
- statusBar.foreground#c0c4d8
- statusBar.noFolderBackground#272b3f
- statusBar.noFolderForeground#c0c4d8
- statusBarItem.remoteBackground#c2100a
- statusBarItem.remoteForeground#c0c4d8
- tab.activeBackground#131620
- tab.activeBorder#272b3f
- tab.activeBorderTop#272b3f
- tab.activeForeground#c0c4d8
- tab.border#272b3f
- tab.hoverBackground#131620
- tab.hoverForeground#c0c4d8
- tab.inactiveBackground#272b3f
- tab.inactiveForeground#8189b1
- terminal.ansiBlack#3a415f
- terminal.ansiBrightBlack#272b3f
- terminal.ansiBrightWhite#c0c4d8
- terminal.ansiWhite#c0c4d8
- terminal.foreground#8189b1
- terminal.selectionBackground#195880
- terminalCursor.background#c2100a
- terminalCursor.foreground#c0c4d8
- textLink.foreground#2a93d5
- titleBar.activeBackground#272b3f
- titleBar.activeForeground#8189b1
- titleBar.border#272b3f
- titleBar.inactiveBackground#131620
- titleBar.inactiveForeground#8189b1
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable | #2276aa | — |
| variable.other.readwrite | #2276aa | — |
| entity.name.variable | #2276aa | — |
| variable.other.property | #2276aa | — |
| variable.parameter | #2276aa | — |
| variable.other.constant.property | #2276aa | — |
| variable.language | #2276aa | — |
| entity.name.function | #f2140d | — |
| entity.name.type | #f2140d | — |
| entity.name.section | #f2140d | — |
| support.function | #f2140d | — |
| support.type.property-name.css | #f2140d | — |
| keyword | #c2100a | — |
| keyword.control | #c2100a | — |
| keyword.other | #c2100a | — |
| keyword.declaration | #c2100a | — |
| storage.type | #c2100a | — |
| storage.modifier | #c2100a | — |
| entity.name.tag | #c2100a | — |
| support.type | #c2100a | — |
| entity.name.tag.css | #c2100a | — |
| comment | #a0a7c5 | — |
| comment.line | #a0a7c5 | — |
| comment.block | #a0a7c5 | — |
| punctuation | #a0a7c5 | — |
| keyword.operator | #a0a7c5 | — |
| punctuation.definition.array.begin | #a0a7c5 | — |
| punctuation.definition.array.end | #a0a7c5 | — |
| punctuation.section.brackets.begin | #a0a7c5 | — |
| punctuation.section.brackets.end | #a0a7c5 | — |
| constant | #55a9dd | — |
| constant.character | #55a9dd | — |
| constant.language | #55a9dd | — |
| constant.other | #55a9dd | — |
| entity.name.type.class | #55a9dd | — |
| support.class | #55a9dd | — |
| variable.other.constant | #55a9dd | — |
| support.constant.* | #55a9dd | — |
| entity.other.inherited-class | #55a9dd | — |
| entity.other.attribute-name | #55a9dd | — |
| entity.other.attribute-name.class.css | #55a9dd | — |
| entity.other.attribute-name.id.css | #55a9dd | — |
| entity.other.attribute-name.pseudo-class.css | #55a9dd | — |
| entity.other.attribute-name.pseudo-element.css | #55a9dd | — |
| constant.numeric | #aad4ee | — |
| support.constant.property-value.css | #aad4ee | — |
| constant.other.color | #aad4ee | — |
| constant.other.color.rgb-value.css | #aad4ee | — |
| string | #f7726e | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...