Ultra Instinct Theme
Publisher: Juan LiasThemes in package: 3
Less interface, more flow. A distraction-free VS Code theme trilogy built to reduce visual entropy and sustain hyperfocus. Designed by a neurodivergent engineer.
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.activeBackground#9333EA10
- activityBar.activeBorder#9333EA
- activityBar.background#F1F5F9
- activityBar.border#E2E8F0
- activityBar.foreground#9333EA
- activityBar.inactiveForeground#9333EA60
- activityBarBadge.background#9333EA
- activityBarBadge.foreground#FFFFFF
- badge.background#9333EA
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#9333EA
- breadcrumb.background#FFFFFF
- breadcrumb.focusForeground#334155
- breadcrumb.foreground#94a3b8
- button.background#9333EA
- button.foreground#FFFFFF
- button.hoverBackground#7E22CE
- button.secondaryBackground#0D9488
- button.secondaryForeground#FFFFFF
- charts.blue#3B82F6
- charts.foreground#64748B
- charts.green#10B981
- charts.lines#9333EA
- charts.orange#F59E0B
- charts.purple#9333EA
- charts.red#9333EA
- charts.yellow#F59E0B
- chat.avatarBackground#F1F5F9
- chat.avatarForeground#1E293B
- chat.requestBackground#9333EA10
- chat.requestBorder#9333EA20
- chat.slashCommandBackground#9333EA20
- chat.slashCommandForeground#1E293B
- commandCenter.activeBackground#9333EA20
- commandCenter.activeForeground#1E293B
- commandCenter.background#F1F5F9
- commandCenter.border#E2E8F0
- commandCenter.foreground#334155
- commandCenter.inactiveForeground#94A3B8
- debugExceptionWidget.background#F1F5F9
- debugExceptionWidget.border#E2E8F0
- debugIcon.breakpointCurrentStackframeForeground#64748B
- debugIcon.breakpointDisabledForeground#64748B
- debugIcon.breakpointForeground#64748B
- debugIcon.breakpointStackframeForeground#64748B
- debugIcon.breakpointUnverifiedForeground#64748B
- debugIcon.continueForeground#64748B
- debugIcon.disconnectForeground#64748B
- debugIcon.pauseForeground#64748B
- debugIcon.restartForeground#64748B
- debugIcon.startForeground#64748B
- debugIcon.stepBackForeground#64748B
- debugIcon.stepIntoForeground#64748B
- debugIcon.stepOutForeground#64748B
- debugIcon.stepOverForeground#64748B
- debugIcon.stopForeground#EF4444
- debugToolBar.background#F1F5F9
- debugToolBar.border#E2E8F0
- diffEditor.border#E2E8F0
- diffEditor.diagonalFill#F1F5F9
- diffEditor.insertedLineBackground#10B98110
- diffEditor.insertedTextBackground#10B98120
- diffEditor.removedLineBackground#EF444410
- diffEditor.removedTextBackground#EF444420
- diffEditor.unchangedCodeBackground#9333EA05
- editor.background#F8FAFC
- editor.findMatchBackground#9333EA30
- editor.findMatchBorder#9333EA
- editor.findMatchHighlightBorder#9333EA60
- editor.findRangeHighlightBackground#9333EA10
- editor.foreground#334155
- editor.inactiveSelectionBackground#9333EA10
- editor.selectionBackground#9333EA20
- editor.selectionHighlightBackground#9333EA20
- editor.wordHighlightBackground#9333EA20
- editor.wordHighlightStrongBackground#9333EA40
- editorBracketHighlight.foreground1#64748B
- editorBracketHighlight.foreground2#64748B
- editorBracketHighlight.foreground3#64748B
- editorBracketHighlight.foreground4#64748B
- editorBracketHighlight.foreground5#64748B
- editorBracketHighlight.foreground6#64748B
- editorBracketMatch.background#9333EA20
- editorBracketMatch.border#9333EA
- editorBracketPairGuide.activeBackground1#9333EA20
- editorBracketPairGuide.activeBackground2#9333EA20
- editorBracketPairGuide.activeBackground3#9333EA20
- editorBracketPairGuide.activeBackground4#9333EA20
- editorBracketPairGuide.activeBackground5#9333EA20
- editorBracketPairGuide.activeBackground6#9333EA20
- editorBracketPairGuide.background1#F1F5F9
- editorBracketPairGuide.background2#F1F5F9
- editorBracketPairGuide.background3#F1F5F9
- editorBracketPairGuide.background4#F1F5F9
- editorBracketPairGuide.background5#F1F5F9
- editorBracketPairGuide.background6#F1F5F9
- editorCodeLens.foreground#94A3B8
- editorCursor.foreground#9333EA
- editorError.foreground#D32F2F
- editorGhostText.foreground#64748B
- editorGroupHeader.tabsBackground#F1F5F9
- editorGroupHeader.tabsBorder#9333EA30
- editorGutter.addedBackground#10B98140
- editorGutter.deletedBackground#EF444460
- editorGutter.foldingControlForeground#94A3B8
- editorGutter.modifiedBackground#9333EA60
- editorHint.foreground#64748B
- editorHoverWidget.background#F8FAFC
- editorHoverWidget.border#9333EA
- editorIndentGuide.activeBackground1#9333EA80
- editorIndentGuide.background1#9333EA10
- editorInfo.foreground#3B82F6
- editorInlayHint.background#F1F5F9
- editorInlayHint.foreground#64748B
- editorInlayHint.parameterBackground#F1F5F9
- editorInlayHint.parameterForeground#64748B
- editorInlayHint.typeBackground#F1F5F9
- editorInlayHint.typeForeground#64748B
- editorLightBulb.foreground#64748B
- editorLightBulbAutoFix.foreground#64748B
- editorLineNumber.activeForeground#7E22CE
- editorLineNumber.foreground#CBD5E1
- editorOverviewRuler.addedForeground#3B82F6
- editorOverviewRuler.background#F1F5F9
- editorOverviewRuler.border#E2E8F0
- editorOverviewRuler.bracketMatchForeground#9333EA40
- editorOverviewRuler.deletedForeground#EF444480
- editorOverviewRuler.errorForeground#D32F2F80
- editorOverviewRuler.findMatchForeground#9333EA
- editorOverviewRuler.infoForeground#3B82F680
- editorOverviewRuler.modifiedForeground#9333EA80
- editorOverviewRuler.selectionHighlightForeground#9333EA40
- editorOverviewRuler.warningForeground#F59E0B80
- editorOverviewRuler.wordHighlightForeground#9333EA60
- editorOverviewRuler.wordHighlightStrongForeground#1E293B60
- editorRuler.foreground#9333EA20
- editorSuggestWidget.background#F8FAFC
- editorSuggestWidget.border#9333EA
- editorSuggestWidget.foreground#334155
- editorSuggestWidget.highlightForeground#9333EA
- editorSuggestWidget.selectedBackground#9333EA30
- editorUnnecessaryCode.opacity#000000AA
- editorWarning.foreground#F59E0B
- editorWhitespace.foreground#CBD5E1
- editorWidget.background#F8FAFC
- editorWidget.border#9333EA
- extensionIcon.preReleaseForeground#64748B
- extensionIcon.starForeground#64748B
- extensionIcon.verifiedForeground#64748B
- focusBorder#9333EA
- gitDecoration.addedResourceForeground#10B981
- gitDecoration.conflictingResourceForeground#D97706
- gitDecoration.deletedResourceForeground#EF4444
- gitDecoration.ignoredResourceForeground#94A3B8
- gitDecoration.modifiedResourceForeground#0D9488
- gitDecoration.renamedResourceForeground#0D9488
- gitDecoration.stageDeletedResourceForeground#EF444480
- gitDecoration.stageModifiedResourceForeground#0D948880
- gitDecoration.untrackedResourceForeground#059669
- input.background#FFFFFF
- input.border#E2E8F0
- input.placeholderForeground#94A3B8
- list.activeSelectionBackground#9333EA20
- list.activeSelectionForeground#1E293B
- list.focusBackground#9333EA20
- list.focusForeground#1E293B
- list.hoverBackground#9333EA10
- list.hoverForeground#1E293B
- list.inactiveSelectionBackground#9333EA10
- list.inactiveSelectionForeground#475569
- menu.background#FFFFFF
- menu.border#E2E8F0
- menu.foreground#1E293B
- menu.selectionBackground#9333EA20
- menu.separatorBackground#E2E8F0
- merge.border#E2E8F0
- merge.commonContentBackground#F1F5F9
- merge.commonHeaderBackground#F1F5F9
- merge.currentContentBackground#F1F5F9
- merge.currentHeaderBackground#F1F5F9
- merge.incomingContentBackground#F1F5F9
- merge.incomingHeaderBackground#F1F5F9
- minimap.background#F1F5F9
- minimap.errorHighlight#EF4444
- minimap.findMatchHighlight#9333EA
- minimap.selectionHighlight#9333EA
- minimap.warningHighlight#F59E0B
- minimapSlider.activeBackground#9333EA20
- minimapSlider.background#F1F5F9
- minimapSlider.hoverBackground#9333EA20
- notebook.cellBorderColor#E2E8F0
- notebook.cellEditorBackground#F1F5F9
- notebook.cellHoverBackground#9333EA20
- notebook.focusedCellBackground#F1F5F9
- notebook.focusedCellBorder#9333EA
- notificationCenter.border#9333EA
- notificationCenterHeader.background#F1F5F9
- notificationCenterHeader.foreground#1E293B
- notifications.background#F8FAFC
- notifications.border#9333EA
- notifications.foreground#334155
- notificationsErrorIcon.foreground#D32F2F
- notificationsInfoIcon.foreground#3B82F6
- notificationsWarningIcon.foreground#F59E0B
- notificationToast.border#9333EA
- panel.background#F1F5F9
- panel.border#E2E8F0
- panelTitle.activeBorder#9333EA
- panelTitle.activeForeground#1E293B
- panelTitle.inactiveForeground#64748B
- peekView.border#9333EA
- peekViewEditor.background#F8FAFC
- peekViewEditor.matchHighlightBackground#9333EA40
- peekViewEditorGutter.background#F8FAFC
- peekViewResult.background#F8FAFC
- peekViewResult.fileForeground#1E293B
- peekViewResult.lineForeground#64748B
- peekViewResult.matchHighlightBackground#9333EA40
- peekViewResult.selectionBackground#9333EA30
- peekViewResult.selectionForeground#1E293B
- peekViewTitle.background#F8FAFC
- peekViewTitleDescription.foreground#64748B
- peekViewTitleLabel.foreground#1E293B
- pickerGroup.border#E2E8F0
- pickerGroup.foreground#9333EA
- quickInput.background#FFFFFF
- quickInput.foreground#334155
- quickInputList.focusBackground#9333EA20
- quickInputList.focusForeground#334155
- quickInputTitle.background#F8FAFC
- sash.hoverBorder#9333EA
- scrollbarSlider.activeBackground#9333EA
- scrollbarSlider.background#9333EA20
- scrollbarSlider.hoverBackground#9333EA60
- sideBar.background#F1F5F9
- sideBar.border#E2E8F0
- sideBar.foreground#475569
- sideBarSectionHeader.background#E2E8F0
- sideBarSectionHeader.foreground#1E293B
- sideBarTitle.foreground#9333EA
- statusBar.background#F8FAFC
- statusBar.border#9333EA30
- statusBar.debuggingBackground#9333EA
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#1E293B
- statusBar.noFolderBackground#F8FAFC
- statusBar.noFolderForeground#1E293B
- statusBarItem.errorBackground#EF4444
- statusBarItem.prominentBackground#F8FAFC
- statusBarItem.prominentHoverBackground#00000030
- statusBarItem.remoteBackground#7E22CE
- statusBarItem.warningBackground#F59E0B
- symbolIcon.arrayForeground#64748B
- symbolIcon.classForeground#64748B
- symbolIcon.colorForeground#64748B
- symbolIcon.constantForeground#64748B
- symbolIcon.constructorForeground#64748B
- symbolIcon.enumeratorForeground#64748B
- symbolIcon.enumeratorMemberForeground#64748B
- symbolIcon.eventForeground#64748B
- symbolIcon.fieldForeground#64748B
- symbolIcon.fileForeground#64748B
- symbolIcon.folderForeground#64748B
- symbolIcon.functionForeground#64748B
- symbolIcon.interfaceForeground#64748B
- symbolIcon.keyForeground#64748B
- symbolIcon.keywordForeground#64748B
- symbolIcon.methodForeground#64748B
- symbolIcon.moduleForeground#64748B
- symbolIcon.namespaceForeground#64748B
- symbolIcon.nullForeground#64748B
- symbolIcon.numberForeground#64748B
- symbolIcon.objectForeground#64748B
- symbolIcon.operatorForeground#64748B
- symbolIcon.packageForeground#64748B
- symbolIcon.propertyForeground#64748B
- symbolIcon.referenceForeground#64748B
- symbolIcon.snippetForeground#64748B
- symbolIcon.stringForeground#64748B
- symbolIcon.structForeground#64748B
- symbolIcon.textForeground#64748B
- symbolIcon.typeParameterForeground#64748B
- symbolIcon.unitForeground#64748B
- symbolIcon.variableForeground#64748B
- tab.activeBackground#F1F5F9
- tab.activeBorder#F8FAFC
- tab.activeBorderTop#A855F7
- tab.activeForeground#A855F7
- tab.border#9333EA30
- tab.inactiveBackground#F1F5F9
- tab.inactiveForeground#64748B
- tab.unfocusedActiveBorder#F8FAFC
- tab.unfocusedActiveBorderTop#9333EA60
- terminal.ansiBlack#000000
- terminal.ansiBlue#3B82F6
- terminal.ansiBrightBlack#334155
- terminal.ansiBrightBlue#60A5FA
- terminal.ansiBrightCyan#22D3EE
- terminal.ansiBrightGreen#34D399
- terminal.ansiBrightMagenta#C084FC
- terminal.ansiBrightRed#F87171
- terminal.ansiBrightWhite#94A3B8
- terminal.ansiBrightYellow#FBBF24
- terminal.ansiCyan#06B6D4
- terminal.ansiGreen#10B981
- terminal.ansiMagenta#9333EA
- terminal.ansiRed#EF4444
- terminal.ansiWhite#64748B
- terminal.ansiYellow#F59E0B
- terminal.background#F8FAFC
- terminal.foreground#334155
- terminal.inactiveSelectionBackground#9333EA15
- terminal.selectionBackground#9333EA30
- testing.iconFailed#EF4444
- testing.iconPassed#10B981
- testing.iconQueued#F59E0B
- testing.iconSkipped#94A3B8
- testing.iconUnset#94A3B8
- testing.message.error.decorationForeground#D32F2F
- testing.message.error.lineBackground#EF44440A
- testing.message.info.decorationForeground#94A3B8
- testing.peekBorder#9333EA
- titleBar.activeBackground#F8FAFC
- titleBar.activeForeground#A855F7
- titleBar.border#9333EA20
- titleBar.inactiveBackground#F1F5F9
- titleBar.inactiveForeground#94A3B8
- toolbar.activeBackground#9333EA20
- toolbar.hoverBackground#9333EA10
- widget.shadow#9333EA40
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #64748B | italic |
| variable.parameter | #0F766E | — |
| keyword, storage, storage.type, keyword.control | #7E22CE | bold |
| entity.name.function, meta.function-call, support.function | #334155 | bold |
| variable, variable.other.readwrite, meta.object-literal.key | #0F766E | — |
| string, string.quoted, string.template, constant.other.color, support.constant.color, support.constant.property-value | #0369A1 | — |
| constant.numeric, constant.language | #7E22CE | bold |
| constant.character.escape, constant.character | #7E22CE | — |
| entity.name.type, support.class, support.type, entity.name.class, new.expr entity.name.type | #334155 | |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #7E22CE | — |
| entity.other.attribute-name | #0F766E | italic |
| meta.selector.css, entity.name.tag.css, entity.other.attribute-name.id.css | #7E22CE | — |
| entity.other.attribute-name.class.css | #7E22CE | bold italic |
| support.type.property-name.css, meta.property-name.css | #0F766E | — |
| variable.language, variable.language.this, variable.language.self | #7E22CE | italic |
| meta.decorator, meta.annotation, punctuation.definition.annotation | #4C1D95 | bold |
| source.json meta.structure.dictionary.json support.type.property-name.json | #0F766E | — |
| markup.heading, entity.name.section | #7E22CE | bold |
| markup.bold, punctuation.definition.bold | — | bold |
| markup.italic, punctuation.definition.italic | — | italic |
| markup.inline.raw | #0369A1 | — |
| markup.link.label, string.other.link | #0F766E | — |
| punctuation.section.braces, punctuation.section.brackets, punctuation.section.parens, meta.brace.curly, meta.brace.square, meta.brace.round, punctuation.definition.parameters, punctuation.section.property-list, punctuation.definition.block, punctuation.definition.tag | #64748B | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.type.annotation, keyword.operator.ternary, keyword.operator.spread, punctuation.accessor | #64748B | — |
| string.regexp, constant.regexp, keyword.operator.quantifier.regexp, keyword.operator.or.regexp, punctuation.definition.character-class.regexp, constant.character.escape.regexp | #0F766E | — |
| entity.name.tag.yaml | #7E22CE | — |
| string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml | #0369A1 | — |
| constant.other.timestamp.yaml, constant.language.boolean.yaml, constant.language.null.yaml | #7E22CE | bold |
| punctuation.definition.mapping.key.yaml, punctuation.separator.key-value.yaml | #94A3B8 | — |
| support.function.builtin.shell, entity.name.function.shell | #334155 | bold |
| keyword.control.shell, keyword.operator.list.shell, keyword.operator.pipe.shell | #7E22CE | bold |
| variable.other.normal.shell, variable.other.special.shell | #0F766E | — |
| punctuation.definition.variable.shell | #94A3B8 | — |
| markup.heading.1.markdown, markup.heading.1 entity.name.section | #1E293B | bold |
| markup.heading.2.markdown, markup.heading.2 entity.name.section | #7E22CE | bold |
| markup.heading.3.markdown, markup.heading.3 entity.name.section | #9333EA | bold |
| markup.heading.4.markdown, markup.heading.5.markdown, markup.heading.6.markdown | #64748B | bold |
| punctuation.definition.heading.markdown | #94A3B8 | — |
| markup.list.bullet, punctuation.definition.list.begin.markdown | #9333EA | — |
| markup.quote.markdown | #64748B | italic |
| keyword.operator.logical.python, keyword.operator.wordlike.python | #7E22CE | bold |
| support.function.builtin.python | #334155 | bold |
| variable.other.constant.ts, variable.other.constant.js, variable.other.constant.tsx, variable.other.constant | #7E22CE | bold |
| meta.type.annotation.ts, meta.type.annotation.tsx, support.type.builtin.ts, support.type.builtin.js | #334155 | — |
| storage.type.rust, keyword.other.rust | #7E22CE | bold |
| meta.attribute.rust, punctuation.definition.attribute.rust | #4C1D95 | bold |
| support.macro.rust, entity.name.function.macro.rust | #7E22CE | — |
| variable.other.metavariable.name.rust | #0F766E | — |
| entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust | #334155 | italic |
| punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #64748B | — |