newsprint
Publisher: lumiknitThemes in package: 5
Simple monochrome color theme & variatns
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#303131
- activityBar.activeBorder#656666
- activityBar.activeFocusBorder#bbbbbb
- activityBar.background#3e3f3f
- activityBar.border#656666
- activityBar.dropBorder#bbbbbb
- activityBar.foreground#bbbbbb
- activityBar.inactiveForeground#777777
- activityBarBadge.background#c0c0c0
- activityBarBadge.foreground#3f3f3f
- badge.background#686868
- badge.foreground#e8e8e8
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.background#303131
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#bbbbbb
- breadcrumbPicker.background#3e3f3f
- button.background#1f1f1f
- button.border#656666
- button.foreground#bbbbbb
- button.hoverBackground#404040
- checkbox.background#404040
- checkbox.border#8880
- checkbox.foreground#bbbbbb
- disabledForeground#999999
- dropdown.background#404040
- dropdown.border#8880
- dropdown.foreground#bbbbbb
- dropdown.listBackground#404040
- editor.background#1f1f1f
- editor.findMatchBackground#d55b2260
- editor.findMatchBorder#ff905d
- editor.findMatchHighlightBackground#d55b2230
- editor.findMatchHighlightBorder#d55b2260
- editor.findRangeHighlightBackground#d55b2230
- editor.foreground#bbbbbb
- editor.hoverHighlightBackground#7991a8bc
- editor.lineHighlightBackground#303030
- editor.lineHighlightBorder#8888
- editor.selectionBackground#54afec4c
- editor.selectionHighlightBackground#34aeff62
- editor.selectionHighlightBorder#0099ffb4
- editor.wordHighlightBackground#0001
- editor.wordHighlightBorder#0008
- editor.wordHighlightStrongBackground#0001
- editor.wordHighlightStrongBorder#0008
- editorBracketMatch.background#303131
- editorBracketMatch.border#ffffff
- editorCursor.background#404040
- editorCursor.foreground#fff
- editorError.foreground#e9483d
- editorGhostText.foreground#739bd086
- editorGroup.border#656666
- editorGroup.dropBackground#8888
- editorGroup.emptyBackground#1f1f1f
- editorGroupHeader.border#656666
- editorGroupHeader.tabsBackground#3e3f3f
- editorGroupHeader.tabsBorder#656666
- editorGutter.addedBackground#57bd66
- editorGutter.deletedBackground#e9483d
- editorGutter.foldingControlForeground#e8e8e8
- editorGutter.modifiedBackground#2981ca
- editorIndentGuide.activeBackground#ffffff80
- editorIndentGuide.background#ffffff10
- editorLineNumber.activeForeground#c8c8c8
- editorLineNumber.foreground#6f6f6f
- editorLink.activeForeground#2981ca
- editorOverviewRuler.findMatchForeground#6f6f6f
- editorRuler.foreground#ffffff40
- editorSuggestWidget.background#383838
- editorSuggestWidget.selectedBackground#636363
- editorWhitespace.foreground#ffffff80
- editorWidget.background#686868
- errorForeground#e9483d
- extensionButton.prominentBackground#6f6f6f
- extensionButton.prominentHoverBackground#3e3f3f
- focusBorder#cfa4a4
- foreground#bcbcbc
- icon.foreground#f0f0f0
- input.background#404040
- input.border#8880
- input.foreground#bbbbbb
- list.activeSelectionBackground#686868
- list.activeSelectionForeground#ffffff
- list.errorForeground#ff605d
- list.focusBackground#686868
- list.focusForeground#ffffff
- list.highlightForeground#ffffff
- list.hoverBackground#606060
- list.hoverForeground#ffffff
- list.inactiveFocusBackground#3e3f3f
- list.inactiveSelectionBackground#3e3f3f
- list.inactiveSelectionForeground#ffffff
- list.warningForeground#efc274
- panel.background#303131
- panel.border#656666
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#808080
- quickInput.background#4f4f4f
- quickInput.foreground#b0b0b0
- quickInputList.focusBackground#808080
- quickInputList.focusForeground#ffffff
- quickInputList.focusIconForeground#bbbbbb
- quickInputTitle.background#4f4f4f
- scrollbar.shadow#00000080
- searchEditor.findMatchBackground#d55b2230
- searchEditor.findMatchBorder#ff905d
- sideBar.background#303131
- sideBar.border#656666
- sideBar.dropBackground#686868
- sideBar.foreground#bbbbbb
- sideBarSectionHeader.background#3e3f3f
- sideBarSectionHeader.border#656666
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#e8e8e8
- statusBar.background#3e3f3f
- statusBar.border#656666
- statusBar.debuggingBackground#3e3f3f
- statusBar.foreground#bbbbbb
- statusBar.noFolderBackground#3e3f3f
- statusBarItem.remoteBackground#cfcfcf
- statusBarItem.remoteForeground#3f3f3f
- tab.activeBackground#303131
- tab.activeBorder#303131
- tab.activeForeground#bbbbbb
- tab.border#656666
- tab.inactiveBackground#3e3f3f
- tab.inactiveForeground#888888
- terminal.ansiBlack#ffffff
- terminal.ansiBlue#2981ca
- terminal.ansiBrightBlack#505050
- terminal.ansiBrightBlue#4190F7
- terminal.ansiBrightCyan#a3ffff
- terminal.ansiBrightGreen#99e391
- terminal.ansiBrightMagenta#d9b9f0
- terminal.ansiBrightRed#FF675D
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffde82
- terminal.ansiCyan#51d2ff
- terminal.ansiGreen#57bd66
- terminal.ansiMagenta#a464d1
- terminal.ansiRed#e9483d
- terminal.ansiWhite#DDDDDD
- terminal.ansiYellow#ffbd5e
- terminal.background#303131
- terminal.border#656666
- terminal.foreground#bbbbbb
- terminalCommandDecoration.defaultBackground#808080
- terminalCursor.background#3e3f3f
- terminalCursor.foreground#bbbbbb
- textLink.activeForeground#4190f7
- textLink.foreground#2981ca
- titleBar.activeBackground#3e3f3f
- titleBar.activeForeground#bbbbbb
- titleBar.border#656666
- titleBar.inactiveBackground#3e3f3f
- titleBar.inactiveForeground#888888
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #686868 | italic |
| comment.block.preprocessor | #999 | bold |
| comment.documentation, comment.block.documentation | #999 | — |
| invalid.illegal | #e9483d | underline |
| keyword, storage | #ffffff | bold |
| keyword.operator, keyword.symbol, keyword.control.preprocessor, keyword.other.colon, keyword.other.double-colon | #9e9e9e | — |
| meta.pattern-match, meta.type-definition | #9e9e9e | — |
| support.type, storage.type | #ffffff | bold |
| entity.name.type, entity.other.inherited-class, support.class | #dbdbdb | bold italic |
| entity.name.module, entity.name.namespace | #c0c0c0 | bold italic |
| constant.language, support.constant, variable.language | #e9e9e9 | italic |
| constant.other | #bcbcbc | italic |
| variable, support.variable | #c4c4c4 | italic |
| entity.name.function, support.function | #dbdbdb | italic |
| entity.name.exception | #ff3838 | underline |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #ffffff | — |
| string | #ffffff | — |
| constant.character.escape | #bcbcbc | bold |
| string.regexp | #ffffff | — |
| constant.other.symbol | #ffffff | — |
| punctuation, comment.punctuation, meta.brace, meta.bracket, meta.paren, meta.paren-group | #9e9e9e | — |
| meta.attribute | #c4c4c4 | bold italic |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #9a9a9a | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #c4c4c4 | bold |
| entity.name.tag | #ffffff | bold |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #dbdbdb | italic |
| constant.character.entity, punctuation.definition.entity | #dbdbdb | italic |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #ffffff | bold italic |
| meta.property-name, support.type.property-name | #bcbcbc | bold |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #dbdbdb | italic |
| keyword.other.important | #ffffff | bold |
| markup.changed | #ffffff | — |
| markup.deleted | #ffffff | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #ffffff | — |
| meta.link | #ffffff | underline |
| markup.output, markup.raw | #a9a9a9 | — |
| markup.prompt | #a9a9a9 | — |
| markup.heading | #ffffff | bold |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.strikethrough | — | strikethrough |
| markup.underline | — | underline |
| markup.quote | #c4c4c4 | italic |
| markup.list | #dbdbdb | — |
| markup.bold, markup.italic, markup.strikethrough, markup.underline | #c0c0c0 | — |
| markup.inline.raw | #c4c4c4 | |
| meta.diff.range, meta.diff.index, meta.separator | #f1f1f1 | — |
| meta.diff.header.from-file | #f1f1f1 | — |
| meta.diff.header.to-file | #f1f1f1 | — |