nippon-dark
Publisher: piste-jpThemes in package: 1
Dark color theme of traditional Japanese colors
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#595857
- activityBar.foreground#c0c6c9
- activityBarBadge.background#fdeff2
- activityBarBadge.foreground#a22041
- badge.background#fdeff2
- badge.foreground#a22041
- button.background#db8449
- debugExceptionWidget.background#3f312b
- debugExceptionWidget.border#bed3ca
- debugToolBar.background#595857
- dropdown.background#727171
- dropdown.border#bed3ca
- editor.background#433d3c
- editor.foreground#f8f4e6
- editor.lineHighlightBackground#1f3134
- editor.selectionBackground#6f514c
- editorCursor.foreground#f8f4e6
- editorGroup.border#bed3ca
- editorGroup.dropBackground#e4dc8a50
- editorGroupHeader.tabsBackground#383c3c
- editorHoverWidget.background#1c305c
- editorIndentGuide.activeBackground1#634950
- editorIndentGuide.background1#634950
- editorLineNumber.activeForeground#ab6953
- editorLineNumber.foreground#95483f
- editorWhitespace.foreground#634950
- editorWidget.background#192f60
- extensionButton.prominentBackground#db8449
- extensionButton.prominentHoverBackground#1c305c
- focusBorder#bed3ca
- input.background#2a4073
- input.foreground#e9e4d4
- input.placeholderForeground#888084AA
- inputOption.activeBorder#bed3ca
- list.activeSelectionBackground#0f2350
- list.activeSelectionForeground#f7fcfe
- list.highlightForeground#dbd0e6
- list.hoverBackground#1c305c
- list.inactiveSelectionBackground#274a78
- minimap.background#595857
- minimap.selectionHighlight#fdeff240
- panel.border#bed3ca
- peekView.border#bed3ca
- peekViewEditor.background#433d3c
- peekViewEditor.matchHighlightBackground#192f60
- peekViewResult.background#595857
- peekViewTitle.background#383c3c
- pickerGroup.border#bed3ca
- pickerGroup.foreground#f8f4e6
- ports.iconRunningProcessForeground#a22041
- progressBar.background#727171
- quickInputList.focusBackground#192f60
- selection.background#dddcd680
- sideBar.background#554738
- sideBarTitle.foreground#f8fbf8
- statusBar.background#d8e698
- statusBar.debuggingBackground#c3d825
- statusBar.foreground#2a4073
- statusBar.noFolderBackground#eae5e3
- statusBarItem.prominentBackground#a8bf93
- statusBarItem.prominentHoverBackground#1c305c
- statusBarItem.remoteBackground#c7dc68
- statusBarItem.remoteForeground#2a4073
- tab.activeBackground#433d3c
- tab.activeModifiedBorder#bed3ca
- tab.border#bed3ca
- tab.inactiveBackground#524e4d
- tab.inactiveForeground#9ea1a3
- tab.lastPinnedBorder#bed3ca
- terminal.ansiBlack#fbfaf5
- terminal.ansiBlue#007bbb
- terminal.ansiBrightBlack#eae5e3
- terminal.ansiBrightBlue#2ca9e1
- terminal.ansiBrightCyan#a59aca
- terminal.ansiBrightGreen#028760
- terminal.ansiBrightMagenta#cc7eb1
- terminal.ansiBrightRed#e2041b
- terminal.ansiBrightWhite#c0c6c9
- terminal.ansiBrightYellow#ebd842
- terminal.ansiCyan#7058a3
- terminal.ansiGreen#007b43
- terminal.ansiMagenta#aa4c8f
- terminal.ansiRed#c53d43
- terminal.ansiWhite#9fa0a0
- terminal.ansiYellow#e6b422
- terminal.background#595857
- titleBar.activeBackground#383c3c
- titleBar.inactiveBackground#727171
- walkThrough.embeddedEditorBackground#d4dcd6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #888084 | |
| comment.block.preprocessor | #c4a3bf | bold |
| comment.documentation, comment.block.documentation | #888084 | — |
| invalid.illegal | #e2041b | |
| keyword, storage | #f6bfbc | bold |
| keyword.operator | #f8f4e6 | |
| constant.language, support.constant, variable.language | #c1d8ac | bold |
| variable, support.variable | #f8f4e6 | |
| entity.name, support.function | #a2d7dd | |
| entity.other.inherited-class, support.class | #a2d7dd | bold |
| support.type, storage.type, entity.name.type | #bbc8e6 | bold |
| storage.type.struct, storage.type.class, storage.type.modifier.access.control | #f6bfbc | bold |
| entity.name.exception | #bed3ca | — |
| entity.name.section | — | bold |
| string, constant.character | #c8c2be | bold underline |
| constant.character.escape | #ede4cd | — |
| string.regexp | #a0d8ef | — |
| constant.other.symbol | #f2c9ac | — |
| markup.changed | #f8f4e6 | — |
| markup.deleted | #f8f4e6 | — |
| markup.italic | — | italic |
| markup.error | #e2041b | — |
| markup.inserted | #f8f4e6 | — |
| meta.link | #bbc8e6 | — |
| markup.output, markup.raw | #eae5e3 | — |
| markup.prompt | #eae5e3 | — |
| markup.heading | #d6e9ca | bold |
| markup.bold | — | bold |
| markup.traceback | #e8d3d1 | — |
| markup.underline | — | underline |
| markup.quote | #eebbcb | — |
| markup.list | #e0ebaf | — |
| markup.bold, markup.italic | #c1e4e9 | — |
| markup.inline.raw | #dcd3b2 | |
| meta.diff.range, meta.diff.index, meta.separator | #e4d2d8 | — |
| meta.diff.header.from-file | #a6a5c4 | — |
| meta.diff.header.to-file | #c7dc68 | — |