25時、ナイトコードで。Blue
Publisher: renhartozThemes in package: 1
A dreamy dark VSCode theme inspired by 25-ji Nightcord.
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#070715
- activityBar.foreground#7289da
- activityBarBadge.background#7289da
- activityBarBadge.foreground#E5F4FF
- button.background#7289da
- button.foreground#0E0E1A
- button.hoverBackground#bd6a8b
- diffEditor.insertedTextBackground#7289da22
- diffEditor.removedTextBackground#ff5a5a22
- dropdown.background#1C1C2B
- dropdown.foreground#dce7ff
- editor.background#0E0E1A
- editor.findMatchBackground#88449955
- editor.findMatchHighlightBackground#88449933
- editor.findRangeHighlightBackground#88449922
- editor.foreground#E5F4FF
- editor.inactiveSelectionBackground#2C2E45AA
- editor.lineHighlightBackground#1a1d3a
- editor.selectionBackground#2e3258
- editor.wordHighlightBackground#8a8acd22
- editorBracketHighlight.foreground1#bd6a8b
- editorBracketHighlight.foreground2#8a8acd
- editorBracketHighlight.foreground3#ceae8e
- editorBracketHighlight.foreground4#ddaacc
- editorBracketHighlight.foreground5#a2bbd9
- editorBracketMatch.border#9bb8ff
- editorCursor.foreground#94b8f0
- editorError.foreground#884499
- editorHoverWidget.background#1C1C2B
- editorHoverWidget.border#7289da
- editorHoverWidget.foreground#E5F4FF
- editorIndentGuide.activeBackground1#7289da
- editorIndentGuide.background1#242844
- editorInfo.foreground#a6b2ff
- editorLineNumber.activeForeground#a6b4ef
- editorLineNumber.foreground#4A4E69
- editorSuggestWidget.background#0C0C17
- editorSuggestWidget.border#7289da
- editorSuggestWidget.focusHighlightForeground#bd6a8b
- editorSuggestWidget.foreground#E5F4FF
- editorSuggestWidget.highlightForeground#a6b4ef
- editorSuggestWidget.selectedBackground#7289da
- editorSuggestWidget.selectedForeground#0E0E1A
- editorWarning.foreground#884499
- peekView.border#7289da
- peekViewEditor.background#1C1C2B
- peekViewResult.background#0C0C17
- problemsErrorIcon.foreground#884499
- problemsWarningIcon.foreground#884499
- progressBar.background#bd6a8b
- scrollbarSlider.activeBackground#7289da70
- scrollbarSlider.background#7289da30
- scrollbarSlider.hoverBackground#7289da50
- sideBar.background#0a0a1a
- sideBar.foreground#dce7ff
- sideBarSectionHeader.background#10142b
- statusBar.background#20245c
- statusBar.debuggingBackground#884499
- statusBar.foreground#dce7ff
- statusBar.noFolderBackground#20245c
- statusBarItem.prominentBackground#7289da
- statusBarItem.remoteBackground#20245c
- tab.activeBackground#1A1A2F
- tab.activeForeground#7289da
- tab.inactiveBackground#0C0C17
- tab.inactiveForeground#AAAAAA
- terminal.ansiBlack#060610
- terminal.ansiBlue#7289da
- terminal.ansiBrightBlack#5F6A89
- terminal.ansiBrightWhite#ffffff
- terminal.ansiCyan#86cecb
- terminal.ansiGreen#137a7f
- terminal.ansiMagenta#ddaacc
- terminal.ansiRed#bd6a8b
- terminal.ansiWhite#a6b2ff
- terminal.ansiYellow#ceae8e
- terminal.background#060610
- terminal.foreground#a6b2ff
- titleBar.activeBackground#111125
- titleBar.activeForeground#7289da
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5F6A89 | — |
| keyword, storage.type, storage.modifier | #bd6a8b | bold |
| variable, meta.definition.variable.name, support.variable, source.python | #ceae8e | — |
| constant, constant.numeric, constant.language, constant.character | #ddaacc | — |
| entity.name.function, support.function, meta.function-call | #a2bbd9 | — |
| entity.name.class, entity.name.type.class, support.class, support.type | #8eaaff | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #8a8acd | — |
| string, constant.other.symbol, punctuation.definition.string | #bd6a8b | — |
| invalid, invalid.illegal | #FFFFFF | — |
| entity.name.tag, support.class.component.js, support.class.component.tsx | #9BB8FF | — |
| punctuation.definition.tag, punctuation.separator.key-value | #ceae8e | — |
| entity.other.attribute-name, meta.tag.attributes, support.attribute, meta.attribute, variable.parameter, meta.function-call.arguments | #86cecb | — |
| meta.annotation, markup.error | #884499 | — |
| keyword.operator, keyword.other.else, punctuation | #a6b4ef | — |
| entity.name.enum, support.constant | #ddaacc | — |
| meta.decorator, storage.type.annotation, meta.object-literal | #ddaacc | — |
| support.type.property-name.json | #ddaacc | — |
| markup.heading, markup.bold, markup.italic | #9BB8FF | — |