Sto Theme
Publisher: NSMNIAThemes in package: 4
🔥 Official theme by NSMNIA.
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.background#131415
- activityBar.border#131415
- activityBar.dropBackground#131415
- activityBar.foreground#ecf9ff
- activityBarBadge.background#14a3ff
- activityBarBadge.foreground#131415
- badge.background#14a3ff
- badge.foreground#131415
- button.background#14a3ff
- button.foreground#131415
- button.hoverBackground#14a3ff90
- contrastBorder#ffffff00
- debugExceptionWidget.background#131415
- debugExceptionWidget.border#ecf9ff
- debugToolBar.background#131415
- descriptionForeground#ecf9ff
- diffEditor.insertedTextBackground#4ad96233
- diffEditor.insertedTextBorder#4ad96255
- diffEditor.removedTextBackground#ee3a4333
- diffEditor.removedTextBorder#ee3a4355
- dropdown.background#131415
- dropdown.border#131415
- dropdown.foreground#fff
- editor.background#131415
- editor.findMatchBackground#14a3ff66
- editor.findMatchHighlightBackground#4ad96266
- editor.findRangeHighlightBackground#243E51
- editor.foreground#ecf9ff
- editor.hoverHighlightBackground#14a3ff33
- editor.inactiveSelectionBackground#00000025
- editor.lineHighlightBackground#ffffff05
- editor.lineHighlightBorder#ffffff05
- editor.rangeHighlightBackground#ffffff05
- editor.selectionBackground#14a3ff40
- editor.selectionHighlightBackground#14a3ff40
- editor.wordHighlightBackground#ffffff21
- editor.wordHighlightStrongBackground#ffffff21
- editorBracketMatch.background#131415
- editorBracketMatch.border#14a3ff80
- editorCodeLens.foreground#ecf9ff
- editorCursor.foreground#14a3ff
- editorError.border#131415
- editorError.foreground#cb2d25
- editorGroup.background#cb2d25
- editorGroup.border#131415
- editorGroup.dropBackground#13141599
- editorGroupHeader.noTabsBackground#131415
- editorGroupHeader.tabsBackground#131415
- editorGroupHeader.tabsBorder#131415
- editorGutter.addedBackground#3C9F4A
- editorGutter.background#13141566
- editorGutter.deletedBackground#cb2d25
- editorGutter.modifiedBackground#26506D
- editorHoverWidget.background#131415
- editorHoverWidget.border#131415
- editorIndentGuide.background#3B5364
- editorLineNumber.foreground#ecf9ff
- editorLink.activeForeground#ecf9ff
- editorMarkerNavigation.background#3B536433
- editorMarkerNavigationError.background#cb2d25
- editorMarkerNavigationWarning.background#14a3ff
- editorOverviewRuler.border#131415
- editorOverviewRuler.commonContentForeground#14a3ff55
- editorOverviewRuler.currentContentForeground#cb2d2555
- editorOverviewRuler.incomingContentForeground#4ad96255
- editorRuler.foreground#1F4662
- editorSuggestWidget.background#131415
- editorSuggestWidget.border#131415
- editorSuggestWidget.foreground#ecf9ff
- editorSuggestWidget.highlightForeground#14a3ff
- editorSuggestWidget.selectedBackground#193549
- editorWarning.border#ffffff00
- editorWarning.foreground#14a3ff
- editorWhitespace.foreground#ffffff52
- editorWidget.background#131415
- editorWidget.border#131415
- errorForeground#cb2d25
- extensionButton.prominentBackground#14a3ff
- extensionButton.prominentForeground#fff
- extensionButton.prominentHoverBackground#0088ff
- focusBorder#131415
- foreground#ecf9ff
- gitDecoration.conflictingResourceForeground#ffb300
- gitDecoration.deletedResourceForeground#cb2d25
- gitDecoration.ignoredResourceForeground#808080
- gitDecoration.modifiedResourceForeground#14a3ff
- gitDecoration.untrackedResourceForeground#4ad962
- input.background#ffffff10
- input.border#131415
- input.foreground#FFF
- input.placeholderForeground#ecf9ff
- inputOption.activeBorder#8dffff
- inputValidation.errorBackground#131415
- inputValidation.errorBorder#14a3ff
- inputValidation.infoBackground#131415
- inputValidation.infoBorder#131415
- inputValidation.warningBackground#131415
- inputValidation.warningBorder#14a3ff
- list.activeSelectionBackground#000
- list.activeSelectionForeground#fff
- list.dropBackground#131415
- list.focusBackground#131415
- list.focusForeground#fff
- list.highlightForeground#14a3ff
- list.hoverBackground#000
- list.hoverForeground#fff
- list.inactiveSelectionBackground#000
- list.inactiveSelectionForeground#fff
- menu.background#131415
- menu.selectionForeground#ecf9ff
- menubar.selectionBackground#131415
- merge.border#ffffff00
- merge.commonContentBackground#cc8f00
- merge.commonHeaderBackground#cc8f00
- merge.currentContentBackground#53a33b
- merge.currentHeaderBackground#53a33b
- merge.incomingContentBackground#3480cc
- merge.incomingHeaderBackground#3480cc
- notificationCenter.border#14a3ff
- notificationCenterHeader.background#131415
- notificationCenterHeader.foreground#ecf9ff
- notificationLink.foreground#14a3ff
- notifications.background#131415
- notifications.border#14a3ff
- notifications.foreground#ecf9ff
- notificationToast.border#14a3ff
- panel.background#131415
- panel.border#14a3ff
- panelTitle.activeBorder#14a3ff
- panelTitle.activeForeground#14a3ff
- panelTitle.inactiveForeground#ecf9ff
- peekView.border#14a3ff
- peekViewEditor.background#131415
- peekViewEditor.matchHighlightBackground#14a3ff00
- peekViewEditorGutter.background#131415
- peekViewResult.background#131415
- peekViewResult.fileForeground#ecf9ff
- peekViewResult.lineForeground#fff
- peekViewResult.matchHighlightBackground#131415
- peekViewResult.selectionBackground#131415
- peekViewResult.selectionForeground#fff
- peekViewTitle.background#131415
- peekViewTitleDescription.foreground#ecf9ff
- peekViewTitleLabel.foreground#14a3ff
- pickerGroup.border#131415
- pickerGroup.foreground#ecf9ff
- progressBar.background#14a3ff
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#14a3ff
- scrollbarSlider.background#14a3ff80
- scrollbarSlider.hoverBackground#14a3ff
- selection.background#3480cc
- sideBar.background#131415
- sideBar.border#131415
- sideBar.foreground#ecf9ff
- sideBarSectionHeader.background#131415
- sideBarSectionHeader.foreground#ecf9ff
- sideBarTitle.foreground#ecf9ff
- statusBar.background#14a3ff
- statusBar.border#131415
- statusBar.debuggingBackground#000
- statusBar.debuggingBorder#14a3ff
- statusBar.debuggingForeground#14a3ff
- statusBar.foreground#131415
- statusBar.noFolderBackground#000
- statusBar.noFolderBorder#131415
- statusBar.noFolderForeground#fff
- statusBarItem.activeBackground#14a3ff
- statusBarItem.hoverBackground#13141520
- statusBarItem.prominentBackground#131415
- statusBarItem.prominentHoverBackground#13141520
- tab.activeBackground#14a3ff10
- tab.activeBorder#14a3ff
- tab.activeForeground#fff
- tab.border#131415
- tab.inactiveBackground#131415
- tab.inactiveForeground#ecf9ff
- tab.unfocusedActiveForeground#ecf9ff
- tab.unfocusedInactiveForeground#ecf9ff
- terminal.ansiBlack#131415
- terminal.ansiBlue#0088ff
- terminal.ansiBrightBlack#0050A4
- terminal.ansiBrightBlue#0088ff
- terminal.ansiBrightCyan#80fcff
- terminal.ansiBrightGreen#4ad962
- terminal.ansiBrightMagenta#fb94ff
- terminal.ansiBrightRed#cb2d25
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#14a3ff
- terminal.ansiCyan#80fcff
- terminal.ansiGreen#4ad962
- terminal.ansiMagenta#fb94ff
- terminal.ansiRed#cb2d25
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#14a3ff
- terminal.background#131415
- terminal.foreground#ffffff
- terminalCursor.background#14a3ff
- terminalCursor.foreground#14a3ff
- textBlockQuote.background#193549
- textBlockQuote.border#0088ff
- textCodeBlock.background#193549
- textLink.activeForeground#0088ff
- textLink.foreground#0088ff
- textPreformat.foreground#14a3ff
- textSeparator.foreground#131415
- titleBar.activeBackground#131415
- titleBar.activeForeground#ecf9ff
- titleBar.inactiveBackground#131415
- titleBar.inactiveForeground#ffffff33
- walkThrough.embeddedEditorBackground#131415
- welcomePage.buttonBackground#193549
- welcomePage.buttonHoverBackground#131415
- widget.shadow#00000026
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #888 | italic |
| constant | #FF68B8 | — |
| entity | #91c2ff | — |
| invalid | #cb2d25 | — |
| storage.type.function | #91c2ff | — |
| keyword, storage.type.class, keyword.control.default.ts | #91c2ff | — |
| meta | #ecf9ff | — |
| meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx | #fff | — |
| meta.brace | #e1efff | — |
| punctuation | #ecf9ff | — |
| storage | #14a3ff | — |
| storage.type.function.arrow | #91c2ff | — |
| string, punctuation.definition.string | #dcdcff | — |
| string.template, punctuation.definition.string.template | #dcdcff | — |
| support | #dcdcff | — |
| support.function | #14a3ff | — |
| support.variable.property.dom | #e1efff | — |
| variable | #e1efff | — |
| source.css entity, source.stylus entity | #14a3ff | — |
| entity.other.attribute-name.id.css | #14a3ff | — |
| entity.name.tag | #FF68B8 | — |
| source.css support, source.stylus support | #dcdcff | — |
| source.css constant, source.css support.constant, source.stylus constant, source.stylus support.constant | #FF68B8 | italic |
| source.css string, source.css punctuation.definition.string, source.stylus string, source.stylus punctuation.definition.string | #FF68B8 | — |
| source.css variable, source.stylus variable | #FF68B8 | — |
| text.html.basic entity.name | #FF68B8 | — |
| meta.toc-list.id.html | #A5FF90 | — |
| text.html.basic entity.other | #14a3ff | italic |
| meta.tag.metadata.script.html entity.name.tag.html | #14a3ff | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #ecf9ff | — |
| source.ini entity | #e1efff | — |
| source.ini keyword | #14a3ff | — |
| source.js storage.type.function, source.ts storage.type.function | #fb94ff | — |
| variable.language, entity.name.type.class.js | #fb94ff | — |
| entity.other.inherited-class.js | #ecf9ff | — |
| variable.parameter.function.language.special.self.python | #fb94ff | — |
| source.json support | #14a3ff | — |
| source.json string, source.json punctuation.definition.string | #e1efff | — |
| punctuation.definition.heading.markdown | #e1efff | — |
| entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #14a3ff | bold |
| meta.paragraph.markdown | #e1efff | — |
| beginning.punctuation.definition.quote.markdown | #14a3ff | — |
| markup.quote.markdown meta.paragraph.markdown | #ecf9ff | italic |
| meta.separator.markdown | #14a3ff | — |
| markup.bold.markdown | #ecf9ff | bold |
| markup.italic.markdown | #ecf9ff | italic |
| beginning.punctuation.definition.list.markdown | #14a3ff | — |
| string.other.link.title.markdown | #FF68B8 | — |
| string.other.link.title.markdown, string.other.link.description.markdown, string.other.link.description.title.markdown | #FF68B8 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #ecf9ff | — |
| fenced_code.block.language, markup.inline.raw.markdown | #ecf9ff | — |
| fenced_code.block.language, markup.inline.raw.markdown | #ecf9ff | — |
| source.php entity | #ecf9ff | — |
| variable.other.php | #14a3ff | — |
| modifier, this, comment, storage.modifier, entity.other.attribute-name.js, entity.other.attribute-name.js, entity.other.attribute-name.ts, entity.other.attribute-name.tsx, entity.other.attribute-name.html | — | italic |
| keyword.control.export | #FF68B8 | italic |
| meta.return.type.ts | #FF68B8 | italic |