Cozy Theme
Publisher: dalelarroderrThemes in package: 1
A warm, cozy dark theme for VS Code that's easy on the eyes during long coding sessions.
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#0d0c0b
- activityBar.foreground#d4c5b9
- activityBar.inactiveForeground#5c5550
- activityBarBadge.background#e8a87c
- activityBarBadge.foreground#141312
- badge.background#e8a87c
- badge.foreground#141312
- breadcrumb.activeSelectionForeground#e8a87c
- breadcrumb.focusForeground#d4c5b9
- breadcrumb.foreground#5c5550
- button.background#e8a87c
- button.foreground#141312
- button.hoverBackground#d4955f
- dropdown.background#1a1918
- dropdown.border#3a3432
- dropdown.foreground#d4c5b9
- editor.background#0d0c0b
- editor.findMatchBackground#d4915544
- editor.findMatchHighlightBackground#d4915522
- editor.foreground#d4c5b9
- editor.lineHighlightBackground#1a1918
- editor.selectionBackground#3a3432
- editor.selectionHighlightBackground#3a343233
- editor.wordHighlightBackground#3a343244
- editor.wordHighlightStrongBackground#3a343266
- editorBracketMatch.background#3a343255
- editorBracketMatch.border#8a8078
- editorCursor.foreground#e8a87c
- editorGroupHeader.tabsBackground#0f0e0d
- editorGroupHeader.tabsBorder#0f0e0d
- editorGutter.addedBackground#a3b88c
- editorGutter.deletedBackground#c47070
- editorGutter.modifiedBackground#d4a055
- editorIndentGuide.activeBackground1#4a4442
- editorIndentGuide.background1#2a2725
- editorLineNumber.activeForeground#8a8078
- editorLineNumber.foreground#4a4442
- editorSuggestWidget.highlightForeground#e8a87c
- editorWhitespace.foreground#2a2725
- editorWidget.background#141312
- editorWidget.border#3a3432
- errorForeground#c47070
- focusBorder#e8a87c55
- foreground#d4c5b9
- gitDecoration.addedResourceForeground#a3b88c
- gitDecoration.conflictingResourceForeground#c491cf
- gitDecoration.deletedResourceForeground#c47070
- gitDecoration.ignoredResourceForeground#4a4442
- gitDecoration.modifiedResourceForeground#d4a055
- gitDecoration.untrackedResourceForeground#6fbcb0
- input.background#1a1918
- input.border#3a3432
- input.foreground#d4c5b9
- input.placeholderForeground#5c5550
- inputOption.activeBorder#e8a87c
- list.activeSelectionBackground#3a3432
- list.activeSelectionForeground#d4c5b9
- list.errorForeground#c47070
- list.highlightForeground#e8a87c
- list.hoverBackground#1a1918
- list.inactiveSelectionBackground#2a2725
- list.warningForeground#d4a055
- minimap.findMatchHighlight#d4915588
- minimap.selectionHighlight#3a343288
- notificationCenter.border#3a3432
- notifications.background#1a1918
- notifications.foreground#d4c5b9
- notificationsErrorIcon.foreground#c47070
- notificationsInfoIcon.foreground#7ca8cf
- notificationsWarningIcon.foreground#d4a055
- panel.background#0f0e0d
- panel.border#1a1918
- panelTitle.activeBorder#e8a87c
- panelTitle.activeForeground#d4c5b9
- panelTitle.inactiveForeground#5c5550
- peekView.border#e8a87c
- peekViewEditor.background#141312
- peekViewResult.background#0f0e0d
- peekViewTitle.background#1a1918
- scrollbar.shadow#0a0908
- scrollbarSlider.activeBackground#3a3432aa
- scrollbarSlider.background#3a343244
- scrollbarSlider.hoverBackground#3a343288
- selection.background#3a3432
- sideBar.background#0f0e0d
- sideBar.border#1a1918
- sideBar.foreground#b5ada6
- sideBarSectionHeader.background#141312
- sideBarSectionHeader.foreground#d4c5b9
- sideBarTitle.foreground#d4c5b9
- statusBar.background#0d0c0b
- statusBar.debuggingBackground#c47070
- statusBar.debuggingForeground#141312
- statusBar.foreground#b5ada6
- statusBar.noFolderBackground#141312
- tab.activeBackground#141312
- tab.activeBorderTop#e8a87c
- tab.activeForeground#d4c5b9
- tab.border#0f0e0d
- tab.inactiveBackground#0f0e0d
- tab.inactiveForeground#5c5550
- terminal.ansiBlack#141312
- terminal.ansiBlue#7ca8cf
- terminal.ansiBrightBlack#5c5550
- terminal.ansiBrightBlue#96bede
- terminal.ansiBrightCyan#8ad4c8
- terminal.ansiBrightGreen#a6d48a
- terminal.ansiBrightMagenta#d4a8de
- terminal.ansiBrightRed#d48a8a
- terminal.ansiBrightWhite#efe0d4
- terminal.ansiBrightYellow#e8c080
- terminal.ansiCyan#6fbcb0
- terminal.ansiGreen#a3b88c
- terminal.ansiMagenta#c491cf
- terminal.ansiRed#c47070
- terminal.ansiWhite#d4c5b9
- terminal.ansiYellow#d4a055
- terminal.background#0f0e0d
- terminal.foreground#d4c5b9
- titleBar.activeBackground#0d0c0b
- titleBar.activeForeground#d4c5b9
- titleBar.inactiveBackground#0d0c0b
- titleBar.inactiveForeground#5c5550
- widget.shadow#0a090844
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5c5550 | italic |
| string, string.quoted, string.template | #c49a8a | — |
| constant.numeric, constant.language.boolean | #d4a055 | — |
| constant.language, constant.character, constant.other | #d4a055 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage.type, storage.modifier | #c491cf | — |
| entity.name.function, support.function, meta.function-call | #82b8cc | — |
| entity.name.type, entity.name.class, support.type, support.class | #e8a87c | — |
| variable, variable.other, variable.parameter | #d4c5b9 | — |
| meta.object-literal.key, variable.other.object.property | #82b8cc | — |
| variable.other.property, support.variable.property | #c9b8aa | — |
| entity.name.tag, punctuation.definition.tag | #e8a87c | — |
| support.class.component | #d480b8 | — |
| entity.other.attribute-name | #82b8cc | italic |
| punctuation, punctuation.separator, punctuation.terminator, meta.brace | #8a8078 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison | #8a8078 | — |
| string.regexp | #6fbcb0 | — |
| constant.character.escape, string.template punctuation.definition | #6fbcb0 | — |
| entity.other.inherited-class | #e8a87c | italic |
| support.module, entity.name.module | #d4a055 | — |
| meta.decorator, punctuation.decorator | #e8a87c | — |
| entity.name.namespace, entity.name.scope-resolution | #e8a87c | — |
| markup.heading, markup.heading entity.name, punctuation.definition.heading | #7ca8cf | bold |
| markup.bold | #e8a87c | bold |
| markup.italic | #c491cf | italic |
| markup.inline.raw, markup.fenced_code | #c49a8a | — |
| markup.underline.link | #7ca8cf | underline |
| markup.quote | #6fbcb0 | italic |
| markup.deleted | #c47070 | — |
| markup.inserted | #a3b88c | — |
| markup.changed | #d4a055 | — |
| markup.list | #e8a87c | — |
| source.json support.type.property-name, support.type.property-name.json | #7ca8cf | — |
| source.css support.type.property-name, source.css entity.name.tag | #7ca8cf | — |
| source.css support.constant, source.css constant.other.color | #d4a055 | — |
| source.css entity.other.attribute-name.class | #e8a87c | — |
| source.css entity.other.attribute-name.id | #d4a055 | — |