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#1F2226
- activityBar.dropBackground#1F2226
- activityBar.foreground#818891
- activityBarBadge.background#3a424c
- activityBarBadge.foreground#818891
- badge.foreground#818891
- button.background#181a1f
- button.foreground#818891
- button.hoverBackground#181a1f80
- debugToolBar.background#1c2025
- dropdown.background#1c2025
- dropdown.border#1c2025
- editor.background#1F2226
- 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#1F2226
- editorGroup.border#1F2226
- editorGroup.dropBackground#1c2025
- editorGroupHeader.tabsBackground#1F2226
- editorGroupHeader.tabsBorder#1c202500
- editorHoverWidget.background#1c2025
- editorHoverWidget.border#1c2025
- editorIndentGuide.background#3e4451
- editorInfo.foreground#1b659d
- editorLineNumber.activeForeground#818891
- 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#1F2226
- editorSuggestWidget.border#1c2025
- editorSuggestWidget.selectedBackground#2c313a
- editorWarning.foreground#d4ac0d
- editorWhitespace.foreground#3e4451
- editorWidget.background#1F2226
- extensionButton.prominentBackground#181a1f
- extensionButton.prominentForeground#d8dee9
- extensionButton.prominentHoverBackground#181a1f80
- focusBorder#1F2226
- input.background#181a1f
- input.border#181a1f
- input.foreground#818891
- inputOption.activeBorder#61afef
- inputValidation.errorBackground#c62d42
- inputValidation.errorBorder#c62d42
- inputValidation.infoBackground#1b659d
- inputValidation.infoBorder#1b659d
- inputValidation.warningBackground#d4ac0d
- inputValidation.warningBorder#d4ac0d
- list.activeSelectionBackground#262b32bf
- list.activeSelectionForeground#a6a9ae
- list.focusBackground#262b32
- list.hoverBackground#262b32
- list.inactiveSelectionBackground#262b32a0
- merge.border#1c202500
- notificationCenterHeader.background#1F2226
- notifications.background#1F2226
- panel.background#1F2226
- panel.border#1F2226
- panelTitle.activeBorder#818891
- panelTitle.activeForeground#A3ABB5
- panelTitle.inactiveForeground#8188913b
- peekView.border#61afef
- peekViewEditor.background#1F2226
- peekViewEditor.matchHighlightBackground#314365
- peekViewResult.background#1F2226
- peekViewResult.matchHighlightBackground#314365
- peekViewResult.selectionBackground#2c313a
- peekViewResult.selectionForeground#abb2bf
- peekViewTitle.background#1c2025
- scrollbar.shadow#1b1e2300
- scrollbarSlider.activeBackground#d2d6db77
- scrollbarSlider.background#3e445177
- scrollbarSlider.hoverBackground#3e4451aa
- sideBar.background#1F2226
- sideBar.border#1F2226
- sideBar.foreground#818891
- sideBarSectionHeader.background#1c202500
- statusBar.background#1F2226
- statusBar.border#1F2226
- statusBar.debuggingBackground#1F2226
- statusBar.foreground#818891
- statusBar.noFolderBackground#1c2025
- statusBarItem.hoverBackground#2c313a
- statusBarItem.prominentBackground#1c2025
- tab.activeBackground#1F2226
- tab.activeBorder#818891
- tab.activeForeground#818891
- tab.border#1c202500
- tab.inactiveBackground#1F2226
- tab.inactiveForeground#8188918e
- terminal.ansiBlack#21252b
- terminal.ansiBlue#61afef
- terminal.ansiBrightBlack#5c6370
- terminal.ansiBrightBlue#008cff
- terminal.ansiBrightCyan#00e1ff
- terminal.ansiBrightGreen#6aff00
- terminal.ansiBrightMagenta#c300ff
- terminal.ansiBrightRed#ff0015
- terminal.ansiBrightWhite#d2d6db
- terminal.ansiBrightYellow#ffa600
- terminal.ansiCyan#56b6c2
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#c678dd
- terminal.ansiRed#e06c75
- terminal.ansiWhite#abb2bf
- terminal.ansiYellow#e5c07b
- terminal.foreground#818891
- titleBar.activeBackground#1F2226
- titleBar.activeForeground#9da5b4
- titleBar.inactiveBackground#1F2226
- titleBar.inactiveForeground#6b717d
- 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.variable, variable, support.type.property-name, entity.name.class, entity.name.function, entity.name.type, support.function, entity.other.attribute-name, entity.other.inherited-class, markup.heading.setext, meta.function-call.generic, support.other.escape.special.regexp | #B1B9C4 | — |
| entity.name.section, keyword, punctuation.definition.heading, punctuation.definition.keyword, 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, storage.type, entity.name.tag, support.function.builtin, variable.language, support.constant, support.type, support.class, constant, keyword.other.unit | #a97245 | — |
| comment | #5c6370 | — |
| string, markup.quote, markup.bold, markup.italic | #A1A184 | — |
| string.quoted.docstring | #737c8c | — |
| 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 | — |