Cosy Orange Themes
Publisher: btargThemes in package: 3
A collection of warm, low-saturation, low-contrast orange dark theme.
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#302c2b
- activityBar.foreground#c8baa4
- activityBarBadge.background#d9b27c
- activityBarBadge.foreground#252221
- badge.background#302c2b
- badge.foreground#d1c6b4
- button.background#e9893f
- button.foreground#252221
- button.hoverBackground#c77332
- contextMenu.background#252221
- contextMenu.border#e9893f
- contextMenu.foreground#c8baa4
- contextMenu.selectionBackground#e9893f33
- contextMenu.selectionForeground#c8baa4
- copilot.keepUndoMenu.background#e9893f
- diffEditor.insertedTextBackground#859e8233
- diffEditor.removedTextBackground#c65f5f33
- dropdown.background#302c2b
- dropdown.foreground#c8baa4
- editor.background#252221
- editor.findMatchBackground#d9b27c33
- editor.findMatchBorder#728797
- editor.findMatchHighlightBackground#d9b27c33
- editor.findRangeHighlightBackground#3d383729
- editor.foreground#a89c8a
- editor.inactiveSelectionBackground#3d383733
- editor.lineHighlightBackground#3d383720
- editor.rangeHighlightBackground#3d383729
- editor.selectionBackground#5a5452b0
- editor.selectionHighlightBackground#3d383766
- editor.wordHighlightBackground#3d383729
- editorBracketMatch.background#413c3a33
- editorBracketMatch.border#beae94
- editorCursor.foreground#c8baa4
- editorError.foreground#c65f5f
- editorGroup.border#413c3a
- editorGroupHeader.tabsBackground#302c2b
- editorGroupHeader.tabsBorder#3d3837
- editorGutter.commentGlyphForeground#5a5452
- editorGutter.foldingControlForeground#5a5452
- editorHoverWidget.background#302c2b
- editorHoverWidget.border#3d3837
- editorIndentGuide.activeBackground#3d3837
- editorIndentGuide.background#302c2b
- editorInfo.foreground#728797
- editorLineNumber.activeForeground#5a5452
- editorLineNumber.foreground#3d3837
- editorOverviewRuler.findMatchForeground#d9b27c
- editorOverviewRuler.selectionForeground#3d3837
- editorWarning.foreground#d9b27c
- editorWhitespace.foreground#3d383766
- focusBorder#728797
- gitDecoration.addedResourceForeground#859e82
- gitDecoration.deletedResourceForeground#c65f5f
- gitDecoration.modifiedResourceForeground#d9b27c
- input.background#302c2b
- input.border#3d3837
- input.foreground#c8baa4
- list.activeSelectionBackground#3d3837
- list.focusBackground#3d3837
- list.hoverBackground#413c3a
- menu.background#252221
- menu.foreground#f5d7c2
- menu.selectionBackground#2f2b27
- menu.selectionForeground#eb7d2ee0
- menu.separatorBackground#2e2e2e
- minimap.background#1b1b1b
- notificationCenter.background#252221
- notifications.background#252221
- panel.background#262322
- panel.border#3d3837
- panelTitle.activeForeground#d9b27c
- peekViewEditor.matchHighlightBackground#d9b27c33
- peekViewResult.matchHighlightBackground#d9b27c33
- peekViewResult.selectionBackground#3d3837
- pickerGroup.foreground#d9b27c
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#413c3a80
- scrollbarSlider.background#413c3a33
- scrollbarSlider.hoverBackground#3d3837
- sideBar.background#262322
- sideBar.foreground#c8baa4
- sideBarSectionHeader.background#302c2b
- sideBarTitle.foreground#c8baa4
- statusBar.background#302c2b
- statusBar.foreground#c8baa4
- tab.activeBackground#413c3a
- tab.activeForeground#c8baa4
- tab.inactiveBackground#262322
- tab.inactiveForeground#beae94
- terminal.ansiBlack#252221
- terminal.ansiBlue#728797
- terminal.ansiBrightBlack#3d3837
- terminal.ansiBrightBlue#88a0b0
- terminal.ansiBrightCyan#98b5b1
- terminal.ansiBrightGreen#9ab598
- terminal.ansiBrightMagenta#b099ac
- terminal.ansiBrightRed#d87575
- terminal.ansiBrightWhite#d1c6b4
- terminal.ansiBrightYellow#e5c592
- terminal.ansiCyan#829e9b
- terminal.ansiGreen#859e82
- terminal.ansiMagenta#998396
- terminal.ansiRed#c65f5f
- terminal.ansiWhite#c8baa4
- terminal.ansiYellow#d9b27c
- terminal.background#252221
- terminal.foreground#c8baa4
- textLink.foreground#829e9b
- titleBar.activeBackground#302c2b
- titleBar.activeForeground#c8baa4
- titleBar.border#3d3837
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.doc | #5a5452 | italic |
| string, string.literal, text.literal | #859e82 | — |
| keyword, keyword.operator, operator, storage.modifier, storage.type, storage.modifier.static, storage.modifier.const, storage.type.c, storage.type.cpp, storage.type.cxx, storage.type.modifier | #c65f5f | — |
| entity.name.function, function | #d9b27c | italic |
| variable, variable.member | #c8baa4 | — |
| variable.parameter | #ab9382 | italic |
| constant.numeric, number | #998396 | — |
| constant, boolean | #998396 | — |
| entity.name.type, type, type.interface, type.super, constructor, namespace, tag | #728797 | — |
| property, primary | #d9b27c | — |
| punctuation.special.symbol | #c65f5f | — |
| string.escape, string.special, string.special.symbol, string.format | #d08b65 | — |
| entity.other.attribute-name, attribute | #d08b65 | — |
| punctuation.definition.comment, comment punctuation.definition.comment | #5a5452 | — |
| enum | #829e9b | bold |
| variant | #829e9b | — |
| title | #d1c6b4 | bold |
| link_text, link_uri | #829e9b | — |
| embedded, emphasis | #c65f5f | italic |
| emphasis.strong | #c65f5f | bold |
| hint | #5a5452 | italic |
| predictive | #5a5452 | — |
| variable.special | #998396 | italic |