NoName UI
Publisher: iseosThemes in package: 2
Awesome, clean and elegant Visual Studio Code theme.
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#21252b
- activityBar.dropBackground#21252b
- activityBar.foreground#d7dae0
- activityBarBadge.background#3a424c
- activityBarBadge.foreground#d7dae0
- button.background#1C2025
- button.foreground#d7dae0
- button.hoverBackground#1c202599
- debugToolBar.background#1c2025
- dropdown.background#1c2025
- dropdown.border#1c2025
- editor.background#21252b
- editor.findMatchBackground#42557b
- editor.findMatchHighlightBackground#314365
- editor.foreground#abb2bf
- editor.hoverHighlightBackground#1c2025
- editor.lineHighlightBackground#2c313a
- editor.selectionBackground#3e4451
- editor.wordHighlightBackground#00000000
- editor.wordHighlightBorder#61afef
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightStrongBorder#d2d6db
- editorBracketMatch.border#61afef
- editorCursor.foreground#abb2bf
- editorError.foreground#c62d42
- editorGroup.background#21252B
- editorGroup.border#21252b
- editorGroup.dropBackground#1c2025
- editorGroupHeader.tabsBackground#21252B
- editorGroupHeader.tabsBorder#1c202500
- editorHoverWidget.background#1c2025
- editorHoverWidget.border#1c2025
- editorIndentGuide.background#3e4451
- editorInfo.foreground#1b659d
- editorLineNumber.activeForeground#abb2bf
- editorLineNumber.foreground#3e4451
- editorOverviewRuler.border#1c202500
- editorOverviewRuler.currentContentForeground#1c2025
- editorOverviewRuler.errorForeground#c62d42
- editorOverviewRuler.incomingContentForeground#1c2025
- editorOverviewRuler.infoForeground#1b659d
- editorOverviewRuler.warningForeground#d4ac0d
- editorRuler.foreground#3e4451
- editorSuggestWidget.background#21252B
- editorSuggestWidget.border#1c2025
- editorSuggestWidget.selectedBackground#2c313a
- editorWarning.foreground#d4ac0d
- editorWhitespace.foreground#3e4451
- editorWidget.background#21252b
- extensionButton.prominentBackground#1C2025
- extensionButton.prominentForeground#d8dee9
- extensionButton.prominentHoverBackground#1c202599
- focusBorder#1c202500
- input.background#1c2025
- input.border#1c2025
- inputOption.activeBorder#61afef
- inputValidation.errorBackground#c62d42
- inputValidation.errorBorder#c62d42
- inputValidation.infoBackground#1b659d
- inputValidation.infoBorder#1b659d
- inputValidation.warningBackground#d4ac0d
- inputValidation.warningBorder#d4ac0d
- list.activeSelectionBackground#2c313abf
- list.activeSelectionForeground#d7dae0
- list.focusBackground#2c313a
- list.hoverBackground#2c313a
- list.inactiveSelectionBackground#2c313aa0
- merge.border#1c202500
- notificationCenterHeader.background#21252B
- notifications.background#21252B
- panel.background#21252B
- panel.border#21252b
- panelTitle.activeBorder#d7dae0
- peekView.border#61afef
- peekViewEditor.background#21252B
- peekViewEditor.matchHighlightBackground#314365
- peekViewResult.background#21252b
- peekViewResult.matchHighlightBackground#314365
- peekViewResult.selectionBackground#2c313a
- peekViewResult.selectionForeground#abb2bf
- peekViewTitle.background#1c2025
- progressBar.background#d7dae0
- scrollbar.shadow#1b1e2300
- scrollbarSlider.activeBackground#d2d6db77
- scrollbarSlider.background#3e445177
- scrollbarSlider.hoverBackground#3e4451aa
- sideBar.background#21252B
- sideBar.border#21252b
- sideBarSectionHeader.background#1c202500
- statusBar.background#21252b
- statusBar.border#21252b
- statusBar.debuggingBackground#21252b
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#1c2025
- statusBarItem.hoverBackground#2c313a
- statusBarItem.prominentBackground#1c2025
- tab.activeBackground#21252b
- tab.activeBorder#d7dae0
- tab.activeForeground#d7dae0
- tab.border#1c202500
- tab.inactiveBackground#21252b
- tab.inactiveForeground#737c8c
- terminal.ansiBlack#21252b
- terminal.ansiBlue#4f8bbb
- terminal.ansiBrightBlack#5c6370
- terminal.ansiBrightBlue#008cff
- terminal.ansiBrightCyan#00afc2
- terminal.ansiBrightGreen#4aab05
- terminal.ansiBrightMagenta#c300ff
- terminal.ansiBrightRed#ff0015
- terminal.ansiBrightWhite#d2d6db
- terminal.ansiBrightYellow#ac7000
- terminal.ansiCyan#40929d
- terminal.ansiGreen#5b9135
- terminal.ansiMagenta#9753ac
- terminal.ansiRed#c95f68
- terminal.ansiWhite#abb2bf
- terminal.ansiYellow#a27a30
- terminal.foreground#abb2bf
- titleBar.activeBackground#21252b
- titleBar.activeForeground#9da5b4
- titleBar.inactiveBackground#21252b
- titleBar.inactiveForeground#6b717d
- welcomePage.buttonBackground#1C2025
- welcomePage.buttonHoverBackground#1c202599
- widget.shadow#1b1e23
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.brace, punctuation.definition.array, punctuation.definition.binding-pattern, punctuation.definition.block, punctuation.definition.dictionary, punctuation.definition.string, punctuation.definition.tag, punctuation.section, punctuation.separator, punctuation.support, punctuation.terminator | #abb2bf | — |
| support.type.property-name, support.variable, variable | #D2D6db | — |
| keyword.var, keyword.const, keyword.type, keyword.struct, keyword.interface, keyword.function, keyword.other.definition, markup.inline.raw, punctuation.parenthesis.named.begin.regexp, punctuation.parenthesis.named.end.regexp, punctuation.parenthesis.non-capturing.begin.regexp, punctuation.parenthesis.non-capturing.end.regexp, storage.type, support.constant, support.type, support.class | #61afef | — |
| constant, keyword.other.unit | #56b6c2 | — |
| comment | #5c6370 | — |
| string, markup.quote, markup.bold, markup.italic | #98c379 | — |
| string.quoted.docstring, 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.list, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.tag, punctuation.other.comma, punctuation.other.period, punctuation.section, punctuation.separator, punctuation.support, punctuation.terminator | #737c8c | — |
| entity.name.class, entity.name.function, entity.name.type, entity.other.attribute-name, entity.other.inherited-class, markup.heading.setext, meta.function-call.generic, support.function, support.other.escape.special.regexp | #d19a66 | — |
| entity.name.tag, storage, support.function.builtin, variable.language | #e5c07b | — |
| entity.name.section, keyword, punctuation.definition.heading, punctuation.definition.keyword | #d67655 | — |
| markup.bold.markdown, punctuation.definition.bold.markdown | — | bold |
| comment, markup.italic.markdown, punctuation.definition.italic.markdown | — | italic |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |