Night One Dark
Publisher: Ardi NugrahaThemes in package: 1
VSCode Theme based on One Dark Material theme but with blue taste and reduce eye strain
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#282C34
- activityBar.activeBorder#00a3ef
- activityBar.activeFocusBorder#00a3ef
- activityBar.background#282C34
- activityBar.dropBackground#3c3c3c
- activityBar.foreground#969696
- activityBar.inactiveForeground#505050
- activityBarBadge.background#ffffff
- activityBarBadge.foreground#282C34
- badge.background#ffffff
- badge.foreground#282C34
- breadcrumb.activeSelectionForeground#00a3ef
- breadcrumb.focusForeground#00a3ef
- breadcrumb.foreground#64b4fa
- breadcrumbPicker.background#282C34
- button.background#00a3ef
- button.foreground#ffffff
- button.hoverBackground#00a3ef70
- button.secondaryBackground#64b4fa
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#284864
- checkbox.background#505050
- checkbox.foreground#ffffff
- debugExceptionWidget.background#282C34
- debugExceptionWidget.border#282828
- debugToolBar.background#282C34
- descriptionForeground#c8c8c8
- diffEditor.insertedTextBackground#99b76d26
- diffEditor.removedTextBackground#ef535026
- dropdown.background#282C34
- dropdown.border#282C34
- dropdown.foreground#c8c8c8
- dropdown.listBackground#282C34
- editor.background#282C34
- editor.findMatchBackground#9696961a
- editor.findMatchBorder#969696
- editor.findMatchHighlightBackground#96969633
- editor.foreground#c8c8c8
- editor.hoverHighlightBackground#96969633
- editor.inactiveSelectionBackground#96969633
- editor.lineHighlightBackground#9696961a
- editor.rangeHighlightBackground#9696961a
- editor.rangeHighlightForeground#c8c8c8
- editor.selectionBackground#96969659
- editor.selectionForeground#c8c8c8
- editor.selectionHighlightBackground#9696961a
- editor.selectionHighlightBorder#9696964d
- editor.wordHighlightBackground#96969633
- editor.wordHighlightBorder#96969666
- editor.wordHighlightStrongBackground#96969633
- editorBracketMatch.border#787878
- editorCodeLens.foreground#64b4fa
- editorCursor.foreground#00b1ff
- editorError.foreground#f05050
- editorGroup.border#282828
- editorGroup.dropBackground#00a3ef70
- editorGroupHeader.noTabsBackground#282C34
- editorGroupHeader.tabsBackground#282C34
- editorGroupHeader.tabsBorder#282828
- editorGutter.addedBackground#6eb450
- editorGutter.background#282C34
- editorGutter.deletedBackground#f05050
- editorGutter.modifiedBackground#ffc828
- editorHoverWidget.background#282C34
- editorHoverWidget.border#282828
- editorIndentGuide.activeBackground#505050
- editorIndentGuide.background#293139
- editorLineNumber.activeForeground#969696
- editorLineNumber.foreground#3c3c3c
- editorMarkerNavigation.background#282C34
- editorMarkerNavigationError.background#f05050
- editorMarkerNavigationInfo.background#64b4fa
- editorMarkerNavigationWarning.background#ffc828
- editorOverviewRuler.addedForeground#a1d884
- editorOverviewRuler.bracketMatchForeground#3c3c3c
- editorOverviewRuler.commonContentForeground#00a3ef
- editorOverviewRuler.currentContentForeground#00a3ef
- editorOverviewRuler.deletedForeground#f05050
- editorOverviewRuler.errorForeground#f05050
- editorOverviewRuler.findMatchForeground#282828
- editorOverviewRuler.incomingContentForeground#00a3ef
- editorOverviewRuler.infoForeground#64b4fa
- editorOverviewRuler.modifiedForeground#ffe39c
- editorOverviewRuler.rangeHighlightForeground#505050
- editorOverviewRuler.selectionHighlightForeground#3c3c3c
- editorOverviewRuler.warningForeground#ffc828
- editorOverviewRuler.wordHighlightForeground#787878
- editorOverviewRuler.wordHighlightStrongForeground#787878
- editorRuler.foreground#282828
- editorSuggestWidget.background#282C34
- editorSuggestWidget.border#282828
- editorSuggestWidget.foreground#969696
- editorSuggestWidget.highlightForeground#c8c8c8
- editorSuggestWidget.selectedBackground#282828
- editorWarning.foreground#ffc828
- editorWhitespace.foreground#282828
- editorWidget.background#282828
- editorWidget.border#3c3c3c
- editorWidget.resizeBorder#00a3ef
- errorForeground#f05050
- extensionButton.prominentBackground#00a3ef
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#00a3ef70
- focusBorder#505050
- foreground#c8c8c8
- gitDecoration.addedResourceForeground#a1d884
- gitDecoration.conflictingResourceForeground#f05050
- gitDecoration.deletedResourceForeground#d88282
- gitDecoration.ignoredResourceForeground#4e4e4e
- gitDecoration.modifiedResourceForeground#ffe39c
- gitDecoration.untrackedResourceForeground#a1d884
- icon.foreground#c8c8c8
- input.background#282C34
- input.border#282828
- input.foreground#c8c8c8
- input.placeholderForeground#505050
- inputOption.activeBorder#969696
- inputValidation.errorBackground#472020
- inputValidation.errorBorder#f05050
- inputValidation.infoBackground#284864
- inputValidation.infoBorder#64b4fa
- inputValidation.warningBackground#665010
- inputValidation.warningBorder#ffc828
- list.activeSelectionBackground#3c3c3c
- list.activeSelectionForeground#c8c8c8
- list.dropBackground#3c3c3c
- list.errorForeground#f05050
- list.focusBackground#282C34
- list.focusForeground#969696
- list.highlightForeground#969696
- list.hoverBackground#282C34
- list.hoverForeground#969696
- list.inactiveSelectionBackground#282828
- list.inactiveSelectionForeground#c8c8c8
- list.invalidItemForeground#00a3ef70
- list.warningForeground#ffe39c
- menu.background#282C34
- menu.foreground#969696
- menu.selectionBackground#282828
- menu.selectionForeground#c8c8c8
- menu.separatorBackground#282828
- menubar.selectionBackground#282828
- menubar.selectionForeground#c8c8c8
- merge.commonContentBackground#ffe39c50
- merge.currentHeaderBackground#a1d88450
- merge.incomingHeaderBackground#00a3ef50
- minimap.background#282C34
- minimap.errorHighlight#f05050
- minimap.findMatchHighlight#6eb450
- minimap.selectionHighlight#00a3ef
- minimap.warningHighlight#ffc828
- minimapGutter.addedBackground#6eb450
- minimapGutter.deletedBackground#f05050
- minimapGutter.modifiedBackground#ffc828
- minimapSlider.activeBackground#78787860
- minimapSlider.background#50505060
- minimapSlider.hoverBackground#3c3c3c60
- notificationCenter.border#282828
- notificationCenterHeader.background#282C34
- notificationCenterHeader.foreground#969696
- notificationLink.foreground#00a3ef
- notifications.background#282C34
- notifications.border#282828
- notifications.foreground#c8c8c8
- notificationToast.border#282828
- panel.background#282C34
- panel.border#282828
- panelSection.dropBackground#00a3ef
- panelSectionHeader.background#282C34
- panelSectionHeader.border#282828
- panelSectionHeader.foreground#c8c8c8
- panelTitle.activeBorder#00a3ef
- panelTitle.activeForeground#c8c8c8
- panelTitle.inactiveForeground#787878
- peekView.border#00a3ef
- peekViewEditor.background#282C34
- peekViewEditor.matchHighlightBackground#3c3c3c
- peekViewResult.background#282C34
- peekViewResult.fileForeground#c8c8c8
- peekViewResult.lineForeground#c8c8c8
- peekViewResult.matchHighlightBackground#3c3c3c
- peekViewResult.selectionBackground#282828
- peekViewResult.selectionForeground#c8c8c8
- peekViewTitle.background#282C34
- peekViewTitleDescription.foreground#c8c8c8
- peekViewTitleLabel.foreground#c8c8c8
- pickerGroup.border#282828
- pickerGroup.foreground#c8c8c8
- progress.background#00a3ef
- progressBar.background#00a3ef
- sash.hoverBorder#505050
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#50505050
- scrollbarSlider.background#50505050
- scrollbarSlider.hoverBackground#50505080
- selection.background#9696964d
- sideBar.background#282C34
- sideBar.border#282828
- sideBar.foreground#969696
- sideBarSectionHeader.background#282C34
- sideBarSectionHeader.foreground#969696
- sideBarTitle.foreground#969696
- statusBar.background#282C34
- statusBar.border#282828
- statusBar.debuggingBackground#282C34
- statusBar.debuggingBorder#ffc828
- statusBar.debuggingForeground#969696
- statusBar.focusBorder#969696
- statusBar.foreground#969696
- statusBar.noFolderBackground#282C34
- statusBar.noFolderBorder#00a3ef
- statusBarItem.activeBackground#282C34
- statusBarItem.errorBackground#f05050
- statusBarItem.errorForeground#ffffff
- statusBarItem.focusBorder#969696
- statusBarItem.hoverBackground#282828
- statusBarItem.prominentBackground#505050
- statusBarItem.prominentForeground#c8c8c8
- statusBarItem.prominentHoverBackground#505050
- statusBarItem.remoteBackground#282C34
- statusBarItem.remoteForeground#969696
- statusBarItem.warningBackground#ffc828
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#282C34
- tab.activeBorder#00a3ef
- tab.activeForeground#c8c8c8
- tab.activeModifiedBorder#ffe39c
- tab.border#282828
- tab.hoverBackground#282828
- tab.hoverForeground#c8c8c8
- tab.inactiveBackground#282C34
- tab.inactiveForeground#787878
- tab.inactiveModifiedBorder#ffe39c50
- tab.unfocusedActiveBackground#28282860
- tab.unfocusedActiveBorder#282828
- tab.unfocusedActiveForeground#787878
- tab.unfocusedActiveModifiedBorder#ffe39c70
- tab.unfocusedHoverBackground#282828
- tab.unfocusedHoverForeground#787878
- tab.unfocusedInactiveBackground#282C34
- tab.unfocusedInactiveForeground#505050
- tab.unfocusedInactiveModifiedBorder#ffe39c50
- terminal.ansiBlack#282C34
- terminal.ansiBlue#00b1ff
- terminal.ansiBrightBlack#787878
- terminal.ansiBrightBlue#00b1ff
- terminal.ansiBrightCyan#00dcdc
- terminal.ansiBrightGreen#aae682
- terminal.ansiBrightMagenta#00a3ef
- terminal.ansiBrightRed#ff7878
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffdc96
- terminal.ansiCyan#00dcdc
- terminal.ansiGreen#aae682
- terminal.ansiMagenta#00a3ef
- terminal.ansiRed#ff7878
- terminal.ansiWhite#c8c8c8
- terminal.ansiYellow#ffdc96
- terminal.background#282C34
- textBlockQuote.background#282C34
- textBlockQuote.border#787878
- textCodeBlock.background#282C34
- textLink.activeForeground#00a3ef
- textLink.foreground#00b1ff
- textPreformat.foreground#c8c8c8
- textSeparator.foreground#282C34
- titleBar.activeBackground#282C34
- titleBar.activeForeground#969696
- titleBar.inactiveBackground#282C34
- titleBar.inactiveForeground#505050
- toolbar.activeBackground#505050
- toolbar.hoverBackground#282828
- walkThrough.embeddedEditorBackground#282C34
- welcomePage.buttonBackground#282C34
- welcomePage.buttonHoverBackground#282828
- widget.shadow#00000030
- window.activeBorder#282C34
- window.inactiveBorder#282C34
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #bfbdb6 | — |
| comment | #acb6bf8c | italic |
| string, constant.other.symbol | #76c443 | — |
| string.regexp, constant.character, constant.other | #95e6cb | — |
| constant.numeric | #d2a6ff | — |
| constant.language | #d2a6ff | — |
| variable, variable.parameter.function-call | #bfbdb6 | — |
| variable.member | #f07178 | — |
| variable.language | #39bae6 | italic |
| storage | #ff8f40 | — |
| keyword | #e284ff | — |
| keyword.operator | #f29668 | — |
| punctuation.separator, punctuation.terminator | #bfbdb6b3 | — |
| punctuation.section | #bfbdb6 | — |
| punctuation.accessor | #f29668 | — |
| punctuation.definition.template-expression | #ff8f40 | — |
| punctuation.section.embedded | #ff8f40 | — |
| meta.embedded | #bfbdb6 | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #59c2ff | — |
| entity.other.inherited-class | #39bae6 | — |
| storage.type.function, storage.type, storage.modifier | #e284ff | — |
| source.java storage.type.primitive | #39bae6 | — |
| entity.name.function | #59c2ff | — |
| variable.parameter, meta.parameter | #26c98e | — |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #ff8f40 | — |
| support.function, support.macro | #f07178 | — |
| entity.name.import, entity.name.package | #aad94c | — |
| entity.name | #ffd06bfe | — |
| entity.name.tag, meta.tag.sgml | #39bae6 | — |
| support.class.component | #59c2ff | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #39bae680 | — |
| entity.other.attribute-name | #ffd06bfe | — |
| support.constant | #f29668 | italic |
| support.type, source.go storage.type | #59c2ff | — |
| support.class | #ffd06bfe | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation | #e6b673 | — |
| invalid | #d95757 | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| source.ruby variable.other.readwrite | #ffd06bfe | — |
| source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag | #59c2ff | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #acb6bf8c | — |
| support.type.property-name | #39bae6 | normal |
| constant.numeric.line-number.find-in-files - match | #acb6bf8c | — |
| constant.numeric.line-number.match | #ff8f40 | — |
| entity.name.filename.find-in-files | #aad94c | — |
| message.error | #d95757 | — |
| markup.heading, markup.heading entity.name | #aad94c | bold |
| markup.underline.link, string.other.link | #39bae6 | — |
| markup.italic | #f07178 | italic |
| markup.bold | #f07178 | bold |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #acb6bf8c | bold |
| markup.quote | #95e6cb | italic |
| markup.list punctuation.definition.list.begin | #ffd06bfe | — |
| markup.inserted | #7fd962 | — |
| markup.changed | #73b8ff | — |
| markup.deleted | #f26d78 | — |
| markup.strike | #e6b673 | — |
| markup.table | #39bae6 | — |
| text.html.markdown markup.inline.raw | #f29668 | — |
| text.html.markdown meta.dummy.line-break | #acb6bf8c | — |
| punctuation.definition.markdown | #acb6bf8c | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...