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#7881af
- activityBarBadge.background#ca970b
- activityBarBadge.foreground#222222
- breadcrumb.activeSelectionForeground#714600
- breadcrumb.background#ccd3e6
- breadcrumb.foreground#7881af
- breadcrumbPicker.background#d4daeb
- button.background#bac6db
- button.foreground#404f72
- dropdown.background#c7d5ee
- dropdown.listBackground#d4daeb
- editor.background#d4daeb
- editor.findMatchBackground#bebee3
- editor.findMatchHighlightForeground#0d0099bb
- editor.foreground#4c4473
- editor.lineHighlightBackground#d4dae9
- editor.rangeHighlightBackground#13638233
- editor.selectionBackground#c9d9f5
- editor.selectionHighlightBackground#bcc8ff75
- editor.wordHighlightBackground#bcc8ff75
- editor.wordHighlightStrongBackground#99adf075
- editorBracketMatch.background#ebd6c6
- editorBracketMatch.border#0000
- editorCursor.foreground#ca970b
- editorGroupHeader.border#ccd3e6
- editorGroupHeader.tabsBackground#ccd3e6
- editorLineNumber.activeForeground#a2aac3
- editorLineNumber.foreground#ccd4e7
- editorStickyScroll.border#0000
- editorStickyScroll.shadow#cad3ec80
- editorStickyScrollHover.background#cad1e4
- editorWhitespace.foreground#d3daea
- editorWidget.background#ccd3e6
- editorWidget.foreground#7881af
- git.blame.editorDecorationForeground#b4badb
- gitDecoration.ignoredResourceForeground#a4b0c5
- gitDecoration.modifiedResourceForeground#7b6900
- gitDecoration.untrackedResourceForeground#2bb37c
- input.background#d5ddec
- input.foreground#4e505b
- list.activeSelectionBackground#b8c6e7
- list.activeSelectionForeground#684c00
- list.errorForeground#d45d48
- list.hoverBackground#cdd6e5
- list.warningForeground#ce9308
- listFilterWidget.shadow#0000
- menu.foreground#666
- menu.selectionBackground#4e587c
- menu.selectionForeground#ffc830
- panel.background#ccd3e6
- panelStickyScroll.shadow#0000
- scrollbar.background#ccd3e6
- scrollbar.shadow#0000
- scrollbarSlider.background#99abce
- sideBar.background#d4daeb
- sideBar.foreground#6a708e
- sideBarSectionHeader.background#ccd3e6
- sideBarSectionHeader.foreground#666b7e
- sideBarStickyScroll.shadow#0000
- sideBarTitle.foreground#666
- statusBar.background#ccd3e6
- statusBar.foreground#714600
- statusBar.noFolderBackground#deb48d
- tab.activeBackground#c0cde8
- tab.activeForeground#714600
- tab.border#ccd3e6
- tab.inactiveBackground#ccd3e6
- tab.inactiveForeground#7881af
- titleBar.activeBackground#ccd3e6
- titleBar.activeForeground#714600
- titleBar.inactiveBackground#ccd3e6
- titleBar.inactiveForeground#714600
- widget.shadow#0000
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 | #006f59 | — |
| comment, comment.block, punctuation.definition.comment, punctuation.definition.comment.html | #7d8baa | 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 | #b1005e | — |
| constant.language.boolean | #a7460e | — |
| constant.language.undefined, constant.language.null | #555565 | — |
| entity.name.function, variable.function, support.function, keyword.other.special-method, meta.function-call, meta.block-level, keyword.operator.typeof, keyword.operator.module | #00497d | — |
| keyword, entity.name.tag.other, entity.name.tag.reference.scss | #bf7599 | 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 | #395566 | |
| punctuation.accessor.optional, keyword.operator, keyword.operator.assignment, keyword.operator.relational, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.compartion, constant.other.color | #004cb6 | |
| meta.parameters, variable.parameter, variable.scss | #5a1200 | — |
| 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 | #8998e4 | — |
| 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 | #7279a9 | bold |
| string, string.quoted, string.quoted.single, string.quoted.double, string.interpolated, punctuation.definition.string, punctuation.definition.entity, meta.attribute-selector.scss | #069499 | — |
| entity.name.type, support.type.primitive, meta.type.parameters, variable.object.property, support.type.builtin | #6649ab | — |
| 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 | #2f3444 | — |
| support.class.component | #5f00b2 | — |
| entity.name.tag, meta.tag | #1859aa | — |
| 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 | #8d6bb5 | — |
| 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 | #bb1573 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix, entity.other.attribute-name.parent-selector-suffix.css, punctuation.definition.entity | #0059a6 | — |
| entity.other.attribute-name.generic, support.type.property-name | #58608f | — |
| support.constant.property-value, constant.property-value | #3360a2 | — |
| string.regexp, string.regexp keyword.operator, constant.character.escape.backslash.regexp, keyword.control.anchor.regexp, keyword.other.unit, constant.other.unit | #6093b1 | — |