Cereal Theme
Publisher: David KangThemes in package: 2
A simple light/dark theme
Color themes
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#1a1d24
- activityBar.background#1a1d24
- activityBar.border#343e47
- activityBar.foreground#f3efe8
- activityBar.inactiveForeground#8a847d
- activityBarBadge.background#f0ad31
- activityBarBadge.foreground#000000
- badge.background#f0ad31
- badge.foreground#000000
- button.background#f0ad31
- button.foreground#000000
- editor.background#272833
- editor.findMatchBackground#e69d1693
- editor.findMatchHighlightBackground#e6af1660
- editor.foreground#dbd9cc
- editor.hoverHighlightBackground#d7d5e446
- editor.inactiveSelectionBackground#f0fcc41f
- editor.lineHighlightBackground#2f3242
- editor.lineHighlightBorder#343647
- editor.selectionBackground#88807083
- editor.selectionHighlightBackground#bfb9f533
- editor.wordHighlightBackground#b4b3af59
- editor.wordHighlightStrongBackground#e69d1660
- editorBracketMatch.background#8f96c98f
- editorBracketMatch.border#272833
- editorCursor.foreground#ffffff
- editorError.background#ff0d7e56
- editorError.foreground#ff4281
- editorGroup.dropBackground#e6cb9a36
- editorGroupHeader.tabsBackground#0e1013
- editorGutter.addedBackground#748068
- editorGutter.deletedBackground#bd525b
- editorGutter.modifiedBackground#4e9fb8
- editorHoverWidget.background#000000
- editorHoverWidget.border#000000
- editorIndentGuide.activeBackground#666880f8
- editorIndentGuide.background#81829638
- editorLineNumber.activeForeground#b9b29f
- editorLineNumber.foreground#60627a
- editorWidget.background#000000
- editorWidget.border#6b4e18
- focusBorder#f0ad31
- gitDecoration.conflictingResourceForeground#ff3300
- gitDecoration.modifiedResourceForeground#dab759
- gitDecoration.stageModifiedResourceForeground#1fb6f1
- gitDecoration.untrackedResourceForeground#6fbd16
- input.background#000000
- input.foreground#e0dcd0
- inputOption.activeBackground#f0ad31
- inputOption.activeForeground#000000
- list.activeSelectionBackground#f0ad31
- list.activeSelectionForeground#000000
- list.activeSelectionIconForeground#000000
- list.dropBackground#f0ad3136
- list.errorForeground#ff428a
- list.focusHighlightForeground#000000
- list.highlightForeground#f0ad31
- list.hoverBackground#39456ec0
- list.inactiveSelectionBackground#583807
- list.inactiveSelectionForeground#f5f1e7
- minimap.errorHighlight#ff4262
- panel.border#505f6d
- panelTitle.activeBorder#1a1d24
- panelTitle.activeForeground#e0dcd0
- scrollbarSlider.activeBackground#5c56a8e1
- scrollbarSlider.background#5662a875
- scrollbarSlider.hoverBackground#5662a8b6
- sideBar.background#1a1d24
- sideBar.border#343e47
- sideBar.foreground#c4bfb6
- sideBarSectionHeader.background#1a1d24
- sideBarSectionHeader.border#424f5c
- sideBarSectionHeader.foreground#e0dcd0
- sideBarTitle.foreground#e0dcd0
- statusBar.background#000000
- statusBar.border#343e47
- statusBar.debuggingBackground#9351df
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#e0dcd0
- statusBar.noFolderBackground#000000
- statusBarItem.errorBackground#ff0080
- statusBarItem.errorForeground#ffffff
- statusBarItem.warningBackground#ff6600
- statusBarItem.warningForeground#ffffff
- tab.activeBorderTop#f0ad31
- tab.activeForeground#ffffff
- tab.hoverForeground#f0ad31
- tab.inactiveBackground#0e1013
- tab.inactiveForeground#afaba3
- widget.shadow#3a3121
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #67899e | — |
| variable, namespace, entity.name.namespace | #dbd9cc | — |
| keyword, entity | #fea740 | |
| constant, string | #c6c9df | — |
| constant.character.escape, constant.language.boolean, constant.language.true, constant.language.false | #fea740 | |
| storage, keyword.control.import, punctuation.definition.directive, keyword.control.directive | #ec4585 | |
| keyword.control, keyword.control.flow.python | #f3cb17 | |
| keyword.control.flow, keyword.control.return, keyword.control.break, keyword.control.throw, keyword.operator.new, keyword.operator.delete | #56a6e7 | |
| keyword.operator.assignment | #bab0c5 | bold |
| keyword.operator, punctuation.accessor, punctuation.separator.period, punctuation.separator.pointer-access, punctuation.separator.dot-access, keyword.operator.assignment.compound, storage.modifier.pointer, storage.modifier.reference, storage.type.function.arrow | #eb51ff | bold |
| keyword.operator.ternary, keyword.operator.logical, keyword.operator.comparison, keyword.operator.bitwise, keyword.operator.and, keyword.operator.or, keyword.operator.not, keyword.operator.relational | #f3cb17 | bold |
| variable.function, entity.name.function | #e6e1db | bold |
| punctuation.section.block, meta.tag, constant.other.symbol, constant.other.key, constant.other.color, punctuation.definition.tag, punctuation.definition.block, punctuation.definition.dictionary, punctuation.separator.inheritance, keyword.other.template, keyword.other.substitution, keyword.operator.type.annotation, markup.raw.block | #9291aa | |
| invalid, message.error, punctuation.definition.deleted, markup.deleted | #FF5370 | bold underline |
| meta.brace.round, constant.character.format.placeholder, punctuation.separator, punctuation.terminator, punctuation.section, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, meta.brace.square, punctuation.definition.string | #bab0c5 | — |
| punctuation.definition.parameters, punctuation.definition.arguments, punctuation.section.arguments, punctuation.section.parameters, punctuation.definition.parameters.begin.ts, punctuation.definition.parameters.end.ts | #d6d6c6 | bold |
| markup.underline.link | #56a6e7 | |
| string.other.link.description, string.other.link.title | #f3cb17 | |
| markup.bold | #e6e1db | bold |
| markup.heading, markup.heading entity.name | #ec4585 | bold |
| markup.italic | — | italic |
| punctuation.definition.list | #f3cb17 | |
| markup.quote | #67899e | — |
| markup.raw.block | #67899e | — |
| markup.other | #618b31 | — |
| meta.separator, punctuation.definition.bold, punctuation.definition.italic, punctuation.definition.metadata, punctuation.definition.array, punctuation.support.type | #9291aa | — |
| support.type.property-name | #e2e0d5 | — |
| constant.language.json | #f3cb17 | — |
| entity.name.tag | #ec4585 | — |
| entity.other.attribute-name | #fea740 | — |