Noel
Publisher: arzgThemes in package: 2
A VS Code theme based on the colours of the GMK Noel keycaps
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#252B2D
- activityBar.foreground#DEEEF3
- activityBar.inactiveForeground#B3DCE244
- activityBarBadge.background#B3DCE2
- activityBarBadge.foreground#252B2D
- badge.background#B3DCE233
- debugToolBar.background#252B2D
- diffEditor.insertedTextBackground#8BB99322
- diffEditor.removedTextBackground#DC9E8F22
- dropdown.background#252B2D
- dropdown.foreground#DEEEF3
- editor.background#2A3235
- editor.findMatchBackground#66B9D277
- editor.findMatchHighlightBackground#66B9D244
- editor.foreground#DEEEF3
- editor.hoverHighlightBackground#B3DCE244
- editor.lineHighlightBackground#B3DCE20D
- editor.rangeHighlightBackground#B3DCE222
- editor.selectionBackground#B3DCE222
- editor.wordHighlightBackground#B3DCE233
- editorCodeLens.foreground#B3DCE255
- editorCursor.foreground#DEEEF3
- editorError.foreground#DC9E8F
- editorGroup.border#B3DCE214
- editorGroupHeader.noTabsBackground#252B2D
- editorGroupHeader.tabsBackground#252B2D
- editorGutter.addedBackground#8BB993
- editorGutter.deletedBackground#DC9E8F
- editorGutter.modifiedBackground#E7BEA6
- editorHoverWidget.background#252B2D
- editorIndentGuide.activeBackground#B3DCE222
- editorIndentGuide.background#B3DCE211
- editorLineNumber.activeForeground#DEEEF3
- editorLineNumber.foreground#B3DCE255
- editorLink.activeForeground#66B9D2
- editorOverviewRuler.addedForeground#8BB993
- editorOverviewRuler.deletedForeground#DC9E8F
- editorOverviewRuler.errorForeground#DC9E8F
- editorOverviewRuler.findMatchForeground#66B9D277
- editorOverviewRuler.modifiedForeground#E7BEA6
- editorOverviewRuler.rangeHighlightForeground#B3DCE222
- editorOverviewRuler.warningForeground#E7BEA6
- editorRuler.foreground#B3DCE214
- editorWarning.foreground#E7BEA6
- editorWhitespace.foreground#B3DCE222
- editorWidget.background#252B2D
- editorWidget.border#B3DCE214
- errorForeground#DC9E8F
- focusBorder#00000000
- foreground#DEEEF3
- gitDecoration.addedResourceForeground#8BB993
- gitDecoration.deletedResourceForeground#DC9E8F
- gitDecoration.modifiedResourceForeground#E7BEA6
- input.background#B3DCE211
- input.placeholderForeground#B3DCE255
- list.activeSelectionBackground#B3DCE233
- list.activeSelectionForeground#DEEEF3
- list.errorForeground#DC9E8F
- list.focusBackground#B3DCE222
- list.highlightForeground#66B9D2
- list.hoverBackground#B3DCE211
- list.inactiveSelectionBackground#B3DCE222
- list.warningForeground#E7BEA6
- menu.background#252B2D
- minimap.errorHighlight#DC9E8F
- minimap.findMatchHighlight#66B9D277
- minimap.selectionHighlight#B3DCE211
- minimap.warningHighlight#E7BEA6
- minimapGutter.addedBackground#8BB993
- minimapGutter.deletedBackground#DC9E8F
- minimapGutter.modifiedBackground#E7BEA6
- minimapSlider.activeBackground#B3DCE233
- minimapSlider.background#B3DCE211
- minimapSlider.hoverBackground#B3DCE222
- panel.border#B3DCE214
- panelTitle.activeForeground#DEEEF3
- panelTitle.inactiveForeground#B3DCE255
- peekView.border#252B2D
- peekViewEditor.background#252B2D
- peekViewEditor.matchHighlightBackground#66B9D277
- peekViewResult.background#252B2D
- peekViewResult.fileForeground#DEEEF3
- peekViewResult.lineForeground#DEEEF3BB
- peekViewResult.matchHighlightBackground#66B9D277
- peekViewResult.selectionBackground#B3DCE233
- peekViewResult.selectionForeground#DEEEF3
- peekViewTitle.background#252B2D
- peekViewTitleDescription.foreground#B3DCE255
- peekViewTitleLabel.foreground#DEEEF3
- problemsErrorIcon.foreground#DC9E8F
- problemsWarningIcon.foreground#E7BEA6
- rust_analyzer.inlayHints.foreground#B3DCE255
- scrollbarSlider.background#B3DCE222
- selection.background#B3DCE244
- settings.headerForeground#DEEEF3
- sideBar.background#252B2D
- sideBar.border#B3DCE214
- sideBarSectionHeader.background#B3DCE211
- statusBar.background#252B2D
- statusBar.border#B3DCE214
- statusBar.debuggingBackground#252B2D
- statusBar.foreground#B3DCE255
- statusBar.noFolderBackground#252B2D
- tab.activeBackground#2A3235
- tab.activeForeground#DEEEF3
- tab.border#B3DCE214
- tab.inactiveBackground#252B2D
- tab.inactiveForeground#B3DCE255
- terminal.ansiBlack#2A3235
- terminal.ansiBlue#66B9D2
- terminal.ansiBrightBlack#526B6F
- terminal.ansiBrightBlue#66B9D2
- terminal.ansiBrightCyan#B3DCE2
- terminal.ansiBrightGreen#8BB993
- terminal.ansiBrightMagenta#EEB9C1
- terminal.ansiBrightRed#DC9E8F
- terminal.ansiBrightWhite#DEEEF3
- terminal.ansiBrightYellow#E7BEA6
- terminal.ansiCyan#B3DCE2
- terminal.ansiGreen#8BB993
- terminal.ansiMagenta#EEB9C1
- terminal.ansiRed#DC9E8F
- terminal.ansiWhite#DEEEF3
- terminal.ansiYellow#E7BEA6
- terminal.foreground#DEEEF3
- textLink.activeForeground#66B9D2
- textLink.foreground#66B9D2
- textPreformat.foreground#EEB9C1
- titleBar.activeBackground#252B2D
- titleBar.inactiveBackground#252B2D
- window.activeBorder#B3DCE214
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, keyword.control, storage.modifier, storage.type, keyword.other.using, constant.language, support.type.primitive, entity.name.tag.html | #EEB9C1 | — |
| variable, entity.name.variable, support.type.property-name, punctuation.support.type.property-name | #DEEEF3 | — |
| entity.name.function | #66B9D2 | — |
| entity.name.type, keyword.type, meta.property-value.css | #B3DCE2 | — |
| entity.name.variable.enum-member | #B3DCE2 | italic |
| constant.numeric, string, punctuation.definition.string | #66B9D2 | — |
| entity.name.type.namespace | #DEEEF3 | — |
| punctuation, keyword.operator | #DEEEF3BB | — |
| comment, punctuation.definition.comment | #526B6F | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...