Whiskey Coder Theme
Publisher: Subham BeraThemes in package: 2
A rich, warm whiskey-inspired theme for VS Code with both dark and light variants
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#f2ead4
- activityBar.border#e6d4b7
- activityBar.foreground#6d4c2e
- activityBar.inactiveForeground#9d8660
- activityBarBadge.background#b8860b
- activityBarBadge.foreground#ffffff
- breadcrumb.activeSelectionForeground#b8860b
- breadcrumb.background#fdfbf7
- breadcrumb.focusForeground#4a2c20
- breadcrumb.foreground#8d6e55
- button.background#b8860b
- button.foreground#ffffff
- button.hoverBackground#daa520
- button.secondaryBackground#d4a574
- button.secondaryForeground#ffffff
- debugToolBar.background#f2ead4
- debugToolBar.border#d4a574
- dropdown.background#ffffff
- dropdown.border#d4a574
- dropdown.foreground#4a2c20
- dropdown.listBackground#fdfbf7
- editor.background#fdfbf7
- editor.findMatchBackground#daa52080
- editor.findMatchHighlightBackground#daa52040
- editor.foreground#4a2c20
- editor.lineHighlightBackground#f8f5f0
- editor.selectionBackground#e6d4b780
- editor.selectionHighlightBackground#f0e6d240
- editorCursor.foreground#b8860b
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#d4a574
- editorHoverWidget.foreground#4a2c20
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#d4a574
- editorSuggestWidget.foreground#4a2c20
- editorSuggestWidget.highlightForeground#b8860b
- editorSuggestWidget.selectedBackground#e6d4b740
- editorWidget.background#f2ead4
- editorWidget.border#d4a574
- editorWidget.foreground#4a2c20
- editorWidget.resizeBorder#b8860b
- input.background#ffffff
- input.border#d4a574
- input.foreground#4a2c20
- input.placeholderForeground#9d8660
- inputOption.activeBackground#daa52040
- inputValidation.errorBackground#ffebee
- inputValidation.errorBorder#e57373
- list.activeSelectionBackground#e6d4b760
- list.activeSelectionForeground#4a2c20
- list.focusBackground#e6d4b740
- list.highlightForeground#b8860b
- list.hoverBackground#f0e6d240
- list.inactiveSelectionBackground#f0e6d260
- menu.background#ffffff
- menu.border#d7cc9a
- menu.foreground#4a2c20
- menu.selectionBackground#e6d4b740
- menu.selectionForeground#4a2c20
- menubar.selectionBackground#e6d4b740
- menubar.selectionForeground#4a2c20
- notificationCenter.border#d7cc9a
- notifications.background#ffffff
- notifications.border#d7cc9a
- notifications.foreground#4a2c20
- panel.background#f7f2e8
- panel.border#d7cc9a
- panelTitle.activeBorder#b8860b
- panelTitle.activeForeground#4a2c20
- panelTitle.inactiveForeground#8d6e55
- peekView.border#b8860b
- peekViewEditor.background#fdfbf7
- peekViewResult.background#f7f2e8
- peekViewTitle.background#e8dcc5
- scrollbar.shadow#00000020
- scrollbarSlider.activeBackground#d7cc9aa0
- scrollbarSlider.background#d7cc9a60
- scrollbarSlider.hoverBackground#d7cc9a80
- sideBar.background#f7f2e8
- sideBar.border#e6d4b7
- sideBar.foreground#4a2c20
- sideBarSectionHeader.background#ede4d3
- sideBarSectionHeader.foreground#6d4c2e
- sideBarTitle.foreground#6d4c2e
- statusBar.background#e8dcc5
- statusBar.border#d7cc9a
- statusBar.debuggingBackground#b8860b
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#4a2c20
- tab.activeBackground#fdfbf7
- tab.activeBorder#b8860b
- tab.activeBorderTop#b8860b
- tab.activeForeground#4a2c20
- tab.border#d7cc9a
- tab.inactiveBackground#f0ead6
- tab.inactiveForeground#8d6e55
- terminal.ansiBlack#2e1a0e
- terminal.ansiBlue#1565c0
- terminal.ansiBrightBlack#6d4c2e
- terminal.ansiBrightBlue#1976d2
- terminal.ansiBrightCyan#0097a7
- terminal.ansiBrightGreen#388e3c
- terminal.ansiBrightMagenta#7b1fa2
- terminal.ansiBrightRed#d32f2f
- terminal.ansiBrightWhite#8d6e55
- terminal.ansiBrightYellow#ffa000
- terminal.ansiCyan#00838f
- terminal.ansiGreen#2e7d32
- terminal.ansiMagenta#6a1b9a
- terminal.ansiRed#c62828
- terminal.ansiWhite#4a2c20
- terminal.ansiYellow#f57c00
- terminal.background#fdfbf7
- terminal.foreground#4a2c20
- titleBar.activeBackground#f2ead4
- titleBar.activeForeground#4a2c20
- titleBar.border#e6d4b7
- titleBar.inactiveBackground#f7f2e8
- titleBar.inactiveForeground#8d6e55
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8d6e55 | italic |
| variable, string constant.other.placeholder | #4a2c20 | — |
| keyword, storage.modifier | #8b4513 | bold |
| storage.type | #6d4c2e | bold |
| string, string.quoted | #a0522d | — |
| string.template, string.interpolated | #8b4513 | — |
| constant.numeric | #b8860b | — |
| constant.language.boolean | #cd853f | bold |
| entity.name.function, support.function | #8b4513 | bold |
| entity.name.class, entity.name.type | #6d4c2e | bold |
| entity.name.method | #a0522d | bold |
| variable.other.object | #795548 | — |
| variable.other.property | #8d6e55 | — |
| keyword.operator | #8b4513 | — |
| keyword.control.import, keyword.control.export | #6d4c2e | italic |
| keyword.control | #8b4513 | bold |
| entity.name.tag | #8b4513 | — |
| entity.other.attribute-name | #a0522d | — |
| support.type.property-name | #6d4c2e | — |
| support.constant.property-value | #b8860b | — |
| support.type.property-name.json | #8b4513 | — |
| markup.heading | #6d4c2e | bold |
| markup.bold | #8b4513 | bold |
| markup.italic | #a0522d | italic |
| markup.inline.raw, markup.fenced_code | #795548 | — |