Night Soft
Publisher: notivThemes in package: 1
Dark Contrast Theme
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#0d1528
- activityBar.activeBorder#0a64f0
- activityBar.activeFocusBorder#2a7af6
- activityBar.background#05080F
- activityBar.border#000
- activityBar.dropBorder#666
- activityBar.foreground#ccc
- activityBarBadge.background#0a64f0
- activityBarBadge.foreground#fff
- badge.background#0a64f0
- badge.foreground#fff
- button.background#0A64F0
- button.foreground#fff
- button.hoverBackground#0859d8
- diffEditor.insertedTextBackground#00ff0013
- diffEditor.removedTextBackground#ff000023
- dropdown.background#0D1011
- dropdown.border#333
- dropdown.foreground#fff
- editor.background#0D121F
- editor.findMatchBackground#2e364c
- editor.findMatchBorder#2d5074
- editor.findMatchHighlightBackground#FFFFFF15
- editor.findMatchHighlightBorder#2d5074
- editor.focusedStackFrameHighlightBackground#7abd7a3d
- editor.foreground#fff
- editor.lineHighlightBackground#1D1F2790
- editor.lineHighlightBorder#2D2F37
- editor.linkedEditingBackground#090d17
- editor.selectionBackground#2e364c
- editor.selectionHighlightBackground#0000
- editor.selectionHighlightBorder#2d5074
- editor.stackFrameHighlightBackground#7abd7a3d
- editor.symbolHighlightBorder#2d5074
- editorBracketMatch.background#0064001a
- editorBracketMatch.border#888a
- editorCursor.foreground#fff
- editorGroupHeader.tabsBackground#090D17
- editorHoverWidget.background#0D1011
- editorIndentGuide.activeBackground#6a6b72
- editorMarkerNavigation.background#0D1011
- editorSuggestWidget.background#0D1011
- editorSuggestWidget.border#0A64F080
- editorSuggestWidget.foreground#ddd
- editorSuggestWidget.selectedBackground#0A64F060
- editorUnnecessaryCode.opacity#000a
- editorWhitespace.foreground#e3e4e220
- editorWidget.background#0D1011
- editorWidget.border#0A64F0
- focusBorder#0a64f090
- input.background#0D1011
- input.border#333
- input.foreground#fff
- list.activeSelectionBackground#2a2e35
- list.dropBackground#152232
- list.hoverBackground#2a2e35
- list.hoverForeground#fff
- list.inactiveSelectionBackground#23262c
- notifications.background#05080F
- panel.background#090D17
- panel.border#000
- peekViewEditor.background#001f33c0
- peekViewEditor.matchHighlightBackground#fff1
- peekViewEditor.matchHighlightBorder#2a7af670
- peekViewResult.background#0D1011
- peekViewResult.matchHighlightBackground#2a7af640
- peekViewTitle.background#0D1011
- quickInput.background#0D1011
- selection.background#cce
- sideBar.background#090d17
- sideBar.border#000
- sideBar.foreground#ccc
- sideBarSectionHeader.background#0f1628
- sideBarSectionHeader.border#213159
- sideBarSectionHeader.foreground#fff
- sideBarTitle.foreground#fff
- statusBar.background#05080F
- statusBar.border#000
- statusBar.debuggingBackground#CC6633
- statusBar.debuggingForeground#fff
- statusBar.foreground#999
- statusBar.noFolderBackground#0a64f0
- statusBar.noFolderForeground#fff
- tab.activeBackground#1D212D
- tab.activeForeground#fff
- tab.activeModifiedBorder#0a64f0
- tab.hoverForeground#fff
- tab.inactiveBackground#090D17
- tab.inactiveForeground#999
- titleBar.activeBackground#090d17
- titleBar.activeForeground#ccc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #676767 | italic |
| variable, string constant.other.placeholder | #fff | — |
| constant.other.colora, meta.object-literal.key | #ffffff | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, keyword.control, storage.type.class, storage.modifier, punctuation | #FF79C6 | — |
| cast.expr.ts | #FF79C6 | italic |
| constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.css, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #FFFFFF | — |
| entity.name.tag.html, entity.name.tag.svelte, invalid.illegal.unrecognized-tag.html, support.class.component.js, support.class.component.tsx, entity.name.tag.js, entity.name.tag.tsx, entity.name.tag.template.html, entity.name.tag.script.html, entity.name.tag.style.html, entity.name.tag.inline.any.html, entity.name.tag.block.any.html, support.class.component.html, entity.name.tag.other.html, meta.tag.sgml, markup.deleted.git_gutter, entity.name.tag.css, support.type.property-name.json, entity.name.tag.yaml, support.class.component.svelte, entity.name.tag.i18n.html.vue, meta.selector.css | #e8276d | — |
| invalid.illegal.unrecognized-tag.html | — | italic |
| entity.other.attribute-name.html, entity.other.attribute-name.js, entity.other.attribute-name.tsx, entity.other.attribute-name, entity.other.inherited-class | #8BE9FD | italic |
| string.quoted.single.html, string.quoted.double.html, string.unquoted.html, support.function, entity.name.function, string.quoted.double.json, string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js | #61FF8E | — |
| string.quoted, string.regexp, string.template, meta.attribute-selector.scss | #B0DB65 | — |
| storage.type, support.variable, support.class, support.class.builtin, support.type.object.module | #8BE9FD | italic |
| constant.numeric, constant.language, variable.language.this | #BD93F9 | — |
| variable.parameter | #FFB86C | — |
| variable.language.super | #ff38ee | italic |
| entity.name.type.class | #ffc038 | — |
| entity.name.type, variable.other.constant.object, support.function.js, support.function.tsx, support.function | #8BE9FD | — |
| entity.other.attribute-name.class.css, punctuation.definition.entity.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.attribute.css, entity.other.attribute-name.pseudo-element.css | #61FF8E | italic |
| entity.other.attribute-name.pseudo-class.css | #F1FA8C | italic |
| meta.attribute-selector.css, entity.other.attribute-name.attribute.scss, entity.other.attribute-selector.postcss | #8BE9FD | italic |
| support.type.property-name.css, meta.property-name.scss, support.type.vendored.property-name.css | #8BE9FD | — |
| constant.other.color.rgb-value.hex.css, constant.other.color.rgb-value.css.postcss, support.type.property-name.media.css | #F1FA8C | — |
| variable.css, variable.argument.css, variable.parameter.postcss, variable.scss | #FFB86C | — |
| entity.other.attribute-name.id.css | #FFB86C | — |
| support.constant.font-name.css, constant.other.php, support.constant.media.css | #FFB86C | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #eff | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markup.heading.markdown | #61FF8E | — |
| punctuation.definition.heading.markdown | #8BE9FD | — |
| markup.bold.markdown, punctuation.definition.bold.markdown | #FFB86C | bold |
| markup.italic.markdown, punctuation.definition.italic.markdown | #FFB86C | italic |
| markup.quote.markdown | #BD93F9 | — |
| punctuation.definition.list.begin.markdown | #FF79C6 | — |
| markup.inline.raw.string.markdown | #61FF8E | — |
| markup.fenced_code.block.markdown | #aaa | — |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| support.other.namespace.php | #8BE9FD | — |
| punctuation.separator.inheritance.php | #F775C0 | — |
| entity.name.goto-label.php | #F1FA8C | — |
| constant.other.class.php | #FFB86C | — |
| variable.other.env | #8BE9FD | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...