someAItheme

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#333842
• activityBar.foreground#abb2bf
• activityBarBadge.background#528bff
• activityBarBadge.foreground#ffffff
• breadcrumb.activeSelectionForeground#ffffff
• breadcrumb.background#21252b
• breadcrumb.foreground#abb2bf
• breadcrumbPicker.background#282c34
• editor.background#282c34
• editor.foreground#abb2bf
• editor.hoverHighlightBackground#3e4451
• editor.lineHighlightBackground#3e4451
• editor.wordHighlightBackground#3e4451
• editor.wordHighlightStrongBackground#3e4451
• editorBracketMatch.background#3e4451
• editorBracketMatch.border#3e4451
• editorCodeLens.foreground#5c6370
• editorCursor.foreground#528bff
• editorError.foreground#ff3333
• editorGroup.background#282c34
• editorGroup.border#181a1f
• editorGroupHeader.tabsBackground#21252b
• editorHint.foreground#528bff
• editorIndentGuide.background#3a3f4b
• editorInfo.foreground#73d0ff
• editorLineNumber.activeForeground#abb2bf
• editorLineNumber.foreground#5c6370
• editorOverviewRuler.border#282c34
• editorOverviewRuler.findMatchForeground#528bff
• editorOverviewRuler.rangeHighlightForeground#528bff
• editorOverviewRuler.selectionHighlightForeground#528bff
• editorOverviewRuler.wordHighlightForeground#528bff
• editorOverviewRuler.wordHighlightStrongForeground#528bff
• editorPane.background#282c34
• editorRuler.foreground#5c6370
• editorWarning.foreground#ffae42
• editorWhitespace.foreground#3a3f4b
• extensionButton.prominentBackground#528bff
• extensionButton.prominentForeground#ffffff
• extensionButton.prominentHoverBackground#528bff
• list.activeSelectionBackground#4f5765
• list.hoverBackground#3e4451
• panel.background#282c34
• panel.border#181a1f
• panelTitle.activeForeground#abb2bf
• panelTitle.inactiveForeground#abb2bf
• peekView.border#528bff
• peekViewEditor.background#282c34
• peekViewEditor.matchHighlightBackground#528bff
• peekViewResult.background#282c34
• peekViewResult.matchHighlightBackground#528bff
• peekViewTitle.background#21252b
• peekViewTitleDescription.foreground#abb2bf
• selection.background#5f6a79
• sideBar.background#333842
• sideBar.foreground#abb2bf
• sideBarSectionHeader.background#282c34
• sideBarSectionHeader.foreground#abb2bf
• sideBarTitle.foreground#abb2bf
• statusBar.background#282c34
• statusBar.border#282c34
• statusBar.debuggingBackground#528bff
• statusBar.debuggingBorder#528bff
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#abb2bf
• statusBar.noFolderBackground#282c34
• statusBar.noFolderForeground#abb2bf
• statusBarItem.prominentBackground#528bff
• statusBarItem.prominentForeground#ffffff
• statusBarItem.prominentHoverBackground#528bff
• tab.activeBackground#282c34
• tab.activeForeground#abb2bf
• tab.border#181a1f
• tab.inactiveBackground#21252b
• tab.inactiveForeground#5c6370
• tab.unfocusedActiveBackground#21252b
• tab.unfocusedActiveForeground#5c6370
• tab.unfocusedInactiveBackground#181a1f
• tab.unfocusedInactiveForeground#5c6370

tokenColors

TextMate scopes and font styles (syntax highlighting rules).