nuuvo
Publisher: jacksonhardyThemes in package: 7
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#e4d9de
- activityBar.foreground#666d7dcc
- activityBar.inactiveForeground#666d7d44
- activityBarBadge.background#e7b3c3
- activityBarBadge.foreground#fbfbfb
- badge.background#eeaabe
- badge.foreground#fbfbfb
- breadcrumb.activeSelectionForeground#4a4543
- breadcrumb.background#f7f1f6
- breadcrumb.focusForeground#b4addf
- breadcrumb.foreground#d9c8c8
- breadcrumbPicker.background#fbfbfb
- button.background#87b6b6
- button.foreground#fbfbfb
- button.hoverBackground#72948c
- diffEditor.border#e9a6c8
- diffEditor.insertedTextBackground#cbebd7
- dropdown.background#e4bcbf
- dropdown.border#e4bcbf
- dropdown.foreground#4a4543d2
- dropdown.listBackground#fbfbfb
- editor.background#fcfafb
- editor.findMatchBackground#fffce9
- editor.findMatchBorder#e4846f55
- editor.findMatchHighlightBackground#fff7cc
- editor.findMatchHighlightBorder#fff7cc
- editor.findRangeHighlightBackground#e4846f22
- editor.findRangeHighlightBorder#f0e2c3cc
- editor.foreground#c29ba3
- editor.hoverHighlightBackground#ffffff
- editor.inactiveSelectionBackground#c9c9da54
- editor.lineHighlightBackground#1073cf2d
- editor.lineHighlightBorder#9fced11f
- editor.rangeHighlightBackground#e4846f22
- editor.selectionBackground#b8b0ff34
- editor.selectionForeground#2d2e7e
- editor.selectionHighlightBackground#ff007709
- editor.selectionHighlightBorder#ffffff
- editor.snippetFinalTabstopHighlightBackground#98c4ba22
- editor.snippetFinalTabstopHighlightBorder#98c4ba44
- editor.snippetTabstopHighlightBackground#98c4ba22
- editor.snippetTabstopHighlightBorder#98c4ba44
- editor.wordHighlightBackground#fffaf5b2
- editor.wordHighlightBorder#ddc5a7dd
- editor.wordHighlightStrongBackground#e4846f22
- editorBracketHighlight.foreground1#f58fca
- editorBracketHighlight.foreground2#d08ff5
- editorBracketHighlight.foreground3#b38ff5
- editorBracketHighlight.foreground4#8f94f5
- editorBracketHighlight.foreground5#8fb6f5
- editorBracketHighlight.foreground6#8fd5f5
- editorBracketMatch.background#f1ccf8
- editorBracketMatch.border#f1ccf8
- editorCodeLens.foreground#e7d8d8
- editorCursor.background#4a4543
- editorCursor.foreground#eeaabe
- editorError.foreground#dd698ccc
- editorGroup.dropBackground#cfc9f466
- editorGroup.emptyBackground#ececf0
- editorGroupHeader.tabsBackground#f4f4f7
- editorHint.foreground#98c4ba
- editorHoverWidget.foreground#222222
- editorIndentGuide.activeBackground#f5d6e4
- editorIndentGuide.background#ffffff
- editorInfo.foreground#82b4e3
- editorLineNumber.activeForeground#e4bcbfe3
- editorLineNumber.foreground#e7d8d8cc
- editorOverviewRuler.errorForeground#a100a7
- editorOverviewRuler.findMatchForeground#948484
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#cfc9f499
- editorSuggestWidget.foreground#948484
- editorSuggestWidget.highlightForeground#dd698c
- editorSuggestWidget.selectedBackground#eceafa
- editorWarning.foreground#e4846f
- editorWhitespace.foreground#d6d5d4
- editorWidget.background#fbfbfb
- editorWidget.border#cfc9f499
- editorWidget.resizeBorder#cfcccc
- errorForeground#ffffff
- focusBorder#b4addf
- foreground#666d7dbb
- gitDecoration.addedResourceForeground#9fe6bc
- gitDecoration.conflictingResourceForeground#ff9b9b
- gitDecoration.deletedResourceForeground#838383
- gitDecoration.ignoredResourceForeground#666666
- gitDecoration.modifiedResourceForeground#79a3ff
- gitDecoration.submoduleResourceForeground#25b7b8
- gitDecoration.untrackedResourceForeground#77a683
- input.background#fbfbfb
- input.border#e4bcbf
- input.foreground#4a4543d2
- input.placeholderForeground#4a454322
- inputValidation.errorBackground#dd698c
- inputValidation.errorBorder#dd698ccc
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#82b4e3
- inputValidation.infoBorder#82b4e3
- inputValidation.infoForeground#ffffff
- inputValidation.warningBackground#e7d59a
- inputValidation.warningBorder#e4846f
- list.activeSelectionBackground#e4bcbf
- list.activeSelectionForeground#ffffff
- list.dropBackground#fdfbfb
- list.errorForeground#ff9b9b
- list.focusBackground#e4bcbf
- list.focusForeground#ffffff
- list.highlightForeground#4a4543d2
- list.hoverBackground#866d7d1c
- list.hoverForeground#4a4543
- list.inactiveFocusBackground#e9ecf1
- list.inactiveSelectionBackground#e4bcbf33
- list.inactiveSelectionForeground#666d7d
- list.invalidItemForeground#e4846f
- list.warningForeground#d58db0
- menu.background#e3e6ed
- menu.foreground#666d7d
- menu.selectionBackground#b4addf
- menu.selectionBorder#b4addf
- menu.selectionForeground#d65390
- menubar.selectionBackground#b4addf
- menubar.selectionBorder#b4addf
- menubar.selectionForeground#fbfbfb
- notificationCenter.border#f6fffd
- notificationCenterHeader.background#f6fffd
- notificationCenterHeader.foreground#4a4543
- notificationLink.foreground#0000ff
- notifications.background#f6fffd
- notifications.border#ebedf3
- notifications.foreground#4a4543d2
- notificationToast.border#f6fffd
- panel.background#f1ecee
- panel.border#f1ecee
- panelTitle.activeBorder#b4addf
- panelTitle.activeForeground#958ac5
- panelTitle.inactiveForeground#c0aeb5
- scrollbar.shadow#94848422
- scrollbarSlider.activeBackground#e4bcbf7a
- scrollbarSlider.background#e4bcbf55
- scrollbarSlider.hoverBackground#e4bcbf65
- settings.dropdownBackground#e4bcbf
- settings.dropdownBorder#e4bcbf
- settings.dropdownForeground#4a4543d2
- settings.dropdownListBorder#e2dcdf
- sideBar.background#f3eef0
- sideBar.border#e3e6ed
- sideBar.dropBackground#fdfbfb
- sideBar.foreground#666d7dbb
- sideBarSectionHeader.background#ffffff2e
- sideBarSectionHeader.border#e3e6ed
- sideBarSectionHeader.foreground#666d7ddd
- sideBarTitle.foreground#666d7d
- statusBar.background#fcfcfc
- statusBar.debuggingBackground#e3e6ed
- statusBar.foreground#666d7d
- statusBar.noFolderBackground#e3e6ed
- tab.activeBackground#f7f1f6
- tab.activeBorder#f9f5f4
- tab.activeBorderTop#e5b8ee
- tab.activeForeground#767188
- tab.activeModifiedBorder#dabeff
- tab.border#d9dee7
- tab.inactiveBackground#f4f4f7
- tab.inactiveForeground#666d7dbb
- tab.unfocusedActiveBackground#f3ecef
- tab.unfocusedActiveBorderTop#ece9e8
- tab.unfocusedActiveForeground#4a454366
- tab.unfocusedInactiveForeground#666d7d77
- terminal.ansiBlack#4a4543
- terminal.ansiBlue#32abde
- terminal.ansiBrightBlack#6f5573
- terminal.ansiBrightBlue#82b3e2
- terminal.ansiBrightCyan#b4addf
- terminal.ansiBrightGreen#98c4ba
- terminal.ansiBrightMagenta#ce9ae8
- terminal.ansiBrightRed#eeaabe
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#e7d59a
- terminal.ansiCyan#958ac5
- terminal.ansiGreen#87b6b6
- terminal.ansiMagenta#be88d9
- terminal.ansiRed#db90a7
- terminal.ansiWhite#f1ecee
- terminal.ansiYellow#ffb4b8
- terminal.background#f1ecee
- terminal.border#e2dcdf
- terminal.foreground#c29ba3
- terminal.selectionBackground#c8bfff34
- terminalCursor.background#4a4543
- terminalCursor.foreground#eeaabe
- titleBar.activeBackground#fcfcfc
- titleBar.activeForeground#4a4543d2
- titleBar.inactiveBackground#e3e6ed
- titleBar.inactiveForeground#9c9c9c
- tree.indentGuidesStroke#d6a5c7
- widget.shadow#94848422
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable.parameter, variable.parameter.function | #C9AFE0 | — |
| comment, punctuation.definition.comment | #D9C8C8 | italic |
| punctuation, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array, meta.brace | #E2D1D1 | — |
| punctuation.definition.template-expression, punctuation.definition.interpolation, variable.interpolation | #E4BCBF | — |
| punctuation.separator | #E4BCBF | — |
| punctuation.separator.key-value, punctuation.accessor | #E4BCBF | — |
| keyword.operator | #DA8FBD | — |
| keyword.operator.expression | #DA8FBD | — |
| keyword | #958AC5 | — |
| keyword.control, punctuation.definition.keyword | #4A4543D2 | |
| variable | #B4ADDF | — |
| variable.language.this | #E4BCBF | — |
| storage | #C9AFE0 | — |
| meta.class, support.class, entity.name.class, entity.name.type.class, entity.other.attribute-name.class, entity.other.attribute-name.class.css, punctuation.definition.entity.css | #C08BCED5 | — |
| support.class.console, support.function.console | #B8BAC9AA | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #EEAABE | — |
| entity.name.type, storage.type | #958AC5 | — |
| storage.type.function | #4A4543D2 | italic |
| entity.name.function, support.function, support.function.any-method, storage.function, storage.type.function.arrow, keyword.other.special-method | #87B6B6 | — |
| meta.function-call | #87B6B6 | italic |
| storage.type.function.arrow, support.function | #87B6B6 | — |
| string, constant.other.symbol, entity.other.inherited-class, punctuation.definition.string | #91B8DD | — |
| punctuation.definition.string | #82B4E3 | italic |
| constant.numeric | #82B4E3 | — |
| none | #82B4E3 | — |
| none | #82B4E3 | — |
| constant | #82B4E3 | — |
| entity.name.tag, punctuation.definition.tag, support.class.component.js, punctuation.definition.block.tag, punctuation.definition.inline.tag | #A19597 | — |
| meta.jsx.children | #BA989C | — |
| entity.other.attribute-name, support.type.property-name, support.variable.property | #6F557388 | — |
| entity.other.attribute-name.id, punctuation.definition.entity, constant.character.entity.named | #E4BCBF | — |
| meta.selector | #DB90A7 | — |
| none | #82B4E3 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #87B6B6 | |
| keyword.other.unit | #EEAABE | — |
| markup.bold, punctuation.definition.bold | #9F8298 | bold |
| markup.italic, punctuation.definition.italic | #9F8298 | italic |
| markup.raw.inline, markup.inline.raw.string.markdown, punctuation.definition.raw.markdown | #6F557388 | — |
| markup.fenced_code.block.markdown, punctuation.definition.markdown, markup.raw.block.markdown | #6F557388 | — |
| string.other.link | #82B4E3 | — |
| meta.link, markup.underline.link.image.markdown, meta.image.inline.markdown, meta.image.inline.markdown, punctuation.definition.metadata.markdown | #EEAABE | — |
| markup.list, punctuation.definition.list.begin.markdown | #B4ADDF | — |
| markup.quote | #EEAABE | — |
| meta.separator | #4A4543D2 | — |
| markup.inserted | #98C4BA | — |
| markup.deleted | #DD698C | — |
| markup.changed | #CABF9A | — |
| constant.other.color | #4A4543D2 | — |
| string.regexp | #82B4E3 | — |
| constant.character.escape | #E4BCBF | — |
| punctuation.section.embedded | #E4BCBF | — |
| invalid.illegal | #DD698CCC | — |
| comment, punctuation.definition.comment | #E2DADA | italic |
| punctuation, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array, meta.brace | #CF94AD | — |
| punctuation.separator | #FDA8AF | — |
| punctuation.separator.key-value, punctuation.accessor | #E6A3BD | — |
| keyword.operator | #E6A3BD | — |
| keyword.control, punctuation.definition.keyword | #76BEA6 | — |
| variable | #98A1D3 | — |
| variable.language.this | #5654BD | — |
| entity.name.function, support.function, support.function.any-method, storage.function, storage.type.function.arrow, keyword.other.special-method, meta.function-call | #8BA6FF | — |
| entity.name.tag, punctuation.definition.tag, support.class.component.js, punctuation.definition.block.tag, punctuation.definition.inline.tag | #E7A3BF | — |
| entity.other.attribute-name.jsx | #A9B8FA | — |
| support.class | #ADA2D3 | bold italic underline |
| support.type.property-name | #ADBFDF | italic |
| entity.other.attribute-name | #EBB7E1 | — |
| token.info-token | #316BCD | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #CD3131 | — |
| token.debug-token | #800080 | — |
| entity.name.type | #DECBE8 | bold |
| punctuation.definition.tag, punctuation.section.embedded, meta.brace | #DECBE8 |