Serenity Theme
Publisher: Roman ChesnokovThemes in package: 3
Keep calm ☁️ code on
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.background#3f454e
- activityBar.foreground#999
- activityBarBadge.background#5c4190
- activityBarBadge.foreground#d0ced4
- breadcrumb.activeSelectionForeground#434b68
- breadcrumb.background#141c32
- breadcrumb.foreground#434b68
- breadcrumbPicker.background#161e34
- button.background#1c233e
- button.foreground#434b68
- dropdown.background#161e34
- dropdown.listBackground#161e34
- editor.background#161e34
- editor.foreground#d6d6d6
- editor.lineHighlightBackground#17213f
- editor.rangeHighlightBackground#27235020
- editor.selectionBackground#3460ff30
- editor.selectionHighlightBackground#655dff20
- editor.wordHighlightBackground#b14b8b40
- editor.wordHighlightStrongBackground#b14b8b40
- editorBracketMatch.background#550b1f88
- editorBracketMatch.border#0000
- editorCursor.foreground#5c4190
- editorGroupHeader.tabsBackground#141c32
- editorLineNumber.activeForeground#48557b
- editorLineNumber.foreground#1e2845
- editorStickyScroll.border#0000
- editorStickyScroll.shadow#202d4475
- editorStickyScrollHover.background#162243
- editorWhitespace.foreground#20293a
- editorWidget.background#161e34
- editorWidget.foreground#434b68
- git.blame.editorDecorationForeground#444f63
- gitDecoration.ignoredResourceForeground#2c384b
- gitDecoration.modifiedResourceForeground#9e7900
- gitDecoration.untrackedResourceForeground#2bb37c
- input.background#1c233e
- input.foreground#e0e0e0
- list.activeSelectionBackground#19223d
- list.activeSelectionForeground#5c4190
- list.errorForeground#af3c55
- list.hoverBackground#172034
- list.inactiveSelectionBackground#161c2d
- list.warningForeground#b87500
- menu.foreground#666
- menu.selectionBackground#4e587c
- menu.selectionForeground#434b68
- panel.background#141c32
- scrollbar.background#141c32
- scrollbar.shadow#141c32
- scrollbarSlider.background#183260
- sideBar.background#161e34
- sideBar.foreground#434b68
- sideBarSectionHeader.background#141c32
- sideBarSectionHeader.foreground#b9b9b9
- sideBarTitle.foreground#6d6dc8
- statusBar.background#141c32
- statusBar.foreground#5c4190
- statusBar.noFolderBackground#230811
- surface.border#161e34
- tab.activeBackground#17203d
- tab.activeForeground#4a506a
- tab.border#141c32
- tab.inactiveBackground#141c32
- tab.inactiveForeground#434b68
- titleBar.activeBackground#141c32
- titleBar.activeForeground#565b72
- titleBar.inactiveBackground#141c32
- titleBar.inactiveForeground#565b72
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant.character.escape, entity.name.class, entity.name.type.class, new.expr, meta.block, meta.class, meta.function-call, meta.var.expr, support.class, markup.changed.git_gutter | #7190df | — |
| comment, comment.block, punctuation.definition.comment, punctuation.definition.comment.html | #45526b | italic |
| constant.character, constant.language, constant.numeric, constant.language.boolean, constant.numeric.scss, support.constant, entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less | #d35599 | — |
| constant.language.boolean | #b58270 | — |
| constant.language.undefined, constant.language.null | #5f5f7b | — |
| entity.name.function, variable.function, support.function, keyword.other.special-method, meta.function-call, meta.block-level, keyword.operator.typeof, keyword.operator.module | #7c7ee7 | — |
| keyword, entity.name.tag.other, entity.name.tag.reference.scss | #b772a0 | bold |
| entity.other.attribute-name.generic, meta.object-literal.key, meta.object.member, meta.objectliteral, meta.object.member, meta.objectliteral, meta.export.default, support.type.property-name.json, variable.other.constant.property, variable.other.property, variable.other.object.property | #97b0eb | |
| punctuation.accessor.optional, keyword.operator, keyword.operator.assignment, keyword.operator.relational, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.compartion, constant.other.color | #b88ded | |
| meta.parameters, variable.parameter, variable.scss | #c5a0dd | — |
| punctuation.section.embedded, punctuation.other, punctuation.definition, punctuation.definition.block, punctuation.section.property-list, punctuation.separator, punctuation.section.tag, meta.delimiter, meta.group.braces, meta.brace.round, meta.brace.square, keyword.operator.accessor | #505780 | — |
| storage, storage.modifier, variable.language, keyword.operator.new, keyword.other.substitution, keyword.control.import, keyword.control.export, keyword.control.from, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class, punctuation.definition.generic | #727bba | bold |
| string, string.quoted, string.quoted.single, string.quoted.double, string.interpolated, punctuation.definition.string, punctuation.definition.entity, meta.attribute-selector.scss | #8fb9b9 | — |
| entity.name.type, support.type.primitive, meta.type.parameters, variable.object.property, support.type.builtin | #9f82e3 | — |
| meta.object-binding-pattern-variable.tsx, variable.other.constant, variable.other.object, variable.other.readwrite, object.key, string.unquoted, meta.arguments, meta.property.object, meta.jsx.children, meta.jsx.js | #adb2df | — |
| support.class.component | #c88a60 | — |
| entity.name.tag, meta.tag | #bb7048 | — |
| entity.name.tag.css, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.tsx, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx | #927239 | — |
| entity.other.attribute-name, meta.attribute-with-value.id.html, entity.other.attribute-name.id.html, meta.attribute-with-value.class.html, entity.other.attribute-name.class.html, meta.attribute-with-value.html, entity.other.attribute-name.html, entity.name.tag.reference | #d58077d6 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix, entity.other.attribute-name.parent-selector-suffix.css, punctuation.definition.entity | #acc8c2 | — |
| entity.other.attribute-name.generic, support.type.property-name | #687093 | — |
| support.constant.property-value, constant.property-value | #b2b9c3 | — |
| string.regexp, string.regexp keyword.operator, constant.character.escape.backslash.regexp, keyword.control.anchor.regexp, keyword.other.unit, constant.other.unit | #bacfdb | — |