Neo Theme
Publisher: Palash MondalThemes in package: 1
A simple opinionated VS Code theme for JavaScript
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#0D2136
- activityBar.border#133551
- activityBar.dropBackground#133551
- activityBar.foreground#fff
- activityBarBadge.background#2574A9
- activityBarBadge.foreground#fff
- badge.background#2574A9
- badge.foreground#fff
- contrastBorder#ffffff00
- debugExceptionWidget.background#193549
- debugExceptionWidget.border#aaa
- debugToolBar.background#193549
- descriptionForeground#aaa
- diffEditor.insertedTextBackground#3ad90033
- diffEditor.insertedTextBorder#3ad90055
- diffEditor.removedTextBackground#52B4DA33
- diffEditor.removedTextBorder#52B4DA55
- dropdown.background#193549
- dropdown.border#0D253E
- dropdown.foreground#fff
- editor.background#0B1B2D
- editor.findMatchBackground#00000000
- editor.findMatchBorder#79D4B3
- editor.findMatchHighlightBackground#00000000
- editor.findMatchHighlightBorder#D4D4D4
- editor.foreground#89C4F4
- editor.hoverHighlightBackground#52B4DA33
- editor.inactiveSelectionBackground#193549
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#142D3E
- editor.selectionBackground#183C66
- editor.selectionHighlightBackground#0050A480
- editor.selectionHighlightBorder#D4D4D4
- editor.wordHighlightBackground#00000000
- editor.wordHighlightBorder#79D4B3
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightStrongBorder#79D4B3
- editorBracketMatch.background#00000000
- editorBracketMatch.border#52B4DA80
- editorCodeLens.foreground#91A6BA
- editorCursor.foreground#00BFFF
- editorError.border#0d3a58
- editorError.foreground#FF6347
- editorGroup.background#FF6347
- editorGroup.border#0d2136
- editorGroup.dropBackground#0d213699
- editorGroupHeader.noTabsBackground#193549
- editorGroupHeader.tabsBackground#193549
- editorGroupHeader.tabsBorder#0D253E
- editorGutter.addedBackground#3C9F4A
- editorGutter.background#0d213666
- editorGutter.deletedBackground#FF6347
- editorGutter.modifiedBackground#26506D
- editorHoverWidget.background#0D253E
- editorHoverWidget.border#0d3a58
- editorIndentGuide.background#3B5364
- editorLineNumber.activeForeground#63737D
- editorLineNumber.foreground#63737D
- editorLink.activeForeground#78828A
- editorMarkerNavigation.background#3B536433
- editorMarkerNavigationError.background#FF6347
- editorMarkerNavigationWarning.background#52B4DA
- editorOverviewRuler.border#0d3a58
- editorOverviewRuler.commonContentForeground#52B4DA55
- editorOverviewRuler.currentContentForeground#FF634755
- editorOverviewRuler.incomingContentForeground#3ad90055
- editorRuler.foreground#1F4662
- editorSuggestWidget.background#0D253E
- editorSuggestWidget.border#0D253E
- editorSuggestWidget.foreground#91A6BA
- editorSuggestWidget.highlightForeground#52B4DA
- editorSuggestWidget.selectedBackground#193549
- editorWarning.border#ffffff00
- editorWarning.foreground#52B4DA
- editorWhitespace.foreground#ffffff1a
- editorWidget.background#0D253E
- editorWidget.border#0d3a58
- errorForeground#FF6347
- extensionButton.prominentBackground#2574A9
- extensionButton.prominentForeground#fff
- extensionButton.prominentHoverBackground#176396
- focusBorder#0d3a58
- foreground#91A6BA
- gitDecoration.conflictingResourceForeground#52B4DA
- gitDecoration.deletedResourceForeground#F64747
- gitDecoration.ignoredResourceForeground#F64747
- gitDecoration.modifiedResourceForeground#52B4DA
- gitDecoration.untrackedResourceForeground#3ad900
- input.background#193549
- input.border#0d3a58
- input.foreground#00E0E0
- input.placeholderForeground#91A6BA
- inputOption.activeBorder#8dffff
- inputValidation.errorBackground#193549
- inputValidation.errorBorder#52B4DA
- inputValidation.infoBackground#193549
- inputValidation.infoBorder#0D3A58
- inputValidation.warningBackground#193549
- inputValidation.warningBorder#52B4DA
- list.activeSelectionBackground#193549
- list.activeSelectionForeground#BDC3C7
- list.dropBackground#0d3a58
- list.focusBackground#0d3a58
- list.focusForeground#91A6BA
- list.highlightForeground#52B4DA
- list.hoverBackground#193549
- list.hoverForeground#BDC3C7
- list.inactiveSelectionBackground#0d3a58
- list.inactiveSelectionForeground#91A6BA
- merge.border#ffffff00
- merge.commonContentBackground#C9874F
- merge.commonHeaderBackground#C9874F
- merge.currentContentBackground#2F7366
- merge.currentHeaderBackground#2F7366
- merge.incomingContentBackground#185294
- merge.incomingHeaderBackground#185294
- notification.background#52B4DA
- notification.buttonBackground#0088ff
- notification.buttonForeground#fff
- notification.buttonHoverBackground#52B4DA
- notification.errorBackground#FF6347
- notification.errorForeground#fff
- notification.foreground#000
- notification.infoBackground#0088ff
- notification.infoForeground#fff
- notification.warningBackground#E7903C
- notification.warningForeground#000
- notificationCenter.border#52B4DA
- notificationCenterHeader.background#10283B
- notificationCenterHeader.foreground#aaa
- notificationLink.foreground#52B4DA
- notifications.background#10283B
- notifications.border#52B4DA
- notifications.foreground#aaa
- notificationToast.border#52B4DA
- panel.background#0d2136
- panel.border#52B4DA
- panelTitle.activeBorder#52B4DA
- panelTitle.activeForeground#52B4DA
- panelTitle.inactiveForeground#aaa
- peekView.border#52B4DA
- peekViewEditor.background#193549
- peekViewEditor.matchHighlightBackground#19354900
- peekViewEditorGutter.background#0d2136
- peekViewResult.background#0D253E
- peekViewResult.fileForeground#aaa
- peekViewResult.lineForeground#fff
- peekViewResult.matchHighlightBackground#0d3a58
- peekViewResult.selectionBackground#0d3a58
- peekViewResult.selectionForeground#fff
- peekViewTitle.background#0D253E
- peekViewTitleDescription.foreground#aaa
- peekViewTitleLabel.foreground#52B4DA
- pickerGroup.border#0d3a58
- pickerGroup.foreground#aaa
- progressBar.background#52B4DA
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#355166cc
- scrollbarSlider.background#1F466280
- scrollbarSlider.hoverBackground#406179cc
- selection.background#027dff
- sideBar.background#091B2D
- sideBar.border#0d3a58
- sideBar.foreground#91A6BA
- sideBarSectionHeader.background#193549
- sideBarSectionHeader.foreground#91A6BA
- sideBarTitle.foreground#91A6BA
- statusBar.background#091B2D
- statusBar.border#0d3a58
- statusBar.debuggingBackground#52B4DA
- statusBar.debuggingForeground#0B273B
- statusBar.foreground#91A6BA
- statusBar.noFolderBackground#0D253E
- statusBar.noFolderForeground#91A6BA
- statusBarItem.activeBackground#0088ff
- statusBarItem.hoverBackground#0d3a58
- statusBarItem.prominentBackground#0D253E
- statusBarItem.prominentHoverBackground#0d3a58
- tab.activeBackground#0d2136
- tab.activeBorder#52B4DA
- tab.activeForeground#fff
- tab.border#0D253E
- tab.inactiveBackground#193549
- tab.inactiveForeground#91A6BA
- tab.unfocusedActiveForeground#91A6BA
- tab.unfocusedInactiveForeground#91A6BA
- terminal.ansiBlack#000000
- terminal.ansiBlue#0088ff
- terminal.ansiBrightBlack#0050A4
- terminal.ansiBrightBlue#0088ff
- terminal.ansiBrightCyan#80fcff
- terminal.ansiBrightGreen#3ad900
- terminal.ansiBrightMagenta#DDA0DD
- terminal.ansiBrightRed#F64747
- terminal.ansiBrightWhite#193549
- terminal.ansiBrightYellow#65E6B8
- terminal.ansiCyan#80fcff
- terminal.ansiGreen#3ad900
- terminal.ansiMagenta#DDA0DD
- terminal.ansiRed#F64747
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#65E6B8
- terminal.background#0d2136
- terminal.foreground#ffffff
- terminalCursor.background#52B4DA
- terminalCursor.foreground#52B4DA
- textBlockQuote.background#193549
- textBlockQuote.border#0088ff
- textCodeBlock.background#193549
- textLink.activeForeground#0088ff
- textLink.foreground#0088ff
- textPreformat.foreground#52B4DA
- textSeparator.foreground#0d3a58
- titleBar.activeBackground#0D253E
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#193549
- titleBar.inactiveForeground#ffffff33
- walkThrough.embeddedEditorBackground#0d3a58
- welcomePage.buttonBackground#193549
- welcomePage.buttonHoverBackground#0d3a58
- widget.shadow#00000026
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #2574A9 | — |
| string | #2CBA8A | — |
| constant.numeric, constant.language | #B3D6EA | — |
| constant.character, constant.other | #4CBBFF | — |
| variable | #effbff | — |
| variable.language.this | #FCBA78 | — |
| variable.other.readwrite, variable.other.object, variable.object.property | #B3D6EA | — |
| variable.other.property, support.variable.property | #E3D7A6 | — |
| variable.other.object.property | #B0DFE5 | — |
| storage | #ffffff | |
| storage.type, keyword, support.class.console, variable.language.super, storage.modifier | #638BB3 | — |
| entity.name.class | #95CC5E | — |
| entity.other.inherited-class | #89C4F4FF | italic |
| entity.name.function, entity.name.type.class, keyword.control.flow, support.function.console | #0FC3FF | — |
| variable.parameter | #B3D6EA | italic |
| entity.name.tag | #0FC3FF | |
| entity.other.attribute-name | #7a9bc2 | |
| support.function | #00BFFF | — |
| support.constant | #00BFFF | |
| support.type, support.class | #00BFFF | italic |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| source.json support.type | #0FC3FF | — |
| source.json string.quoted.double.json, source.json constant.language, source.json constant.numeric | #B3D6EA | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #00A8C6 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #8FBE00A0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| entity.name.tag.css, entity.name.tag.stylus, entity.name.tag.scss, entity.name.tag.sass | #EFB39A | — |
| meta.selector.css entity.other.attribute-name.id, source.sass entity.other.attribute-name.id, source.scss entity.other.attribute-name.id, source.css.scss entity.other.attribute-name.id | #56c5c0 | — |
| meta.selector.css entity.other.attribute-name.class, source.scss entity.other.attribute-name.class, source.css.scss entity.other.attribute-name.class, source.sass entity.other.attribute-name.class | #f1d969 | — |
| source.css support, source.stylus support, source.scss support, source.css.scss support, source.sass support | #83BEFE | — |
| source.css support.function, source.stylus support.function, source.scss support.function, source.css.scss support.function, source.sass support.function | #7A9BC2 | — |
| source.css constant, source.css support.constant, source.css constant.other, source.stylus constant, source.stylus support.constant, source.stylus constant.other, source.scss constant, source.scss support.constant, source.scss constant.other, source.scss variable.other, source.sass constant, source.sass support.constant, source.sass constant.other, source.sass variable.other | #B5CEA8 | — |
| source.scss variable.other, source.css.scss variable, source.css.scss variable.other, source.css.scss meta.at-rule variable, source.sass variable.other, keyword.other.unit.scss, keyword.other.unit.sass | #EFB39A | — |
| source.css meta.at-rule keyword, source.stylus meta.at-rule keyword, source.scss meta.at-rule keyword, source.css.scss meta.at-rule keyword, source.sass meta.at-rule keyword, source.sass keyword.control.at-rule | #F1D969 | — |
| source.css meta.at-rule variable, source.css.sass meta.at-rule variable | #f1d969 | — |
| source.css keyword.other.unit, source.css constant.numeric, source.stylus keyword.other.unit, source.stylus constant.numeric, source.scss keyword.other.unit, source.scss constant.numeric, source.css.scss keyword.other.unit, source.css.scss constant.numeric, source.sass keyword.other.unit, source.sass constant.numeric | #7A9BC2 | — |
| meta.preprocessor.at-rule keyword.control.at-rule | #F6AA11 | — |
| meta.property-value support.constant.named-color.css, meta.property-value constant | #FFAA41 | — |
| meta.constructor.argument.css | #EB939A | — |
| source.vue variable | #B3D6EA | — |
| source.vue meta.object-literal.key | #E3D7A6 | — |
| source.vue meta.array.literal meta.object-literal.key | #59ABE3 | — |
| source.vue meta.array.literal meta.object-literal.key | #59ABE3 | — |
| source.vue support.variable.property | #E3D7A6 | — |
| source.vue text.html.vue-html | #AEA7E2 | — |
| text.html.basic | #AEA7E2 | — |
| text.html.basic punctuation.definition.tag, text.html.basic meta.tag.inline.any | #0FC3FF | — |
| text.html.basic meta.tag.sgml.doctype | #F9CF2 | — |
| entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #0FC3FF | bold |
| punctuation.definition.heading.markdown, markup.quote.markdown, beginning.punctuation.definition.list.markdown | #0FC3FF | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #81CFE0 | — |
| meta.paragraph.markdown | #9FDAFF | — |
| markup.quote.markdown meta.paragraph.markdown | #0FC3FF | italic |
| markup.bold.markdown | #0FC3FF | bold |
| markup.italic.markdown | — | italic |
| source.ini | #B3D6EA | — |
| source.ini entity | #0FC3FF | bold |
| source.ini keyword | #0FC3FF | — |
| source.ini punctuation.separator | #B3D6EA | — |
| string.template meta.template.expression | #0FC3FF | — |
| support.variable.property.dom | #E3D7A6 | — |
| meta.brace, punctuation.definition.arguments, punctuation.definition.array, punctuation.definition.begin.bracket, punctuation.definition.binding-pattern, punctuation.definition.block, punctuation.definition.bracket, punctuation.definition.dict, punctuation.definition.dictionary, punctuation.definition.end.bracket, punctuation.definition.generic, punctuation.definition.list, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.tag, punctuation.other.comma, punctuation.other.period, punctuation.section, punctuation.separator, punctuation.support, punctuation.terminator, source.vue meta.tag.other.html, string.template punctuation.accessor | #5C97BF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...