Cean Dark
Publisher: Daniel BrüstleThemes in package: 1
Simple but colorful theme that uses dark base colors with a tint of purple
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#aaaaff33
- activityBar.activeBorder#ddddff
- activityBar.background#292c36
- activityBar.dropBorder#ddddff
- activityBar.foreground#f7f7ff
- activityBar.inactiveForeground#aaaaff
- activityBarBadge.background#f0f0ff
- activityBarBadge.foreground#292c36
- badge.background#44446677
- badge.foreground#aaaaff
- breadcrumb.background#292C36
- breadcrumb.focusForeground#f7f7ff
- breadcrumb.foreground#ddddff
- breadcrumbPicker.background#1a1c21
- button.background#aaaaff77
- button.hoverBackground#aaaaffcc
- button.secondaryBackground#aaaaff77
- button.secondaryHoverBackground#aaaaffcc
- checkbox.background#444466
- debugIcon.breakpointForeground#ff3064
- debugIcon.pauseForeground#FFD013
- debugIcon.startForeground#1BE195
- debugIcon.stopForeground#ff3064
- descriptionForeground#aaaaff
- diffEditor.border#aaaaff77
- diffEditor.diagonalFill#aaaaff33
- diffEditor.insertedTextBackground#1BE19533
- diffEditor.removedTextBackground#ff306433
- dropdown.background#aaaaff33
- dropdown.border#aaaaff
- dropdown.foreground#f7f7ff
- dropdown.listBackground#444466
- editor.background#1A1C21
- editor.findMatchBackground#aaaaff77
- editor.findMatchHighlightBackground#aaaaff33
- editor.findRangeHighlightBackground#00000033
- editor.foldBackground#00000033
- editor.foreground#f7f7ff
- editor.hoverHighlightBackground#aaaaff33
- editor.inactiveSelectionBackground#aaaaff77
- editor.lineHighlightBackground#aaaaff11
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#00000033
- editor.selectionBackground#aaaaff77
- editor.selectionHighlightBackground#aaaaff33
- editor.wordHighlightBackground#aaaaff33
- editor.wordHighlightStrongBackground#aaaaff33
- editorBracketHighlight.foreground1#f7f7ff
- editorBracketHighlight.foreground2#FFCB6B
- editorBracketHighlight.foreground3#18AAFF
- editorBracketHighlight.unexpectedBracket.foreground#ff3064
- editorCursor.foreground#ddddff
- editorError.foreground#ff3064
- editorGhostText.foreground#aaaaff77
- editorGroup.border#aaaaff33
- editorGroup.dropBackground#aaaaff33
- editorGroupHeader.tabsBackground#202329
- editorGutter.addedBackground#1BE195
- editorGutter.deletedBackground#ff3064
- editorGutter.modifiedBackground#18AAFF
- editorHoverWidget.highlightForeground#aaaaff
- editorIndentGuide.activeBackground#aaaaff77
- editorIndentGuide.background#aaaaff33
- editorInfo.foreground#18AAFF
- editorLineNumber.activeForeground#ddddff
- editorLineNumber.foreground#ddddff77
- editorMarkerNavigation.background#00000033
- editorMarkerNavigationError.headerBackground#ff306477
- editorMarkerNavigationInfo.headerBackground#18AAFF77
- editorMarkerNavigationWarning.headerBackground#FFD01377
- editorOverviewRuler.addedForeground#1BE195
- editorOverviewRuler.deletedForeground#ff3064
- editorOverviewRuler.errorForeground#ff3064
- editorOverviewRuler.findMatchForeground#FFD013
- editorOverviewRuler.modifiedForeground#18AAFF
- editorOverviewRuler.rangeHighlightForeground#FFD013
- editorOverviewRuler.selectionHighlightForeground#FFD013
- editorOverviewRuler.wordHighlightForeground#FFD013
- editorOverviewRuler.wordHighlightStrongForeground#FFD013
- editorSuggestWidget.selectedBackground#aaaaff77
- editorSuggestWidget.selectedForeground#f7f7ff
- editorSuggestWidget.selectedIconForeground#f7f7ff
- editorWarning.foreground#FFD013
- editorWhitespace.foreground#aaaaff77
- editorWidget.background#202329
- editorWidget.border#aaaaff00
- editorWidget.resizeBorder#aaaaff00
- errorForeground#ff3064
- focusBorder#aaaaff77
- foreground#f7f7ff
- icon.foreground#f7f7ff
- input.background#aaaaff33
- input.border#aaaaff
- input.placeholderForeground#aaaaff
- inputOption.activeBackground#f7f7ff
- inputOption.activeForeground#444466
- inputOption.hoverBackground#aaaaff77
- inputValidation.errorBackground#ff3064
- inputValidation.errorBorder#ff3064
- inputValidation.errorForeground#f7f7ff
- inputValidation.infoBackground#18aaff
- inputValidation.infoBorder#18aaff
- inputValidation.infoForeground#f7f7ff
- inputValidation.warningBackground#FFD013
- inputValidation.warningBorder#FFD013
- inputValidation.warningForeground#000000
- keybindingLabel.background#aaaaff77
- keybindingLabel.bottomBorder#aaaaff
- keybindingLabel.foreground#f7f7ff
- keybindingTable.headerBackground#202329
- keybindingTable.rowsBackground#ddddff11
- list.activeSelectionBackground#aaaaff33
- list.activeSelectionForeground#aaaaff
- list.activeSelectionIconForeground#aaaaff
- list.dropBackground#aaaaff33
- list.errorForeground#ff3064
- list.filterMatchBackground#aaaaff77
- list.focusOutline#aaaaff
- list.highlightForeground#aaaaff
- list.hoverBackground#aaaaff33
- list.inactiveSelectionBackground#aaaaff33
- list.inactiveSelectionForeground#aaaaff
- list.inactiveSelectionIconForeground#f0f0ff
- listFilterWidget.background#292c36
- listFilterWidget.noMatchesOutline#ff3064
- listFilterWidget.outline#aaaaff
- menu.background#292c36
- menu.foreground#ddddff
- menu.selectionBackground#aaaaff33
- menu.selectionForeground#f0f0ff
- menu.separatorBackground#aaaaff
- menubar.selectionBackground#aaaaff33
- menubar.selectionForeground#f0f0ff
- merge.currentHeaderBackground#1BE19577
- merge.incomingHeaderBackground#18AAFF77
- minimap.background#202329
- minimap.errorHighlight#ff3064
- minimap.findMatchHighlight#aaaaff
- minimap.selectionHighlight#f0f0ff
- minimapGutter.addedBackground#1BE195
- minimapGutter.deletedBackground#ff3064
- minimapGutter.modifiedBackground#18aaff
- minimapSlider.background#aaaaff33
- minimapSlider.hoverBackground#aaaaff55
- notificationCenter.border#aaaaff33
- notificationCenterHeader.background#202329
- notificationCenterHeader.foreground#aaaaff
- notificationLink.foreground#aaaaff
- notifications.background#292C36
- notifications.border#aaaaff33
- notificationsErrorIcon.foreground#ff3064
- notificationsInfoIcon.foreground#18AAFF
- notificationsWarningIcon.foreground#FFD013
- panel.background#202329
- panel.border#aaaaff33
- panel.dropBorder#ddddff
- panelInput.border#aaaaff33
- panelSection.border#aaaaff77
- panelSectionHeader.background#00000055
- panelSectionHeader.border#aaaaff33
- panelSectionHeader.foreground#f7f7ff
- panelTitle.activeBorder#aaaaff00
- panelTitle.activeForeground#aaaaff
- panelTitle.inactiveForeground#f7f7ff
- peekView.border#aaaaff33
- peekViewEditor.background#00000077
- peekViewEditor.matchHighlightBackground#aaaaff77
- peekViewResult.background#00000055
- peekViewResult.fileForeground#aaaaff
- peekViewResult.lineForeground#f7f7ff
- peekViewResult.matchHighlightBackground#aaaaff77
- peekViewResult.selectionBackground#aaaaff77
- peekViewResult.selectionForeground#f7f7ff
- peekViewTitle.background#00000077
- peekViewTitleDescription.foreground#aaaaff
- progressBar.background#aaaaff
- sash.hoverBorder#aaaaffcc
- scrollbarSlider.activeBackground#aaaaff77
- scrollbarSlider.background#aaaaff44
- scrollbarSlider.hoverBackground#aaaaff77
- searchEditor.findMatchBackground#aaaaff33
- selection.background#aaaaff77
- sideBar.background#202329
- sideBar.border#aaaaff33
- sideBar.dropBackground#aaaaff33
- sideBarSectionHeader.background#292c36
- sideBarTitle.foreground#aaaaff
- statusBar.noFolderBackground#aaaaff
- statusBarItem.activeBackground#ffffff77
- statusBarItem.hoverBackground#ffffff33
- tab.activeBackground#aaaaff33
- tab.activeForeground#f7f7ff
- tab.hoverBackground#aaaaff33
- tab.hoverForeground#f0f0ff
- tab.inactiveBackground#202329
- tab.inactiveForeground#ddddff77
- tab.lastPinnedBorder#ddddff
- terminal.background#1a1c21
- textBlockQuote.background#44446677
- textBlockQuote.border#ddddff
- textCodeBlock.background#44446677
- textLink.activeForeground#f7f7ff
- textLink.foreground#aaaaff
- textPreformat.foreground#aaaaff
- textSeparator.foreground#ddddff
- titleBar.activeBackground#292C36
- titleBar.activeForeground#ddddff
- titleBar.border#aaaaff33
- titleBar.inactiveBackground#292C36
- titleBar.inactiveForeground#ddddff
- toolbar.activeBackground#aaaaffcc
- toolbar.hoverBackground#aaaaff77
- tree.indentGuidesStroke#aaaaff77
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source | #f7f7ff | — |
| meta.embedded, source.groovy.embedded | #D4D4D4 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| comment | #ddddff77 | — |
| constant.language | #5FAEEE | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #89ebbd | — |
| constant.regexp | #646695 | — |
| entity.name.tag | #aaaaff | — |
| entity.other.attribute-name | #E0BEFF | — |
| invalid | #f44747 | — |
| markup.underline | — | underline |
| markup.bold | #aaaaff | bold |
| markup.heading | #aaaaff | bold |
| markup.italic | — | italic |
| markup.inserted | #89ebbd | — |
| markup.deleted | #E29E83 | — |
| markup.changed | #aaaaff | — |
| punctuation.accessor | #F1A256 | — |
| punctuation.definition.quote.begin.markdown | #f7f7ff77 | — |
| punctuation.definition.list.begin.markdown | #6796e6 | — |
| markup.inline.raw | #E29E83 | — |
| punctuation.definition.tag | #808080 | — |
| meta.preprocessor, entity.name.function.preprocessor | #aaaaff | — |
| meta.preprocessor.string | #E29E83 | — |
| meta.preprocessor.numeric | #89ebbd | — |
| meta.structure.dictionary.key.python | #f7f7ff | — |
| meta.diff.header | #aaaaff | — |
| storage | #aaaaff | — |
| storage.type | #aaaaff | — |
| storage.modifier, keyword.operator.noexcept | #aaaaff | — |
| string, meta.embedded.assembly | #E29E83 | — |
| string.tag | #E29E83 | — |
| string.value | #E29E83 | — |
| string.regexp | #d16969 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #aaaaff | — |
| meta.template.expression | #d4d4d4 | — |
| support.type.property-name | #f7f7ff | — |
| support.type.vendored.property-name | #ddddff | — |
| variable.css, variable.scss, variable.other.less, source.coffee.embedded | #E0BEFF | — |
| keyword | #aaaaff | — |
| keyword.control | #aaaaff | — |
| keyword.operator | #f7f7ff | — |
| keyword.operator.assignment | #F1A256 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike | #E98FEC | — |
| keyword.other.unit | #89ebbd | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #aaaaff | — |
| support.function.git-rebase | #f7f7ff | — |
| constant.sha.git-rebase | #89ebbd | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #d4d4d4 | — |
| variable.language | #06C9E2 | — |
| entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal | #ecd69a | — |
| variable.parameter | #e0beff | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #f5ca82 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #f5ca82 | — |
| keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator | #E98FEC | — |
| support.variable | #f7f7ff | — |
| variable, meta.definition.variable.name, entity.name.variable, constant.other.placeholder | #ddddff | — |
| variable.other.constant, variable.other.enummember | — | — |
| meta.object-literal.key | #f7f7ff | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #E29E83 | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #E29E83 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp | #d16969 | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp | #ecd69a | — |
| keyword.operator.quantifier.regexp | #FFCB6B | — |
| constant.character | #aaaaff | — |
| constant.character.escape | #FFCB6B | — |
| entity.name.label | #C8C8C8 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...