Liquor Theme
Publisher: gen9009Themes in package: 1
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.activeBackground#1a1a1a
- activityBar.activeBorder#9a603c
- activityBar.activeFocusBorder#d2a14b
- activityBar.background#0a0a0a
- activityBar.border#222222
- activityBar.dropBorder#42424046
- activityBar.foreground#c7b578
- activityBar.inactiveForeground#6d5f30
- activityBarBadge.background#9a603c
- activityBarBadge.foreground#fefad9
- badge.background#9a603c
- badge.foreground#d7dae0cc
- breadcrumb.background#131313
- breadcrumb.focusForeground#caae5a
- breadcrumb.foreground#52575f
- breadcrumbPicker.background#131313
- button.background#d2a14b
- button.foreground#222222
- contrastActiveBorder#222222
- contrastBorder#222222
- debugExceptionWidget.background#E9313B
- debugExceptionWidget.border#E9313B
- diffEditor.insertedTextBackground#00809b33
- diffEditor.removedTextBackground#E9313B1a
- dropdown.background#1d1f23
- dropdown.border#1a1a1a
- editor.background#0a0a0a
- editor.findMatchBackground#f8d566
- editor.findMatchHighlightBackground#8a7b4e81
- editor.findMatchHighlightBorder#ccb25e
- editor.inactiveSelectionBackground#222222
- editor.lineHighlightBackground#1a1a1a
- editor.lineHighlightBorder#6a82a5
- editorBracketHighlight.foreground1#b7972d
- editorBracketHighlight.foreground2#c46c4c
- editorBracketHighlight.foreground3#f8d566
- editorBracketHighlight.foreground4#9257af
- editorBracketHighlight.foreground5#5a8b72
- editorBracketHighlight.foreground6#cf4e64
- editorBracketPairGuide.activeBackground1#b7972d
- editorBracketPairGuide.activeBackground2#c46c4c
- editorBracketPairGuide.activeBackground3#f8d566
- editorBracketPairGuide.activeBackground4#9257af
- editorBracketPairGuide.activeBackground5#5a8b72
- editorBracketPairGuide.activeBackground6#cf4e64
- editorCursor.foreground#d0b45d
- editorError.foreground#ec6642
- editorGroup.border#1a1a1a
- editorGroupHeader.tabsBackground#101010
- editorGutter.addedBackground#c2d94cb3
- editorGutter.background#0a0a0a
- editorGutter.deletedBackground#f07178b3
- editorGutter.modifiedBackground#ffb454b3
- editorHoverWidget.background#1a1a1a
- editorHoverWidget.border#222222
- editorIndentGuide.activeBackground1#b7972d
- editorIndentGuide.activeBackground2#c46c4c
- editorIndentGuide.activeBackground3#f8d566
- editorIndentGuide.activeBackground4#9257af
- editorIndentGuide.activeBackground5#5a8b72
- editorIndentGuide.activeBackground6#cf4e64
- editorIndentGuide.background1#b7972d
- editorIndentGuide.background2#c46c4c
- editorIndentGuide.background3#f8d566
- editorIndentGuide.background4#9257af
- editorIndentGuide.background5#5a8b72
- editorIndentGuide.background6#cf4e64
- editorInfo.foreground#707040
- editorInlayHint.foreground#888
- editorLineNumber.foreground#495162
- editorMarkerNavigation.background#141A21
- editorMarkerNavigationError.background#f07178b3
- editorMarkerNavigationWarning.background#ffb454b3
- editorOverviewRuler.currentContentForeground#1F9BD91a
- editorOverviewRuler.deletedForeground#E9313B
- editorOverviewRuler.errorForeground#E9313B
- editorOverviewRuler.incomingContentForeground#FF96101a
- editorOverviewRuler.infoForeground#FF9610
- editorOverviewRuler.warningForeground#FF9610
- editorRuler.foreground#484848
- editorSuggestWidget.background#1a1a1a
- editorSuggestWidget.border#333333
- editorSuggestWidget.foreground#e6e1cf
- editorSuggestWidget.selectedBackground#2c313a
- editorUnnecessaryCode.border#ff9898
- editorWarning.foreground#407040
- editorWhitespace.foreground#3f3f3f
- editorWidget.background#131313
- editorWidget.border#222222
- extensionButton.prominentBackground#FE8F00
- extensionButton.prominentForeground#000000e6
- extensionButton.prominentHoverBackground#DC7C00
- focusBorder#1a1a1a
- gitDecoration.conflictingResourceForeground#f8d566
- gitDecoration.deletedResourceForeground#ba6267
- gitDecoration.ignoredResourceForeground#a28e73b2
- gitDecoration.modifiedResourceForeground#b7972d
- gitDecoration.untrackedResourceForeground#5a8b72
- input.background#202020
- inputOption.activeBackground#444444
- list.activeSelectionBackground#222222
- list.activeSelectionForeground#d7dae0
- list.dropBackground#ffffff22
- list.focusBackground#313133
- list.highlightForeground#ccb25e
- list.hoverBackground#313133
- list.inactiveSelectionBackground#313133
- list.inactiveSelectionForeground#d7dae0
- menu.background#101010
- merge.border#E9313B
- merge.currentContentBackground#1F9BD91a
- merge.currentHeaderBackground#1F9BD9
- merge.incomingContentBackground#FF96101a
- merge.incomingHeaderBackground#FF9610
- notificationCenter.border#DC7C00
- notificationCenterHeader.background#DC7C00
- notificationCenterHeader.foreground#000000e6
- notificationLink.foreground#51b4e6
- notifications.background#10151A
- notifications.border#10151A
- notifications.foreground#FFFFFF
- notificationToast.border#141A21
- panel.background#101010
- panel.border#181F28
- panelTitle.activeBorder#9a603c
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#C8BD96
- peekView.border#202020
- peekViewEditor.background#202020
- peekViewEditor.matchHighlightBackground#ffffff16
- peekViewEditorGutter.background#161D24
- peekViewResult.background#161D24
- peekViewResult.fileForeground#e7e2d0
- peekViewResult.lineForeground#e7e2d0
- peekViewResult.matchHighlightBackground#ffffff16
- peekViewResult.selectionBackground#ffffff1a
- peekViewResult.selectionForeground#e7e2d0
- peekViewTitle.background#12171E
- peekViewTitleDescription.foreground#C8BD96
- peekViewTitleLabel.foreground#F5F3EC
- pickerGroup.border#161D24
- pickerGroup.foreground#D7CFB2
- progressBar.background#d2a14b
- scrollbarSlider.activeBackground#86868680
- scrollbarSlider.background#47474780
- scrollbarSlider.hoverBackground#6d6d6d80
- settings.modifiedItemIndicator#d2a14b
- sideBar.background#101010
- sideBar.border#222222
- sideBar.dropBackground#f8d6664f
- sideBar.foreground#b2b2b2
- sideBarSectionHeader.background#080808
- sideBarSectionHeader.border#333333
- statusBar.background#080808
- statusBar.border#181F28
- statusBar.debuggingBackground#020202
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#020202
- statusBarItem.hoverBackground#2c313a
- statusBarItem.prominentBackground#DC7C00
- statusBarItem.prominentHoverBackground#FF9610
- tab.activeBackground#0a0a0a
- tab.activeBorder#d2a14b
- tab.inactiveBackground#0a0a0a
- tab.inactiveForeground#919191
- terminal.ansiBlack#000000
- terminal.ansiBlue#6183a5
- terminal.ansiBrightBlack#686a66
- terminal.ansiBrightBlue#739abe
- terminal.ansiBrightCyan#63b4b6
- terminal.ansiBrightGreen#88aa61
- terminal.ansiBrightMagenta#b772ae
- terminal.ansiBrightRed#bd736e
- terminal.ansiBrightWhite#bebebb
- terminal.ansiBrightYellow#af513a
- terminal.ansiCyan#00a7aa
- terminal.ansiGreen#7d9d56
- terminal.ansiMagenta#89658e
- terminal.ansiRed#d81e00
- terminal.ansiWhite#515050
- terminal.ansiYellow#a4755d
- terminal.background#131313
- terminal.border#444444
- terminal.foreground#595959
- terminal.selectionBackground#98c3ca5a
- terminal.tab.activeBorder#9a603c
- textLink.activeForeground#ffffff
- textLink.foreground#d2a14b
- titleBar.activeBackground#10151A
- titleBar.activeForeground#FFFFFF
- titleBar.border#10151A
- titleBar.inactiveBackground#161D24
- titleBar.inactiveForeground#D7CFB2
- walkThrough.embeddedEditorBackground#141A21
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment.line.double-slash,comment.block.documentation,comment.block | #4f7e55c8 | |
| keyword.control | #9f8947 | — |
| keyword.control.import, keyword.control.from, keyword.control.export, support.type.object.module | #6a82a5 | — |
| variable.function | #af513a | — |
| variable.other | #c5a956 | — |
| variable.other.object | #c5a956 | — |
| variable.other.constant | #c5a956 | — |
| string | #9f8947 | — |
| entity.name.function | #ca7b5b | — |
| entity.name.function.member | #aa6c42 | — |
| entity.name.type | #6a82a5 | — |
| support.function.console | #af513a | — |
| storage | #8873b3 | — |
| storage.type.function.arrow | #f8d566 | — |
| entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super | #80a1cb | — |
| support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx | #80a1cb | — |
| punctuation.definition.string | #80a1cb | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.class, meta.attribute-selector.scss | #9f8947 | — |
| support.function.misc | #ca7b5b | — |
| support.type.property-name.css,meta.property-value.css,meta.property-name.css | #80a1cb | — |
| constant | #8873b3 | — |
| punctuation.definition.constant | #8873b3 | — |
| keyword.other.unit | #8873b3 | — |
| support.constant | #9F8947 | — |
| support.constant.property-value | #CA7B5B | — |
| variable.css,variable.scss,variable.less | #c5a956 | — |
| list.end.bracket.curly.scss,list.begin.bracket.curly.scss | #c5a956 | — |
| entity.name.tag | #6A82A5 | — |
| entity.other.attribute-name | #80a1cb | — |
| punctuation.separator,punctuation.attribute-shorthand | #6b6b6b | — |
| meta.attribute.directive.vue | #bababa | — |
| support.type.property-name.json | #6a82a5 | — |
| heading.1.markdown | #83b5f7 | — |
| heading.2.markdown | #80a1cb | — |
| heading.3.markdown | #6a82a5 | — |
| heading.4.markdown | #6a82a5 | — |
| heading.5.markdown | #6a82a5 | — |
| punctuation.definition.list.begin.markdown | #ccb25e | — |
| markup.inline.raw.string.markdown | #5e9177 | — |
| meta.paragraph.markdown | #aeaeae | — |
| source.ignore | #878686 | — |
| keyword.other | #8873b3 | — |