Calming Theme
Publisher: diff001aThemes in package: 1
Eye-calming theme with pink color palette. enjoy!!
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#22252e
- activityBar.foreground#fde3e8
- activityBarBadge.background#f99fb0
- button.background#f96a7f
- dropdown.background#22252e
- editor.background#252a34
- editor.foreground#cfd3dc
- editor.lineHighlightBackground#f96a7f22
- editor.selectionBackground#f96a7f33
- editor.selectionHighlightBackground#f96a7f33
- editor.wordHighlightBackground#f96a7f22
- editor.wordHighlightStrongBackground#f96a7f33
- editorBracketMatch.border#f4ce9f
- editorCursor.foreground#cfd3dc
- editorError.foreground#f96a7f
- editorGroup.background#22252e
- editorGroupHeader.tabsBackground#22252e
- editorWarning.foreground#f4ce9f
- extensionButton.prominentForeground#fff
- focusBorder#f4ce9f
- input.background#353042
- inputOption.activeBorder#f99fb0
- list.activeSelectionBackground#f96a7f88
- list.errorForeground#f99fb0
- list.focusBackground#f96a7f88
- list.highlightForeground#cfd3dc
- list.hoverBackground#f96a7f55
- list.inactiveSelectionBackground#f96a7f55
- menu.separatorBackground#f4c8cd
- notificationCenter.border#f4c8cd
- notificationCenterHeader.background#f4c8cd
- notificationCenterHeader.foreground#cfd3dc
- notificationLink.foreground#f99fb0
- notifications.background#6d5d72
- notifications.foreground#f4c8cd
- panelTitle.activeForeground#cfd3dc
- peekView.border#f4c8cd
- scrollbarSlider.activeBackground#ffa9c433
- scrollbarSlider.background#ffa9c433
- scrollbarSlider.hoverBackground#ffa9c433
- sideBar.background#22252e
- sideBarSectionHeader.background#22252e
- statusBar.background#22252e
- statusBar.debuggingBackground#22252e
- statusBar.noFolderBackground#22252e
- tab.activeBorderTop#f99fb0
- tab.activeForeground#f99fb0
- tab.border#9498a144
- tab.inactiveBackground#22252e
- tab.inactiveForeground#9498a1
- terminal.ansiBlack#282936
- terminal.ansiBlue#85a2cd
- terminal.ansiBrightBlack#626483
- terminal.ansiBrightBlue#85a2cd
- terminal.ansiBrightCyan#9eb0cb
- terminal.ansiBrightGreen#f4ce9f
- terminal.ansiBrightMagenta#f4c8cd
- terminal.ansiBrightRed#f87089
- terminal.ansiBrightWhite#cfd3dc
- terminal.ansiBrightYellow#f7c280
- terminal.ansiCyan#9eb0cb
- terminal.ansiGreen#f7c280
- terminal.ansiMagenta#f99fb0
- terminal.ansiRed#fc8a9f
- terminal.ansiWhite#cfd3dc
- terminal.ansiYellow#f4ce9f
- terminal.foreground#cfd3dc
- terminalCursor.background#cfd3dc
- terminalCursor.foreground#cfd3dc
- titleBar.activeBackground#22252e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #cfd3dc | — |
| By uonick | #c5c8c6ff | — |
| meta.embedded, source.groovy.embedded | #C5C8C6 | — |
| comment | #627077 | |
| string | #f4c8cd | |
| constant.numeric | #f4c8cd | |
| constant.language | #f4c8cd | |
| constant.character, constant.other | #f4c8cd | |
| keyword | #f99fb0 | |
| storage | #f99fb0 | |
| storage.type | #f99fb0 | italic |
| entity.name.class | #f4c8cd | underline |
| entity.other.inherited-class | #ecc48dff | italic underline |
| entity.name.function | #f4ce9f | |
| variable.parameter | #f4ce9f | italic |
| entity.name.tag | #f99fb0 | |
| support.function | #9eb0cb | bold |
| variable.other, variable.js, punctuation.separator.variable | #cfd3dc | |
| invalid | #cfd3dc | |
| variable.other.php, variable.other.normal | #cfd3dc | |
| variable.other.property | #9eb0cb | |
| meta.tag | #cfd3dc | |
| entity.name.tag | #f99fb0 | |
| meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype | #9eb0cb | |
| meta.tag.inline source, text.html.php.source | #9eb0cb | |
| entity.other.attribute-name, meta.tag punctuation.definition.string | #f4ce9f | |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #9eb0cb | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #f4ce9f | |
| meta.toc-list.id | #9eb0cb | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #cfd3dc | |
| support.type, support.class | #f99fb0 | italic |
| punctuation.definition.template-expression, punctuation.section.embedded.coffee | #bd92ca | — |
| meta.template.expression | #C5C8C6 | — |
| punctuation.definition.string.end.php, punctuation.definition.string.begin.php | #e1ecf2 | — |
| source.php.embedded.line.html | #787878 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #bd92ca | |
| keyword.other.DML.sql | #f4ce9f | |
| meta.diff, meta.diff.header | #E0EDDD | italic |
| markup.deleted | #dc322f | |
| markup.changed | #e53c70 | |
| markup.inserted | #219186 | — |
| markup.quote | #9eb0cb | — |
| markup.bold, markup.italic | #9eb0cb | — |
| markup.inline.raw | #f99fb0 | |
| markup.heading | #f99fb0 | — |
| markup.heading.setext | #f99fb0 | |
| token.warn-token | #e5ac40 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #bd92ca | — |
| constant, variable.other.constant | #f4c8cd | — |
| support.function | #f4c8cd | |
| support.constant | #f4c8cd |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...