Ningk-Theme
Publisher: ningkThemes in package: 2
A dark and light VS Code theme based on Ningk palettes.
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.activeBackground#EFEAE1
- activityBar.activeBorder#557A95
- activityBar.background#E5DED3
- activityBar.border#D3CBC0
- activityBar.foreground#383A42
- activityBar.inactiveForeground#7B7B7B
- activityBarBadge.background#557A95
- activityBarBadge.foreground#FFFFFF
- badge.background#557A95
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#3F617A
- breadcrumb.background#F7F4EE
- breadcrumb.focusForeground#383A42
- breadcrumb.foreground#6B6D73
- button.background#557A95
- button.foreground#FFFFFF
- button.hoverBackground#668BA5
- button.secondaryBackground#E5DED3
- button.secondaryForeground#383A42
- button.secondaryHoverBackground#D8D0C4
- checkbox.background#F7F4EE
- checkbox.border#C8C0B4
- checkbox.foreground#383A42
- descriptionForeground#696B72
- diffEditor.insertedLineBackground#607B6610
- diffEditor.insertedTextBackground#607B6626
- diffEditor.removedLineBackground#E4564910
- diffEditor.removedTextBackground#E4564926
- disabledForeground#A0A1A7
- dropdown.background#F7F4EE
- dropdown.border#C8C0B4
- dropdown.foreground#383A42
- editor.background#F7F4EE
- editor.findMatchBackground#D4937660
- editor.findMatchBorder#A85F43
- editor.findMatchHighlightBackground#D4937638
- editor.findRangeHighlightBackground#557A9512
- editor.foreground#383A42
- editor.hoverHighlightBackground#557A9514
- editor.inactiveSelectionBackground#557A951A
- editor.lineHighlightBackground#F0ECE4
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#557A9510
- editor.selectionBackground#557A9533
- editor.selectionHighlightBackground#557A9518
- editor.wordHighlightBackground#557A9514
- editor.wordHighlightStrongBackground#557A9522
- editorBracketHighlight.foreground1#557A95
- editorBracketHighlight.foreground2#C85E63
- editorBracketHighlight.foreground3#B66B50
- editorBracketHighlight.foreground4#58798B
- editorBracketHighlight.foreground5#3F7F80
- editorBracketHighlight.foreground6#C87962
- editorBracketHighlight.unexpectedBracket.foreground#E45649
- editorBracketMatch.background#557A951F
- editorBracketMatch.border#557A95
- editorCodeLens.foreground#8C8D91
- editorCursor.foreground#3F617A
- editorError.foreground#E45649
- editorGroup.border#D3CBC0
- editorGroupHeader.noTabsBackground#F7F4EE
- editorGroupHeader.tabsBackground#E5DED3
- editorGutter.addedBackground#607B66
- editorGutter.deletedBackground#E45649
- editorGutter.modifiedBackground#4F6F9A
- editorHint.foreground#607B66
- editorHoverWidget.background#FCFAF6
- editorHoverWidget.border#C8C0B4
- editorHoverWidget.foreground#383A42
- editorIndentGuide.activeBackground1#557A9566
- editorIndentGuide.background1#DDD6CB
- editorInfo.foreground#557A95
- editorLineNumber.activeForeground#557A95
- editorLineNumber.foreground#A0A1A7
- editorLink.activeForeground#3F617A
- editorOverviewRuler.addedForeground#607B66
- editorOverviewRuler.deletedForeground#E45649
- editorOverviewRuler.modifiedForeground#4F6F9A
- editorPane.background#F7F4EE
- editorRuler.foreground#DDD6CB
- editorSuggestWidget.background#FCFAF6
- editorSuggestWidget.border#C8C0B4
- editorSuggestWidget.foreground#383A42
- editorSuggestWidget.highlightForeground#557A95
- editorSuggestWidget.selectedBackground#557A9526
- editorWarning.foreground#A85F43
- editorWhitespace.foreground#D3CBC0
- editorWidget.background#FCFAF6
- editorWidget.border#C8C0B4
- editorWidget.foreground#383A42
- errorForeground#E45649
- focusBorder#557A95
- foreground#383A42
- gitDecoration.addedResourceForeground#607B66
- gitDecoration.conflictingResourceForeground#A85F43
- gitDecoration.deletedResourceForeground#E45649
- gitDecoration.ignoredResourceForeground#A0A1A7
- gitDecoration.modifiedResourceForeground#4F6F9A
- gitDecoration.renamedResourceForeground#3F7F80
- gitDecoration.untrackedResourceForeground#738B77
- icon.foreground#5C5F66
- input.background#FCFAF6
- input.border#C8C0B4
- input.foreground#383A42
- input.placeholderForeground#8C8D91
- inputOption.activeBackground#557A9522
- inputOption.activeBorder#557A95
- inputValidation.errorBackground#FBE9E7
- inputValidation.errorBorder#E45649
- inputValidation.infoBackground#E3F2F7
- inputValidation.infoBorder#557A95
- inputValidation.warningBackground#FBF2DC
- inputValidation.warningBorder#A85F43
- list.activeSelectionBackground#557A9526
- list.activeSelectionForeground#202124
- list.errorForeground#E45649
- list.focusBackground#557A951F
- list.focusForeground#202124
- list.highlightForeground#557A95
- list.hoverBackground#E8E2D9CC
- list.hoverForeground#202124
- list.inactiveSelectionBackground#E5DED3
- list.inactiveSelectionForeground#383A42
- list.warningForeground#A85F43
- menu.background#F7F4EE
- menu.foreground#383A42
- menu.selectionBackground#557A9526
- menu.selectionForeground#202124
- menu.separatorBackground#D3CBC0
- menubar.selectionBackground#557A951F
- menubar.selectionForeground#202124
- minimap.background#F7F4EE
- minimap.findMatchHighlight#A85F4377
- minimap.selectionHighlight#557A9544
- notificationCenter.border#C8C0B4
- notificationCenterHeader.background#EFEAE1
- notificationLink.foreground#557A95
- notifications.background#FCFAF6
- notifications.border#C8C0B4
- notifications.foreground#383A42
- panel.background#F7F4EE
- panel.border#D3CBC0
- panelInput.border#C8C0B4
- panelTitle.activeBorder#557A95
- panelTitle.activeForeground#383A42
- panelTitle.inactiveForeground#7B7B7B
- peekView.border#557A95
- peekViewEditor.background#F2EEE7
- peekViewEditor.matchHighlightBackground#D4937650
- peekViewResult.background#EFEAE1
- peekViewResult.selectionBackground#557A9526
- peekViewTitle.background#E8E2D9
- progressBar.background#557A95
- scrollbar.shadow#6B625533
- scrollbarSlider.activeBackground#557A9566
- scrollbarSlider.background#8C837733
- scrollbarSlider.hoverBackground#557A9544
- selection.background#557A9533
- sideBar.background#EFEAE1
- sideBar.border#D3CBC0
- sideBar.foreground#383A42
- sideBarSectionHeader.background#E8E2D9
- sideBarSectionHeader.border#D3CBC0
- sideBarSectionHeader.foreground#383A42
- sideBarTitle.foreground#383A42
- statusBar.background#EAE4DB
- statusBar.border#D3CBC0
- statusBar.debuggingBackground#C85E63
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#383A42
- statusBar.noFolderBackground#E5DED3
- statusBarItem.hoverBackground#557A9522
- statusBarItem.prominentBackground#557A95
- statusBarItem.prominentForeground#FFFFFF
- statusBarItem.prominentHoverBackground#668BA5
- tab.activeBackground#F7F4EE
- tab.activeBorderTop#557A95
- tab.activeForeground#202124
- tab.activeModifiedBorder#607B66
- tab.border#E5DED3
- tab.inactiveBackground#EAE4DB
- tab.inactiveForeground#6B6D73
- tab.inactiveModifiedBorder#607B6688
- tab.unfocusedActiveForeground#5C5F66
- tab.unfocusedInactiveForeground#96979B
- terminal.ansiBlack#383A42
- terminal.ansiBlue#4F6F9A
- terminal.ansiBrightBlack#696B72
- terminal.ansiBrightBlue#6685AB
- terminal.ansiBrightCyan#579497
- terminal.ansiBrightGreen#738B77
- terminal.ansiBrightMagenta#D58D78
- terminal.ansiBrightRed#C94B3F
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#8F5038
- terminal.ansiCyan#3F7F80
- terminal.ansiGreen#607B66
- terminal.ansiMagenta#C87962
- terminal.ansiRed#E45649
- terminal.ansiWhite#E5DED3
- terminal.ansiYellow#B66B50
- terminal.background#F7F4EE
- terminal.foreground#383A42
- terminal.selectionBackground#557A9533
- terminalCursor.foreground#3F617A
- textBlockQuote.background#EFEAE1
- textBlockQuote.border#B36B33
- textCodeBlock.background#ECE7DE
- textLink.activeForeground#3F617A
- textLink.foreground#557A95
- textPreformat.foreground#58798B
- titleBar.activeBackground#EAE4DB
- titleBar.activeForeground#383A42
- titleBar.border#D3CBC0
- titleBar.inactiveBackground#E5DED3
- titleBar.inactiveForeground#7B7B7B
- tree.indentGuidesStroke#C8C0B4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A0A1A7 | italic |
| string, string.quoted, string.template | #58798B | — |
| constant.numeric | #C87962 | — |
| keyword, storage.type, storage.modifier, keyword.control | #C85E63 | — |
| entity.name.function, support.function, meta.function-call | #4F6F9A | — |
| entity.name.type, entity.name.class, support.type, support.class | #B66B50 | — |
| variable, meta.object-literal.key | #383A42 | — |
| variable.parameter, meta.function.parameters | #C85E63 | — |
| constant.language, constant.character, constant.other | #3F7F80 | — |
| entity.name.tag, punctuation.definition.tag | #C85E63 | — |
| entity.other.attribute-name | #C87962 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical | #3F7F80 | — |
| constant.character.escape, string.regexp, string.regexp punctuation | #3F7F80 | — |
| support.constant, support.variable, variable.language | #3F7F80 | — |
| meta.import keyword, meta.export keyword, keyword.control.import, keyword.control.from, keyword.control.export | #C85E63 | — |
| support.type.property-name.css, meta.property-name.css, support.type.vendored.property-name.css | #4F6F9A | — |
| punctuation, meta.brace, meta.delimiter | #696B72 | — |
| markup.heading, markup.heading entity.name, punctuation.definition.heading.markdown | #6B737B | bold |
| markup.heading.1.markdown, markup.heading.1.markdown entity.name | #557A95 | bold |
| markup.heading.2.markdown, markup.heading.2.markdown entity.name | #C46F5A | bold |
| markup.heading.3.markdown, markup.heading.3.markdown entity.name | #58798B | bold |
| markup.heading.4.markdown, markup.heading.4.markdown entity.name | #B66B50 | bold |
| markup.heading.5.markdown, markup.heading.5.markdown entity.name | #3F7F80 | bold |
| markup.heading.6.markdown, markup.heading.6.markdown entity.name | #756D64 | bold |
| markup.bold | #C85E63 | bold |
| markup.italic | #C87962 | italic |
| markup.fenced_code.block, markup.raw.block, markup.raw.block.markdown | #58798B | — |
| markup.inline.raw.markdown, markup.inline.raw | #B9565F | bold |
| punctuation.definition.raw.markdown, punctuation.definition.raw.begin.markdown, punctuation.definition.raw.end.markdown | #91474E | — |
| markup.quote, markup.quote.markdown, punctuation.definition.quote.begin.markdown | #7A6F63 | italic |
| punctuation.definition.list.begin.markdown, punctuation.definition.list.begin.markdown markup.list.numbered, punctuation.definition.list.begin.markdown markup.list.unnumbered | #B36B33 | — |
| markup.underline.link, string.other.link | #557A95 | underline |
| invalid, invalid.illegal | #C85E63 | underline |