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#b0773a
- activityBarBadge.foreground#222222
- breadcrumb.activeSelectionForeground#b0773a
- breadcrumb.background#1d2741
- breadcrumb.foreground#4a577e
- breadcrumbPicker.background#1d2741
- button.background#243050
- button.foreground#b0773a
- dropdown.background#1f2944
- dropdown.listBackground#1f2944
- editor.background#1f2944
- editor.findMatchBackground#343785
- editor.findMatchHighlightForeground#286b2ebb
- editor.foreground#d6d6d6
- editor.lineHighlightBackground#202b49
- editor.rangeHighlightBackground#27235020
- editor.selectionBackground#3460ff30
- editor.selectionHighlightBackground#655dff20
- editor.wordHighlightBackground#b14b8b40
- editor.wordHighlightStrongBackground#b14b8b40
- editorBracketMatch.background#4a2f14
- editorBracketMatch.border#0000
- editorCursor.foreground#d0a920
- editorGroupHeader.tabsBackground#1d2741
- editorLineNumber.activeForeground#4a5579
- editorLineNumber.foreground#252d49
- editorStickyScroll.border#0000
- editorStickyScroll.shadow#35426680
- editorStickyScrollHover.background#293855
- editorWhitespace.foreground#33394e
- editorWidget.background#1d2741
- editorWidget.foreground#4a577e
- git.blame.editorDecorationForeground#475576
- gitDecoration.ignoredResourceForeground#2f405a
- gitDecoration.modifiedResourceForeground#999164
- gitDecoration.untrackedResourceForeground#2bb37c
- input.background#243050
- input.foreground#e0e0e0
- list.activeSelectionBackground#2e3856
- list.activeSelectionForeground#FEA044
- list.errorForeground#db7765
- list.hoverBackground#222a3c
- list.warningForeground#ce9308
- menu.foreground#666
- menu.selectionBackground#4e587c
- menu.selectionForeground#b0773a
- panel.background#1d2741
- scrollbar.background#1d2741
- scrollbar.shadow#1d2741
- scrollbarSlider.background#3e5174
- sideBar.background#1f2944
- sideBar.foreground#4b5470
- sideBarSectionHeader.background#1d2741
- sideBarSectionHeader.foreground#bebebe
- sideBarTitle.foreground#666
- statusBar.background#1d2741
- statusBar.foreground#b0773a
- statusBar.noFolderBackground#4a2f14
- tab.activeBackground#1d2741
- tab.activeForeground#b0773a
- tab.border#1d2741
- tab.inactiveBackground#1d2741
- tab.inactiveForeground#4a577e
- titleBar.activeBackground#1d2741
- titleBar.activeForeground#bcbcbc
- titleBar.inactiveBackground#1d2741
- titleBar.inactiveForeground#bcbcbc
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 | #799cf6 | — |
| comment, comment.block, punctuation.definition.comment, punctuation.definition.comment.html | #566076 | 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 | #ef5caa | — |
| constant.language.boolean | #f39a77 | — |
| constant.language.undefined, constant.language.null | #7977a2 | — |
| entity.name.function, variable.function, support.function, keyword.other.special-method, meta.function-call, meta.block-level, keyword.operator.typeof, keyword.operator.module | #8889f8 | — |
| keyword, entity.name.tag.other, entity.name.tag.reference.scss | #d58cb0 | 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 | #afc3ff | |
| punctuation.accessor.optional, keyword.operator, keyword.operator.assignment, keyword.operator.relational, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.compartion, constant.other.color | #cda3ff | |
| meta.parameters, variable.parameter, variable.scss | #eed2ff | — |
| 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 | #566090 | — |
| 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 | #7a82c0 | bold |
| string, string.quoted, string.quoted.single, string.quoted.double, string.interpolated, punctuation.definition.string, punctuation.definition.entity, meta.attribute-selector.scss | #a2d2d2 | — |
| entity.name.type, support.type.primitive, meta.type.parameters, variable.object.property, support.type.builtin | #b299ec | — |
| 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 | #d0c8ff | — |
| support.class.component | #ffb584 | — |
| entity.name.tag, meta.tag | #ec9363 | — |
| 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 | #c99f59 | — |
| 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 | #f59f95 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix, entity.other.attribute-name.parent-selector-suffix.css, punctuation.definition.entity | #d5f3ed | — |
| entity.other.attribute-name.generic, support.type.property-name | #858db5 | — |
| support.constant.property-value, constant.property-value | #e3eeff | — |
| string.regexp, string.regexp keyword.operator, constant.character.escape.backslash.regexp, keyword.control.anchor.regexp, keyword.other.unit, constant.other.unit | #bacfdb | — |