Nord Light Theme
Publisher: Illegal StudioThemes in package: 1
A light theme based on the Nord color palette
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#ECEFF4
- activityBar.activeBorder#5E81AC
- activityBar.background#E5E9F0
- activityBar.border#D8DEE9
- activityBar.foreground#2E3440
- activityBar.inactiveForeground#4C566A
- activityBarBadge.background#5E81AC
- activityBarBadge.foreground#ECEFF4
- badge.background#5E81AC
- badge.foreground#ECEFF4
- breadcrumb.activeSelectionForeground#2E3440
- breadcrumb.background#ECEFF4
- breadcrumb.focusForeground#2E3440
- breadcrumb.foreground#4C566A
- breadcrumbPicker.background#E5E9F0
- button.background#5E81AC
- button.foreground#ECEFF4
- button.hoverBackground#81A1C1
- button.secondaryBackground#E5E9F0
- button.secondaryForeground#2E3440
- button.secondaryHoverBackground#D8DEE9
- checkbox.background#ECEFF4
- checkbox.border#4C566A
- checkbox.foreground#2E3440
- commandCenter.activeBackground#D8DEE9
- commandCenter.activeBorder#D8DEE9
- commandCenter.activeForeground#2E3440
- commandCenter.background#E5E9F0
- commandCenter.border#D8DEE9
- commandCenter.foreground#2E3440
- debugConsole.errorForeground#BF616A
- debugConsole.infoForeground#4C566A
- debugConsole.sourceForeground#2E3440
- debugConsole.warningForeground#B8941E
- debugConsoleInputIcon.foreground#5E81AC
- debugIcon.breakpointCurrentStackframeForeground#B8941E
- debugIcon.breakpointDisabledForeground#9099AB
- debugIcon.breakpointForeground#BF616A
- debugIcon.breakpointStackframeForeground#6B8B4F
- debugIcon.breakpointUnverifiedForeground#D08770
- debugIcon.continueForeground#6B8B4F
- debugIcon.disconnectForeground#BF616A
- debugIcon.pauseForeground#B8941E
- debugIcon.restartForeground#6B8B4F
- debugIcon.startForeground#6B8B4F
- debugIcon.stepBackForeground#5E81AC
- debugIcon.stepIntoForeground#5E81AC
- debugIcon.stepOutForeground#5E81AC
- debugIcon.stepOverForeground#5E81AC
- debugIcon.stopForeground#BF616A
- debugTokenExpression.boolean#8B5E84
- debugTokenExpression.error#BF616A
- debugTokenExpression.name#0D7D8C
- debugTokenExpression.number#8B5E84
- debugTokenExpression.string#6B8B4F
- debugTokenExpression.value#2E3440
- debugToolBar.background#E5E9F0
- debugToolBar.border#D8DEE9
- descriptionForeground#4C566A
- diffEditor.border#D8DEE9
- diffEditor.diagonalFill#D8DEE9
- diffEditor.insertedTextBackground#6B8B4F30
- diffEditor.insertedTextBorder#6B8B4F00
- diffEditor.removedTextBackground#BF616A30
- diffEditor.removedTextBorder#BF616A00
- dropdown.background#ECEFF4
- dropdown.border#D8DEE9
- dropdown.foreground#2E3440
- dropdown.listBackground#ECEFF4
- editor.background#ECEFF4
- editor.findMatchBackground#EBCB8B
- editor.findMatchHighlightBackground#B8941E60
- editor.findRangeHighlightBackground#E5E9F0
- editor.foreground#2E3440
- editor.hoverHighlightBackground#E5E9F0
- editor.inactiveSelectionBackground#E5E9F0
- editor.lineHighlightBackground#E5E9F0
- editor.lineHighlightBorder#E5E9F000
- editor.rangeHighlightBackground#E5E9F0
- editor.rangeHighlightBorder#E5E9F000
- editor.selectionBackground#D8DEE9
- editor.selectionForeground#2E3440
- editor.selectionHighlightBackground#D8DEE980
- editor.selectionHighlightBorder#D8DEE9
- editor.wordHighlightBackground#D8DEE9
- editor.wordHighlightBorder#D8DEE9
- editor.wordHighlightStrongBackground#A5614A30
- editor.wordHighlightStrongBorder#A5614A
- editorBracketHighlight.foreground1#5E81AC
- editorBracketHighlight.foreground2#A3BE8C
- editorBracketHighlight.foreground3#EBCB8B
- editorBracketHighlight.foreground4#B48EAD
- editorBracketHighlight.foreground5#88C0D0
- editorBracketHighlight.foreground6#D08770
- editorBracketMatch.background#0D7D8C60
- editorBracketMatch.border#0D7D8C
- editorCodeLens.foreground#9099AB
- editorCursor.background#ECEFF4
- editorCursor.foreground#2E3440
- editorError.border#BF616A00
- editorError.foreground#BF616A
- editorGroup.border#D8DEE9
- editorGroup.dropBackground#E5E9F040
- editorGroupHeader.noTabsBackground#E5E9F0
- editorGroupHeader.tabsBackground#E5E9F0
- editorGroupHeader.tabsBorder#D8DEE9
- editorGutter.addedBackground#6B8B4F
- editorGutter.background#ECEFF4
- editorGutter.commentRangeForeground#9099AB
- editorGutter.deletedBackground#BF616A
- editorGutter.foldingControlForeground#4C566A
- editorGutter.modifiedBackground#3B5E85
- editorHint.border#88C0D000
- editorHint.foreground#88C0D0
- editorHoverWidget.background#E5E9F0
- editorHoverWidget.border#D8DEE9
- editorHoverWidget.foreground#2E3440
- editorHoverWidget.highlightForeground#5E81AC
- editorHoverWidget.statusBarBackground#D8DEE9
- editorIndentGuide.activeBackground#9099AB
- editorIndentGuide.background#D8DEE9
- editorInfo.border#0D7D8C00
- editorInfo.foreground#0D7D8C
- editorInlayHint.background#D8DEE9
- editorInlayHint.foreground#4C566A
- editorLightBulb.foreground#EBCB8B
- editorLightBulbAutoFix.foreground#A3BE8C
- editorLineNumber.activeForeground#4C566A
- editorLineNumber.foreground#9099AB
- editorLink.activeForeground#5E81AC
- editorMarkerNavigation.background#E5E9F0
- editorMarkerNavigationError.background#BF616A20
- editorMarkerNavigationInfo.background#0D7D8C20
- editorMarkerNavigationWarning.background#EBCB8B30
- editorOverviewRuler.addedForeground#6B8B4F
- editorOverviewRuler.border#D8DEE9
- editorOverviewRuler.bracketMatchForeground#0D7D8C
- editorOverviewRuler.deletedForeground#BF616A
- editorOverviewRuler.errorForeground#BF616A
- editorOverviewRuler.findMatchForeground#B8941E
- editorOverviewRuler.infoForeground#0D7D8C
- editorOverviewRuler.modifiedForeground#3B5E85
- editorOverviewRuler.rangeHighlightForeground#E5E9F0
- editorOverviewRuler.selectionHighlightForeground#D8DEE9
- editorOverviewRuler.warningForeground#B8941E
- editorOverviewRuler.wordHighlightForeground#D8DEE9
- editorOverviewRuler.wordHighlightStrongForeground#A5614A
- editorRuler.foreground#D8DEE9
- editorSuggestWidget.background#ECEFF4
- editorSuggestWidget.border#D8DEE9
- editorSuggestWidget.focusHighlightForeground#5E81AC
- editorSuggestWidget.foreground#2E3440
- editorSuggestWidget.highlightForeground#5E81AC
- editorSuggestWidget.selectedBackground#D8DEE9
- editorWarning.border#B8941E00
- editorWarning.foreground#B8941E
- editorWhitespace.foreground#D8DEE9
- editorWidget.background#E5E9F0
- editorWidget.border#D8DEE9
- editorWidget.foreground#2E3440
- editorWidget.resizeBorder#88C0D0
- errorForeground#BF616A
- extensionBadge.remoteBackground#5E81AC
- extensionBadge.remoteForeground#ECEFF4
- extensionButton.prominentBackground#5E81AC
- extensionButton.prominentForeground#ECEFF4
- extensionButton.prominentHoverBackground#81A1C1
- focusBorder#88C0D0
- foreground#2E3440
- gitDecoration.addedResourceForeground#6B8B4F
- gitDecoration.conflictingResourceForeground#A5614A
- gitDecoration.deletedResourceForeground#BF616A
- gitDecoration.ignoredResourceForeground#9099AB
- gitDecoration.modifiedResourceForeground#3B5E85
- gitDecoration.renamedResourceForeground#0D7D8C
- gitDecoration.stageDeletedResourceForeground#BF616A
- gitDecoration.stageModifiedResourceForeground#3B5E85
- gitDecoration.submoduleResourceForeground#8B5E84
- gitDecoration.untrackedResourceForeground#6B8B4F
- icon.foreground#4C566A
- input.background#ECEFF4
- input.border#D8DEE9
- input.foreground#2E3440
- input.placeholderForeground#9099AB
- inputOption.activeBackground#5E81AC
- inputOption.activeBorder#5E81AC
- inputOption.activeForeground#ECEFF4
- inputValidation.errorBackground#BF616A20
- inputValidation.errorBorder#BF616A
- inputValidation.infoBackground#E5E9F0
- inputValidation.infoBorder#5E81AC
- inputValidation.warningBackground#EBCB8B30
- inputValidation.warningBorder#EBCB8B
- keybindingLabel.background#D8DEE9
- keybindingLabel.border#D8DEE9
- keybindingLabel.bottomBorder#9099AB
- keybindingLabel.foreground#2E3440
- list.activeSelectionBackground#D8DEE9
- list.activeSelectionForeground#2E3440
- list.dropBackground#E5E9F0
- list.errorForeground#BF616A
- list.focusBackground#D8DEE9
- list.focusForeground#2E3440
- list.focusOutline#88C0D0
- list.highlightForeground#5E81AC
- list.hoverBackground#E5E9F0
- list.hoverForeground#2E3440
- list.inactiveFocusBackground#E5E9F0
- list.inactiveSelectionBackground#E5E9F0
- list.inactiveSelectionForeground#2E3440
- list.invalidItemForeground#BF616A
- list.warningForeground#B8941E
- listFilterWidget.background#E5E9F0
- listFilterWidget.noMatchesOutline#BF616A
- listFilterWidget.outline#D8DEE9
- menu.background#ECEFF4
- menu.border#D8DEE9
- menu.foreground#2E3440
- menu.selectionBackground#D8DEE9
- menu.selectionBorder#D8DEE900
- menu.selectionForeground#2E3440
- menu.separatorBackground#D8DEE9
- menubar.selectionBackground#D8DEE9
- menubar.selectionBorder#D8DEE900
- menubar.selectionForeground#2E3440
- merge.border#D8DEE9
- merge.commonContentBackground#E5E9F0
- merge.commonHeaderBackground#D8DEE9
- merge.currentContentBackground#88C0D020
- merge.currentHeaderBackground#88C0D040
- merge.incomingContentBackground#A3BE8C20
- merge.incomingHeaderBackground#A3BE8C40
- minimap.background#ECEFF4
- minimap.errorHighlight#BF616A
- minimap.findMatchHighlight#EBCB8B
- minimap.selectionHighlight#D8DEE9
- minimap.warningHighlight#B8941E
- minimapGutter.addedBackground#6B8B4F
- minimapGutter.deletedBackground#BF616A
- minimapGutter.modifiedBackground#3B5E85
- notificationCenter.border#D8DEE9
- notificationCenterHeader.background#E5E9F0
- notificationCenterHeader.foreground#2E3440
- notificationLink.foreground#5E81AC
- notifications.background#E5E9F0
- notifications.border#D8DEE9
- notifications.foreground#2E3440
- notificationsErrorIcon.foreground#BF616A
- notificationsInfoIcon.foreground#5E81AC
- notificationsWarningIcon.foreground#B8941E
- notificationToast.border#D8DEE9
- panel.background#E5E9F0
- panel.border#D8DEE9
- panel.dropBorder#5E81AC
- panelInput.border#D8DEE9
- panelSection.border#D8DEE9
- panelSectionHeader.background#E5E9F0
- panelSectionHeader.border#D8DEE9
- panelSectionHeader.foreground#2E3440
- panelTitle.activeBorder#5E81AC
- panelTitle.activeForeground#2E3440
- panelTitle.inactiveForeground#4C566A
- peekView.border#5E81AC
- peekViewEditor.background#ECEFF4
- peekViewEditor.matchHighlightBackground#B8941E60
- peekViewEditor.matchHighlightBorder#B8941E
- peekViewEditorGutter.background#E5E9F0
- peekViewResult.background#E5E9F0
- peekViewResult.fileForeground#2E3440
- peekViewResult.lineForeground#4C566A
- peekViewResult.matchHighlightBackground#B8941E60
- peekViewResult.selectionBackground#D8DEE9
- peekViewResult.selectionForeground#2E3440
- peekViewTitle.background#E5E9F0
- peekViewTitleDescription.foreground#4C566A
- peekViewTitleLabel.foreground#2E3440
- pickerGroup.border#D8DEE9
- pickerGroup.foreground#5E81AC
- problemsErrorIcon.foreground#BF616A
- problemsInfoIcon.foreground#0D7D8C
- problemsWarningIcon.foreground#B8941E
- progressBar.background#5E81AC
- quickInput.background#ECEFF4
- quickInput.foreground#2E3440
- quickInputList.focusBackground#D8DEE9
- quickInputList.focusForeground#2E3440
- quickInputList.focusIconForeground#2E3440
- quickInputTitle.background#E5E9F0
- scrollbar.shadow#D8DEE9
- scrollbarSlider.activeBackground#9099AB
- scrollbarSlider.background#C8D0DA
- scrollbarSlider.hoverBackground#B8C5D0
- selection.background#D8DEE9
- settings.checkboxBackground#ECEFF4
- settings.checkboxBorder#4C566A
- settings.checkboxForeground#2E3440
- settings.dropdownBackground#ECEFF4
- settings.dropdownBorder#D8DEE9
- settings.dropdownForeground#2E3440
- settings.dropdownListBorder#D8DEE9
- settings.focusedRowBackground#E5E9F0
- settings.focusedRowBorder#88C0D0
- settings.headerForeground#2E3440
- settings.modifiedItemIndicator#3B5E85
- settings.numberInputBackground#ECEFF4
- settings.numberInputBorder#D8DEE9
- settings.numberInputForeground#2E3440
- settings.rowHoverBackground#E5E9F0
- settings.textInputBackground#ECEFF4
- settings.textInputBorder#D8DEE9
- settings.textInputForeground#2E3440
- sideBar.background#E5E9F0
- sideBar.border#D8DEE9
- sideBar.foreground#2E3440
- sideBarSectionHeader.background#E5E9F0
- sideBarSectionHeader.border#D8DEE9
- sideBarSectionHeader.foreground#2E3440
- sideBarTitle.foreground#2E3440
- statusBar.background#E5E9F0
- statusBar.border#D8DEE9
- statusBar.debuggingBackground#D08770
- statusBar.debuggingBorder#D08770
- statusBar.debuggingForeground#ECEFF4
- statusBar.foreground#4C566A
- statusBar.noFolderBackground#E5E9F0
- statusBar.noFolderBorder#D8DEE9
- statusBar.noFolderForeground#4C566A
- statusBarItem.activeBackground#D8DEE9
- statusBarItem.errorBackground#BF616A
- statusBarItem.errorForeground#ECEFF4
- statusBarItem.hoverBackground#D8DEE9
- statusBarItem.prominentBackground#D8DEE9
- statusBarItem.prominentForeground#2E3440
- statusBarItem.prominentHoverBackground#C8D0DA
- statusBarItem.remoteBackground#5E81AC
- statusBarItem.remoteForeground#ECEFF4
- statusBarItem.warningBackground#B8941E
- statusBarItem.warningForeground#ECEFF4
- tab.activeBackground#ECEFF4
- tab.activeBorder#ECEFF4
- tab.activeBorderTop#5E81AC
- tab.activeForeground#2E3440
- tab.border#D8DEE9
- tab.hoverBackground#D8DEE9
- tab.inactiveBackground#E5E9F0
- tab.inactiveForeground#4C566A
- tab.unfocusedActiveBackground#ECEFF4
- tab.unfocusedActiveBorderTop#9099AB
- tab.unfocusedActiveForeground#4C566A
- tab.unfocusedInactiveBackground#E5E9F0
- tab.unfocusedInactiveForeground#9099AB
- terminal.ansiBlack#3B4252
- terminal.ansiBlue#3B5E85
- terminal.ansiBrightBlack#4C566A
- terminal.ansiBrightBlue#5E81AC
- terminal.ansiBrightCyan#88C0D0
- terminal.ansiBrightGreen#A3BE8C
- terminal.ansiBrightMagenta#B48EAD
- terminal.ansiBrightRed#BF616A
- terminal.ansiBrightWhite#ECEFF4
- terminal.ansiBrightYellow#EBCB8B
- terminal.ansiCyan#0D7D8C
- terminal.ansiGreen#6B8B4F
- terminal.ansiMagenta#8B5E84
- terminal.ansiRed#BF616A
- terminal.ansiWhite#E5E9F0
- terminal.ansiYellow#B8941E
- terminal.background#ECEFF4
- terminal.border#D8DEE9
- terminal.foreground#2E3440
- terminal.selectionBackground#D8DEE9
- terminalCursor.background#ECEFF4
- terminalCursor.foreground#2E3440
- testing.iconErrored#BF616A
- testing.iconFailed#BF616A
- testing.iconPassed#6B8B4F
- testing.iconQueued#5E81AC
- testing.iconSkipped#9099AB
- testing.iconUnset#9099AB
- testing.runAction#6B8B4F
- textBlockQuote.background#E5E9F0
- textBlockQuote.border#D8DEE9
- textCodeBlock.background#E5E9F0
- textLink.activeForeground#81A1C1
- textLink.foreground#5E81AC
- textPreformat.foreground#4C566A
- titleBar.activeBackground#E5E9F0
- titleBar.activeForeground#2E3440
- titleBar.border#D8DEE9
- titleBar.inactiveBackground#E5E9F0
- titleBar.inactiveForeground#4C566A
- tree.indentGuidesStroke#D8DEE9
- walkThrough.embeddedEditorBackground#E5E9F0
- welcomePage.background#ECEFF4
- welcomePage.progress.background#D8DEE9
- welcomePage.progress.foreground#5E81AC
- welcomePage.tileBackground#E5E9F0
- welcomePage.tileBorder#D8DEE9
- welcomePage.tileHoverBackground#D8DEE9
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9099AB | italic |
| string, string.quoted, string.template, string.interpolated | #6B8B4F | — |
| constant.character.escape, string.regexp | #1D7A79 | bold |
| string.regexp | #B8941E | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal | #8B5E84 | — |
| constant.language.boolean | #8B5E84 | — |
| constant, constant.language, constant.character | #B8941E | bold |
| constant.language.null, constant.language.undefined, constant.language.nan | #8B5E84 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python | #3B5E85 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.logical, keyword.operator.comparison, keyword.operator.relational, keyword.operator.ternary | #4B6C8C | |
| storage, storage.type, storage.modifier | #3B5E85 | bold |
| entity.name.class, entity.name.type.class, support.class, entity.name.type, entity.other.inherited-class | #1D7A79 | — |
| entity.name.type.interface | #1D7A79 | italic |
| entity.name.function, support.function, meta.function-call | #0D7D8C | — |
| meta.method-call, variable.function | #0D7D8C | — |
| variable, variable.other, variable.other.readwrite | #2E3440 | — |
| variable.parameter, meta.parameter | #2E3440 | italic |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key | #A5614A | — |
| variable.other.global | #A5614A | — |
| variable.other.constant | #B8941E | bold |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.section | #4C566A | — |
| entity.name.tag, punctuation.definition.tag | #4B6C8C | — |
| entity.other.attribute-name | #1D7A79 | — |
| string.quoted.double.html, string.quoted.single.html | #6B8B4F | — |
| support.class.component, entity.name.tag.custom | #0D7D8C | — |
| support.type.property-name.css, support.type.vendored.property-name.css | #0D7D8C | — |
| support.constant.property-value.css | #2E3440 | — |
| entity.other.attribute-name.class.css | #1D7A79 | — |
| entity.other.attribute-name.id.css | #B8941E | — |
| entity.name.tag.css | #4B6C8C | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #8B5E84 | — |
| keyword.other.unit.css | #8B5E84 | — |
| constant.other.color.rgb-value.css, support.constant.color.css | #8B5E84 | — |
| support.function.misc.css, support.function.calc.css, support.function.url.css | #0D7D8C | — |
| keyword.other.important.css | #BF616A | bold |
| support.type.property-name.json | #0D7D8C | — |
| string.quoted.double.json | #6B8B4F | — |
| entity.name.tag.yaml | #0D7D8C | — |
| string.unquoted.plain.out.yaml | #2E3440 | — |
| string.quoted.double.yaml, string.quoted.single.yaml | #6B8B4F | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #B8941E | — |
| markup.heading, entity.name.section.markdown | #3B5E85 | bold |
| markup.bold | #2E3440 | bold |
| markup.italic | #2E3440 | italic |
| markup.underline.link.markdown | #5E81AC | — |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #6B8B4F | — |
| markup.quote.markdown | #9099AB | italic |
| punctuation.definition.list.begin.markdown | #5E81AC | — |
| storage.type.annotation, meta.annotation, punctuation.definition.annotation | #A5614A | — |
| meta.decorator, punctuation.decorator | #A5614A | — |
| storage.type.class.jsdoc, keyword.other.documentation, comment.block.documentation punctuation.definition | #3B5E85 | bold italic |
| variable.other.jsdoc, comment.block.documentation variable | #4B6C8C | italic |
| support.type.primitive, entity.name.type.ts, entity.name.type.tsx | #1D7A79 | — |
| entity.name.type.module.ts, entity.name.type.module.tsx | #1D7A79 | — |
| entity.name.type.type-parameter, meta.type.parameters entity.name.type | #1D7A79 | — |
| variable.other.php | #2E3440 | — |
| keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.alias.sql, keyword.other.order.sql | #3B5E85 | bold |
| support.function.sql | #0D7D8C | — |
| invalid, invalid.illegal | #BF616A | — |
| invalid.deprecated | #4C566A | strikethrough |
| markup.inserted, markup.inserted.git_gutter | #6B8B4F | — |
| markup.deleted, markup.deleted.git_gutter | #BF616A | — |
| markup.changed, markup.changed.git_gutter | #3B5E85 | — |