vanilla latte
Publisher: AlessandraMilburnThemes in package: 1
color me vanilla latte
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#dca889
- activityBar.activeBorder#ffffff
- activityBar.activeFocusBorder#dca889
- activityBar.background#323232
- activityBar.border#dca889
- activityBar.foreground#ffffff
- badge.background#dca889
- banner.iconForeground#ff0001
- button.background#b25620
- debugExceptionWidget.background#051336
- debugExceptionWidget.border#ab395b
- debugToolBar.background#051336
- diffEditor.insertedTextBackground#31958a55
- diffEditor.removedTextBackground#892f4688
- dropdown.background#969696
- editor.background#323232
- editor.findMatchBackground#515c6a
- editor.findMatchHighlightBackground#969696
- editor.findRangeHighlightBackground#6b6b6b
- editor.focusedStackFrameHighlightBackground#7abd7a4d
- editor.foldBackground#7708114d
- editor.foreground#ffffff
- editor.hoverHighlightBackground#969696
- editor.inactiveSelectionBackground#77081180
- editor.inlineValuesBackground#ffc80033
- editor.inlineValuesForeground#ffffff80
- editor.lineHighlightBackground#6b6b6b
- editor.lineHighlightBorder#6b6b6b
- editor.linkedEditingBackground#ff00004d
- editor.rangeHighlightBackground#6b6b6b
- editor.selectionBackground#6b6b6b
- editor.selectionHighlightBackground#6b6b6b
- editor.selectionHighlightBorder#6b6b6b
- editor.snippetFinalTabstopHighlightBorder#525252
- editor.snippetTabstopHighlightBackground#7c7c7c4d
- editor.stackFrameHighlightBackground#ffff0033
- editor.symbolHighlightBackground#969696
- editor.wordHighlightBackground#6b6b6b
- editor.wordHighlightStrongBackground#004972b8
- editorBracketHighlight.foreground1#ffd700
- editorBracketHighlight.foreground2#da70d6
- editorBracketHighlight.foreground3#179fff
- editorBracketHighlight.foreground4#00000000
- editorBracketHighlight.foreground5#00000000
- editorBracketHighlight.foreground6#00000000
- editorBracketHighlight.unexpectedBracket.foreground#ff1212cc
- editorBracketMatch.background#0064001a
- editorBracketMatch.border#888888
- editorCodeLens.foreground#999999
- editorCursor.foreground#c7825a
- editorError.foreground#f14c4c
- editorGhostText.foreground#ffffff56
- editorGroup.border#323232
- editorGroup.dropBackground#922727
- editorGroupHeader.noTabsBackground#323232
- editorGroupHeader.tabsBackground#000000
- editorGutter.addedBackground#587c0c
- editorGutter.background#323232
- editorGutter.commentRangeForeground#c5c5c5
- editorGutter.deletedBackground#94151b
- editorGutter.foldingControlForeground#c5c5c5
- editorGutter.modifiedBackground#0c7d9d
- editorHint.foreground#eeeeeeb3
- editorHoverWidget.background#323232
- editorHoverWidget.border#dca889
- editorHoverWidget.foreground#cccccc
- editorHoverWidget.highlightForeground#969696
- editorHoverWidget.statusBarBackground#000f43
- editorIndentGuide.activeBackground#c7825a
- editorIndentGuide.background#969696
- editorInfo.foreground#3794ff
- editorInlayHint.background#0063a599
- editorInlayHint.foreground#ffffffcc
- editorInlayHint.parameterBackground#0063a599
- editorInlayHint.parameterForeground#ffffffcc
- editorInlayHint.typeBackground#0063a599
- editorInlayHint.typeForeground#ffffffcc
- editorLightBulb.foreground#ffcc00
- editorLightBulbAutoFix.foreground#75beff
- editorLineNumber.activeForeground#c7825a
- editorLineNumber.foreground#969696
- editorLink.activeForeground#b25620
- editorMarkerNavigation.background#ff0001
- editorMarkerNavigationError.background#922727
- editorMarkerNavigationError.headerBackground#ab395b1a
- editorMarkerNavigationInfo.background#3794ff
- editorMarkerNavigationInfo.headerBackground#3794ff1a
- editorMarkerNavigationWarning.background#5b7e7a
- editorMarkerNavigationWarning.headerBackground#5b7e7a1a
- editorOverviewRuler.addedForeground#587c0c99
- editorOverviewRuler.border#7f7f7f4d
- editorOverviewRuler.bracketMatchForeground#a0a0a0
- editorOverviewRuler.commonContentForeground#60606066
- editorOverviewRuler.currentContentForeground#40c8ae80
- editorOverviewRuler.deletedForeground#94151b99
- editorOverviewRuler.errorForeground#ff1212b3
- editorOverviewRuler.findMatchForeground#d186167e
- editorOverviewRuler.incomingContentForeground#40a6ff80
- editorOverviewRuler.infoForeground#3794ff
- editorOverviewRuler.modifiedForeground#0c7d9d99
- editorOverviewRuler.rangeHighlightForeground#007acc99
- editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
- editorOverviewRuler.unicodeForeground#d186167e
- editorOverviewRuler.warningForeground#cca700
- editorOverviewRuler.wordHighlightForeground#a0a0a0cc
- editorOverviewRuler.wordHighlightStrongForeground#c0a0c0cc
- editorPane.background#323232
- editorRuler.foreground#5a5a5a
- editorSuggestWidget.background#262641
- editorSuggestWidget.border#454545
- editorSuggestWidget.focusHighlightForeground#0063a5
- editorSuggestWidget.foreground#ffffff
- editorSuggestWidget.highlightForeground#dca889
- editorSuggestWidget.selectedBackground#08286b
- editorSuggestWidget.selectedForeground#ffffff
- editorSuggestWidgetStatus.foreground#ffffff80
- editorUnicodeHighlight.border#bd9b03
- editorUnnecessaryCode.opacity#000000aa
- editorWarning.foreground#cca700
- editorWhitespace.foreground#6b6b6b
- editorWidget.background#000000
- editorWidget.border#454545
- editorWidget.foreground#cccccc
- extensionButton.prominentBackground#5f8b3b
- extensionButton.prominentHoverBackground#5f8b3bbb
- focusBorder#dca889
- icon.foreground#dca889
- input.background#181f2f
- input.foreground#cccccc
- input.placeholderForeground#cccccc80
- inputOption.activeBackground#dca88966
- inputOption.activeBorder#dca889
- inputOption.activeForeground#ffffff
- inputOption.hoverBackground#5a5d5e80
- inputValidation.errorBackground#a22d44
- inputValidation.errorBorder#ab395b
- inputValidation.infoBackground#6b6b6b
- inputValidation.infoBorder#6b6b6b
- inputValidation.warningBackground#5b7e7a
- inputValidation.warningBorder#5b7e7a
- interactive.activeCodeBorder#2b2b4a
- interactive.inactiveCodeBorder#152037
- list.activeSelectionBackground#08286b
- list.activeSelectionForeground#ffffff
- list.deemphasizedForeground#8c8c8c
- list.dropBackground#041d52
- list.errorForeground#c7825a
- list.filterMatchBackground#969696
- list.focusHighlightForeground#b25620
- list.focusOutline#dca889
- list.highlightForeground#0063a5
- list.hoverBackground#061940
- list.inactiveSelectionBackground#152037
- list.invalidItemForeground#b89500
- list.warningForeground#cca700
- listFilterWidget.background#653723
- listFilterWidget.noMatchesOutline#be1100
- listFilterWidget.outline#00000000
- menu.selectionBackground#6b6b6b
- minimap.selectionHighlight#969696
- notificationCenterHeader.background#6b6b6b
- notificationLink.foreground#323232
- notifications.background#dca889
- notifications.border#dca889
- notifications.foreground#cccccc
- notificationsErrorIcon.foreground#f14c4c
- notificationsInfoIcon.foreground#922727
- notificationsWarningIcon.foreground#cca700
- panel.background#323232
- panel.border#2b2b4a
- panel.dropBorder#e7e7e7
- panelSection.border#6b6b6b
- panelSection.dropBackground#969696
- panelSectionHeader.background#80808033
- panelTitle.activeBorder#e7e7e7
- panelTitle.activeForeground#e7e7e7
- panelTitle.inactiveForeground#e7e7e799
- peekView.border#ff0001
- peekViewEditor.background#969696
- peekViewEditor.matchHighlightBackground#eeeeee33
- peekViewResult.background#060621
- peekViewResult.matchHighlightBackground#eeeeee44
- peekViewTitle.background#10192c
- pickerGroup.border#596f99
- pickerGroup.foreground#596f99
- ports.iconRunningProcessForeground#80a2c2
- problemsErrorIcon.foreground#f14c4c
- problemsInfoIcon.foreground#ff0001
- problemsWarningIcon.foreground#cca700
- progressBar.background#0063a5
- quickInput.background#000000
- quickInputList.focusBackground#08286b
- scrollbar.shadow#515e91aa
- scrollbarSlider.activeBackground#3b3f5188
- scrollbarSlider.background#1f2230aa
- scrollbarSlider.hoverBackground#3b3f5188
- sideBar.background#232323
- sideBar.dropBackground#969696
- sideBar.foreground#969696
- sideBarSectionHeader.background#10192c
- statusBar.background#dca889
- statusBar.debuggingBackground#10192c
- statusBar.foreground#323232
- statusBar.noFolderBackground#10192c
- statusBarItem.prominentBackground#0063a5
- statusBarItem.prominentHoverBackground#969696
- statusBarItem.remoteBackground#0063a5
- tab.activeBackground#000000
- tab.activeBorder#dca889
- tab.activeForeground#dca889
- tab.activeModifiedBorder#ffffff40
- tab.border#2b2b4a
- tab.hoverBackground#dca889
- tab.hoverForeground#000000
- tab.inactiveBackground#10192c
- tab.inactiveForeground#969696
- tab.inactiveModifiedBorder#323232
- tab.lastPinnedBorder#6b6b6b
- tab.unfocusedActiveBackground#000000
- tab.unfocusedActiveBorder#dca88980
- tab.unfocusedActiveForeground#dca88980
- tab.unfocusedActiveModifiedBorder#323232
- tab.unfocusedHoverBackground#dca88980
- tab.unfocusedHoverForeground#00000080
- tab.unfocusedInactiveBackground#10192c
- tab.unfocusedInactiveForeground#96969680
- tab.unfocusedInactiveModifiedBorder#6b6b6b
- terminal.ansiBlack#111111
- terminal.ansiBlue#bbdaff
- terminal.ansiBrightBlack#333333
- terminal.ansiBrightBlue#80baff
- terminal.ansiBrightCyan#78ffff
- terminal.ansiBrightGreen#b8f171
- terminal.ansiBrightMagenta#d778ff
- terminal.ansiBrightRed#ff7882
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe580
- terminal.ansiCyan#99ffff
- terminal.ansiGreen#d1f1a9
- terminal.ansiMagenta#ebbbff
- terminal.ansiRed#ff9da4
- terminal.ansiWhite#cccccc
- terminal.ansiYellow#ffeead
- terminal.border#dca889
- terminal.dropBackground#ffffff40
- terminal.foreground#cccccc
- terminal.selectionBackground#ffffff40
- terminal.tab.activeBorder#dca889
- textBlockQuote.background#7f7f7f1a
- textBlockQuote.border#b25620
- textCodeBlock.background#0a0a0a66
- textLink.activeForeground#b25620
- textLink.foreground#c7825a
- titleBar.activeBackground#10192c
- welcomePage.progress.background#96969680
- welcomePage.progress.foreground#dca889
- welcomePage.tileBackground#000000
- welcomePage.tileHoverBackground#2e2e4e
- welcomePage.tileShadow#0000005c
- widget.shadow#0000005c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #6688CC | — |
| comment | #384887 | — |
| string | #22AA44 | — |
| constant.numeric | #F280D0 | — |
| constant.language | #F280D0 | — |
| constant.character, constant.other | #F280D0 | — |
| variable | — | |
| keyword | #225588 | — |
| storage | #225588 | |
| storage.type | #9966B8 | italic |
| entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution | #FFEEBB | underline |
| entity.other.inherited-class | #DDBB88 | italic underline |
| entity.name.function | #DDBB88 | |
| variable.parameter | #dca889 | italic |
| entity.name.tag | #dca889 | |
| entity.other.attribute-name | #DDBB88 | |
| support.function | #9966B8 | |
| support.constant | #9966B8 | |
| support.type, support.class | #9966B8 | italic |
| support.other.variable | — | |
| invalid | #A22D44 | |
| invalid.deprecated | #A22D44 | — |
| meta.diff, meta.diff.header | #E0EDDD | italic |
| markup.deleted | #DC322F | |
| markup.changed | #CB4B16 | |
| markup.inserted | #219186 | — |
| markup.quote | #22AA44 | — |
| markup.bold, markup.italic | #22AA44 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw | #9966B8 | |
| markup.heading, markup.heading.setext | #6688CC | bold |
| meta.embedded, source.groovy.embedded | #F0E4D4 | — |
| comment | #969696 | — |
| string | #E4E0E0 | — |
| constant.numeric | #FFFFFF | — |
| constant.language | #8E9B79 | — |
| constant.character, constant.other | #F280D0 | — |
| variable | — | |
| keyword | #F9D9CA | — |
| storage | #FFFFFF | |
| storage.type | #B49B7B | italic |
| entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution | #DCA889 | underline |
| entity.other.inherited-class | #DCA889 | italic underline |
| entity.name.function | #C7825A | |
| variable.parameter | #FFFFFF | italic |
| entity.name.tag | #E4E0E0 | |
| entity.other.attribute-name | #B49B7B | |
| support.function | #B49B7B | |
| support.constant | #FFFFFF | |
| support.type, support.class | #D3C6BE | italic |
| support.other.variable | — | |
| invalid | #A22D44 | |
| invalid.deprecated | #A22D44 | — |
| meta.diff, meta.diff.header | #E0EDDD | italic |
| markup.deleted | #DC322F | |
| markup.changed | #CB4B16 | |
| markup.inserted | #B9C8A1 | — |
| markup.quote | #8E9B79 | — |
| markup.bold, markup.italic | #8E9B79 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw | #9966B8 | |
| markup.heading, markup.heading.setext | #6688CC | bold |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...