Keepcalm Theme
Publisher: Sergio García MondarayThemes in package: 1
A color theme for software development
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#E7E8EA
- activityBar.background#1d191a
- activityBar.foreground#E7E8EA
- activityBar.inactiveForeground#6e7681
- activityBarBadge.background#1d191a
- editor.background#1d191a
- editor.foldBackground#1d191a
- editor.inactiveSelectionBackground#2e343d
- editor.lineHighlightBackground#2e2c2d
- editor.selectionBackground#3a475a
- editorLineNumber.foreground#6e7681
- editorRuler.foreground#2a2d31
- foreground#E7E8EA
- gitDecoration.ignoredResourceForeground#4b5058
- list.activeSelectionBackground#41474a
- list.activeSelectionForeground#E7E8EA
- list.focusBackground#2e2c2d
- list.focusOutline#3d444e
- list.hoverBackground#2e2c2d
- list.hoverForeground#a7a8aA
- list.inactiveSelectionBackground#2e2c2d
- list.inactiveSelectionForeground#E7E8EA
- sideBar.background#1d191a
- sideBar.foreground#7a828e
- sideBarSectionHeader.background#1d191a
- sideBarSectionHeader.foreground#A3ABB5
- statusBar.background#1d191a
- statusBar.foreground#6e7681
- statusBarItem.activeBackground#191517
- statusBarItem.hoverBackground#1d191a
- tab.activeBackground#1d191a
- tab.activeForeground#E7E8EA
- tab.inactiveBackground#2e2c2d
- tab.inactiveForeground#6e7681
- titleBar.activeBackground#1d191a
- titleBar.inactiveBackground#1d191a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6e7681 | italic |
| variable, constant.other.color, string constant.other.placeholder, constant.language, keyword.operator.assignment, keyword.operator.optional, keyword.operator.spread, meta.diff.range | #E7E8EA | — |
| keyword | #e7809c | — |
| storage | #549bb1 | — |
| string | #7fac82 | italic |
| entity.name.type, support.type | #dfaf79 | — |
| meta.object.member, entity.other.attribute-name, variable.parameter | #99b1b1 | — |
| entity.name.function | #d4c79a | — |
| variable.language.this | #a5a59b | — |
| meta.definition.variable, punctuation.definition.tag, entity.name | #66c9a3 | — |
| markup.deleted.diff | #d64343 | — |
| markup.inserted.diff | #60bb66 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...