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#7B42FF10
- activityBar.activeBorder#7B42FF
- activityBar.background#0F0D14
- activityBar.border#7B42FF20
- activityBar.foreground#7B42FF
- activityBar.inactiveForeground#7B42FF60
- activityBarBadge.background#7B42FF
- activityBarBadge.foreground#DCE0E5
- badge.background#7B42FF
- badge.foreground#DCE0E5
- breadcrumb.activeSelectionForeground#D0A0FF
- breadcrumb.background#141118
- breadcrumb.focusForeground#DCE0E5
- breadcrumb.foreground#7B42FF40
- button.background#7B42FF
- button.foreground#DCE0E5
- button.hoverBackground#9060FF
- button.secondaryBackground#33C7FF
- button.secondaryForeground#000000
- charts.blue#61AFEF
- charts.foreground#606080
- charts.green#00FF99
- charts.lines#7B42FF
- charts.orange#FFCB6B
- charts.purple#7B42FF
- charts.red#7B42FF
- charts.yellow#FFCB6B
- chat.avatarBackground#0F0D14
- chat.avatarForeground#DCE0E5
- chat.requestBackground#7B42FF15
- chat.requestBorder#7B42FF30
- chat.slashCommandBackground#7B42FF30
- chat.slashCommandForeground#DCE0E5
- commandCenter.activeBackground#7B42FF20
- commandCenter.activeForeground#DCE0E5
- commandCenter.background#0F0D14
- commandCenter.border#7B42FF40
- commandCenter.foreground#b0b5c0
- commandCenter.inactiveForeground#606080
- debugExceptionWidget.background#0F0D14
- debugExceptionWidget.border#7B42FF30
- debugIcon.breakpointCurrentStackframeForeground#606080
- debugIcon.breakpointDisabledForeground#606080
- debugIcon.breakpointForeground#606080
- debugIcon.breakpointStackframeForeground#606080
- debugIcon.breakpointUnverifiedForeground#606080
- debugIcon.continueForeground#606080
- debugIcon.disconnectForeground#606080
- debugIcon.pauseForeground#606080
- debugIcon.restartForeground#606080
- debugIcon.startForeground#606080
- debugIcon.stepBackForeground#606080
- debugIcon.stepIntoForeground#606080
- debugIcon.stepOutForeground#606080
- debugIcon.stepOverForeground#606080
- debugIcon.stopForeground#FF3366
- debugToolBar.background#0F0D14
- debugToolBar.border#7B42FF30
- diffEditor.border#7B42FF30
- diffEditor.diagonalFill#0F0D14
- diffEditor.insertedLineBackground#00FF9908
- diffEditor.insertedTextBackground#33C7FF15
- diffEditor.removedLineBackground#FF336608
- diffEditor.removedTextBackground#FF336615
- diffEditor.unchangedCodeBackground#7B42FF05
- editor.background#141118
- editor.findMatchBackground#7B42FF30
- editor.findMatchBorder#7B42FF
- editor.findMatchHighlightBorder#7B42FF60
- editor.findRangeHighlightBackground#7B42FF10
- editor.foreground#b0b5c0
- editor.inactiveSelectionBackground#7B42FF10
- editor.selectionBackground#7B42FF25
- editor.selectionHighlightBackground#7B42FF30
- editor.wordHighlightBackground#7B42FF30
- editor.wordHighlightStrongBackground#DCE0E530
- editorBracketHighlight.foreground1#606b85
- editorBracketHighlight.foreground2#606b85
- editorBracketHighlight.foreground3#606b85
- editorBracketHighlight.foreground4#606b85
- editorBracketHighlight.foreground5#606b85
- editorBracketHighlight.foreground6#606b85
- editorBracketMatch.background#7B42FF20
- editorBracketMatch.border#7B42FF
- editorBracketPairGuide.activeBackground1#7B42FF20
- editorBracketPairGuide.activeBackground2#7B42FF20
- editorBracketPairGuide.activeBackground3#7B42FF20
- editorBracketPairGuide.activeBackground4#7B42FF20
- editorBracketPairGuide.activeBackground5#7B42FF20
- editorBracketPairGuide.activeBackground6#7B42FF20
- editorBracketPairGuide.background1#0F0D14
- editorBracketPairGuide.background2#0F0D14
- editorBracketPairGuide.background3#0F0D14
- editorBracketPairGuide.background4#0F0D14
- editorBracketPairGuide.background5#0F0D14
- editorBracketPairGuide.background6#0F0D14
- editorCodeLens.foreground#606080
- editorCursor.foreground#7B42FF
- editorError.foreground#FF8080
- editorGhostText.foreground#606080
- editorGroupHeader.tabsBackground#141118
- editorGroupHeader.tabsBorder#7B42FF30
- editorGutter.addedBackground#00FF9940
- editorGutter.deletedBackground#FF336660
- editorGutter.foldingControlForeground#606080
- editorGutter.modifiedBackground#7B42FF60
- editorHint.foreground#DCE0E5
- editorHoverWidget.background#141118
- editorHoverWidget.border#7B42FF
- editorIndentGuide.activeBackground1#7B42FF80
- editorIndentGuide.background1#7B42FF10
- editorInfo.foreground#61AFEF
- editorInlayHint.background#0F0D14
- editorInlayHint.foreground#606080
- editorInlayHint.parameterBackground#0F0D14
- editorInlayHint.parameterForeground#606080
- editorInlayHint.typeBackground#0F0D14
- editorInlayHint.typeForeground#606080
- editorLightBulb.foreground#606080
- editorLightBulbAutoFix.foreground#606080
- editorLineNumber.activeForeground#DCE0E5
- editorLineNumber.foreground#403050
- editorOverviewRuler.addedForeground#61AFEF
- editorOverviewRuler.background#0F0D14
- editorOverviewRuler.border#7B42FF30
- editorOverviewRuler.bracketMatchForeground#7B42FF40
- editorOverviewRuler.deletedForeground#FF336680
- editorOverviewRuler.errorForeground#FF808080
- editorOverviewRuler.findMatchForeground#7B42FF
- editorOverviewRuler.infoForeground#61AFEF80
- editorOverviewRuler.modifiedForeground#7B42FF80
- editorOverviewRuler.selectionHighlightForeground#7B42FF40
- editorOverviewRuler.warningForeground#FFCB6B80
- editorOverviewRuler.wordHighlightForeground#7B42FF60
- editorOverviewRuler.wordHighlightStrongForeground#DCE0E560
- editorRuler.foreground#7B42FF20
- editorSuggestWidget.background#141118
- editorSuggestWidget.border#7B42FF
- editorSuggestWidget.foreground#b0b5c0
- editorSuggestWidget.highlightForeground#7B42FF
- editorSuggestWidget.selectedBackground#7B42FF30
- editorUnnecessaryCode.opacity#000000AA
- editorWarning.foreground#FFCB6B
- editorWhitespace.foreground#7B42FF15
- editorWidget.background#141118
- editorWidget.border#7B42FF
- extensionIcon.preReleaseForeground#606080
- extensionIcon.starForeground#606080
- extensionIcon.verifiedForeground#606080
- focusBorder#7B42FF
- gitDecoration.addedResourceForeground#00FF99
- gitDecoration.conflictingResourceForeground#FFCB6B
- gitDecoration.deletedResourceForeground#FF3366
- gitDecoration.ignoredResourceForeground#505070
- gitDecoration.modifiedResourceForeground#D0A0FF
- gitDecoration.renamedResourceForeground#D0A0FF
- gitDecoration.stageDeletedResourceForeground#FF336680
- gitDecoration.stageModifiedResourceForeground#D0A0FF80
- gitDecoration.untrackedResourceForeground#A78BFA
- input.background#141118
- input.border#7B42FF40
- input.placeholderForeground#505070
- list.activeSelectionBackground#7B42FF30
- list.activeSelectionForeground#DCE0E5
- list.focusBackground#7B42FF30
- list.focusForeground#DCE0E5
- list.hoverBackground#7B42FF15
- list.hoverForeground#DCE0E5
- list.inactiveSelectionBackground#7B42FF15
- list.inactiveSelectionForeground#B0B0D0
- menu.background#080816
- menu.border#7B42FF40
- menu.foreground#E0E0FF
- menu.selectionBackground#7B42FF40
- menu.separatorBackground#7B42FF40
- merge.border#7B42FF30
- merge.commonContentBackground#0F0D14
- merge.commonHeaderBackground#0F0D14
- merge.currentContentBackground#0F0D14
- merge.currentHeaderBackground#0F0D14
- merge.incomingContentBackground#0F0D14
- merge.incomingHeaderBackground#0F0D14
- minimap.background#0F0D14
- minimap.errorHighlight#FF3366
- minimap.findMatchHighlight#7B42FF
- minimap.selectionHighlight#7B42FF
- minimap.warningHighlight#FFCB6B
- minimapSlider.activeBackground#7B42FF20
- minimapSlider.background#0F0D14
- minimapSlider.hoverBackground#7B42FF20
- notebook.cellBorderColor#7B42FF30
- notebook.cellEditorBackground#0F0D14
- notebook.cellHoverBackground#7B42FF20
- notebook.focusedCellBackground#0F0D14
- notebook.focusedCellBorder#7B42FF
- notificationCenter.border#7B42FF
- notificationCenterHeader.background#0F0D14
- notificationCenterHeader.foreground#DCE0E5
- notifications.background#141118
- notifications.border#7B42FF
- notifications.foreground#b0b5c0
- notificationsErrorIcon.foreground#FF8080
- notificationsInfoIcon.foreground#61AFEF
- notificationsWarningIcon.foreground#FFCB6B
- notificationToast.border#7B42FF
- panel.background#0F0D14
- panel.border#7B42FF20
- panelTitle.activeBorder#7B42FF
- panelTitle.activeForeground#DCE0E5
- panelTitle.inactiveForeground#B0B0D0
- peekView.border#7B42FF
- peekViewEditor.background#141118
- peekViewEditor.matchHighlightBackground#7B42FF40
- peekViewEditorGutter.background#141118
- peekViewResult.background#080816
- peekViewResult.fileForeground#DCE0E5
- peekViewResult.lineForeground#DCE0E5AA
- peekViewResult.matchHighlightBackground#7B42FF40
- peekViewResult.selectionBackground#7B42FF30
- peekViewResult.selectionForeground#DCE0E5
- peekViewTitle.background#080816
- peekViewTitleDescription.foreground#B0B0D0
- peekViewTitleLabel.foreground#DCE0E5
- pickerGroup.border#7B42FF20
- pickerGroup.foreground#7B42FF
- quickInput.background#141118
- quickInput.foreground#b0b5c0
- quickInputList.focusBackground#7B42FF30
- quickInputList.focusForeground#DCE0E5
- quickInputTitle.background#141118
- sash.hoverBorder#7B42FF
- scrollbarSlider.activeBackground#7B42FFCC
- scrollbarSlider.background#7B42FF20
- scrollbarSlider.hoverBackground#7B42FF60
- sideBar.background#0F0D14
- sideBar.border#7B42FF20
- sideBar.foreground#B0B0D0
- sideBarSectionHeader.background#1A1525
- sideBarSectionHeader.foreground#DCE0E5
- sideBarTitle.foreground#7B42FF
- statusBar.background#141118
- statusBar.border#7B42FF30
- statusBar.debuggingBackground#7B42FF
- statusBar.debuggingForeground#DCE0E5
- statusBar.foreground#DCE0E5
- statusBar.noFolderBackground#141118
- statusBar.noFolderForeground#B0B0D0
- statusBarItem.errorBackground#FF3366
- statusBarItem.prominentBackground#7B42FF
- statusBarItem.prominentHoverBackground#00000030
- statusBarItem.remoteBackground#7B42FF
- statusBarItem.warningBackground#FFCB6B
- symbolIcon.arrayForeground#606080
- symbolIcon.classForeground#606080
- symbolIcon.colorForeground#606080
- symbolIcon.constantForeground#606080
- symbolIcon.constructorForeground#606080
- symbolIcon.enumeratorForeground#606080
- symbolIcon.enumeratorMemberForeground#606080
- symbolIcon.eventForeground#606080
- symbolIcon.fieldForeground#606080
- symbolIcon.fileForeground#606080
- symbolIcon.folderForeground#606080
- symbolIcon.functionForeground#606080
- symbolIcon.interfaceForeground#606080
- symbolIcon.keyForeground#606080
- symbolIcon.keywordForeground#606080
- symbolIcon.methodForeground#606080
- symbolIcon.moduleForeground#606080
- symbolIcon.namespaceForeground#606080
- symbolIcon.nullForeground#606080
- symbolIcon.numberForeground#606080
- symbolIcon.objectForeground#606080
- symbolIcon.operatorForeground#606080
- symbolIcon.packageForeground#606080
- symbolIcon.propertyForeground#606080
- symbolIcon.referenceForeground#606080
- symbolIcon.snippetForeground#606080
- symbolIcon.stringForeground#606080
- symbolIcon.structForeground#606080
- symbolIcon.textForeground#606080
- symbolIcon.typeParameterForeground#606080
- symbolIcon.unitForeground#606080
- symbolIcon.variableForeground#606080
- tab.activeBackground#141118
- tab.activeBorder#141118
- tab.activeBorderTop#E080FF
- tab.activeForeground#E080FF
- tab.border#7B42FF30
- tab.inactiveBackground#141118
- tab.inactiveForeground#606080
- tab.unfocusedActiveBorder#141118
- tab.unfocusedActiveBorderTop#7B42FF60
- terminal.ansiBlack#141118
- terminal.ansiBlue#33C7FF
- terminal.ansiBrightBlack#606080
- terminal.ansiBrightBlue#80D8FF
- terminal.ansiBrightCyan#80F0FF
- terminal.ansiBrightGreen#66FFAA
- terminal.ansiBrightMagenta#D0A0FF
- terminal.ansiBrightRed#FF6688
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFE082
- terminal.ansiCyan#00EAFF
- terminal.ansiGreen#00FF99
- terminal.ansiMagenta#7B42FF
- terminal.ansiRed#FF3366
- terminal.ansiWhite#DCE0E5
- terminal.ansiYellow#FFCB6B
- terminal.background#141118
- terminal.foreground#DCE0E5
- terminal.inactiveSelectionBackground#7B42FF15
- terminal.selectionBackground#7B42FF30
- testing.iconFailed#FF3366
- testing.iconPassed#00FF99
- testing.iconQueued#FFCB6B
- testing.iconSkipped#606080
- testing.iconUnset#606080
- testing.message.error.decorationForeground#FF8080
- testing.message.error.lineBackground#FF33660A
- testing.message.info.decorationForeground#606080
- testing.peekBorder#7B42FF
- titleBar.activeBackground#141118
- titleBar.activeForeground#C0A0E0
- titleBar.border#7B42FF20
- titleBar.inactiveBackground#141118
- titleBar.inactiveForeground#6b5070
- toolbar.activeBackground#7B42FF30
- toolbar.hoverBackground#7B42FF15
- widget.shadow#7B42FF40
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7878A0 | italic |
| variable.parameter | #D0A0FF | — |
| keyword, storage, storage.type, keyword.control | #BB88FF | bold |
| entity.name.function, meta.function-call, support.function | #DCE0E5 | bold |
| variable, variable.other.readwrite, meta.object-literal.key | #60A5FA | — |
| string, string.quoted, string.template, constant.other.color, support.constant.color, support.constant.property-value | #F0F5FF | — |
| constant.numeric, constant.language | #7B42FF | bold |
| punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #493e58 | — |
| constant.character.escape, constant.character | #BB88FF | — |
| entity.name.type, support.class, support.type, entity.name.class, new.expr entity.name.type | #A78BFA | |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #A78BFA | — |
| entity.other.attribute-name | #D0A0FF | italic |
| meta.selector.css, entity.name.tag.css, entity.other.attribute-name.id.css | #BB88FF | — |
| entity.other.attribute-name.class.css | #BB88FF | bold italic |
| support.type.property-name.css, meta.property-name.css | #D0A0FF | — |
| variable.language, variable.language.this, variable.language.self | #BB88FF | italic |
| meta.decorator, meta.annotation, punctuation.definition.annotation | #7B42FF | bold |
| source.json meta.structure.dictionary.json support.type.property-name.json | #D0A0FF | — |
| markup.heading, entity.name.section | #DCE0E5 | bold |
| markup.bold, punctuation.definition.bold | — | bold |
| markup.italic, punctuation.definition.italic | — | italic |
| markup.inline.raw | #F0F5FF | — |
| markup.link.label, string.other.link | #D0A0FF | — |
| 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 | #606b85 | — |
| 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 | #606b85 | — |
| string.regexp, constant.regexp, keyword.operator.quantifier.regexp, keyword.operator.or.regexp, punctuation.definition.character-class.regexp, constant.character.escape.regexp | #D0A0FF | — |
| entity.name.tag.yaml | #BB88FF | — |
| string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml | #F0F5FF | — |
| constant.other.timestamp.yaml, constant.language.boolean.yaml, constant.language.null.yaml | #7B42FF | bold |
| punctuation.definition.mapping.key.yaml, punctuation.separator.key-value.yaml | #493e58 | — |
| support.function.builtin.shell, entity.name.function.shell | #DCE0E5 | bold |
| keyword.control.shell, keyword.operator.list.shell, keyword.operator.pipe.shell | #BB88FF | bold |
| variable.other.normal.shell, variable.other.special.shell | #60A5FA | — |
| punctuation.definition.variable.shell | #493e58 | — |
| markup.heading.1.markdown, markup.heading.1 entity.name.section | #DCE0E5 | bold |
| markup.heading.2.markdown, markup.heading.2 entity.name.section | #A78BFA | bold |
| markup.heading.3.markdown, markup.heading.3 entity.name.section | #D0A0FF | bold |
| markup.heading.4.markdown, markup.heading.5.markdown, markup.heading.6.markdown | #606b85 | bold |
| punctuation.definition.heading.markdown | #493e58 | — |
| markup.list.bullet, punctuation.definition.list.begin.markdown | #7B42FF | — |
| markup.quote.markdown | #7878A0 | italic |
| keyword.operator.logical.python, keyword.operator.wordlike.python | #BB88FF | bold |
| support.function.builtin.python | #DCE0E5 | bold |
| variable.other.constant.ts, variable.other.constant.js, variable.other.constant.tsx, variable.other.constant | #7B42FF | bold |
| meta.type.annotation.ts, meta.type.annotation.tsx, support.type.builtin.ts, support.type.builtin.js | #A78BFA | — |
| storage.type.rust, keyword.other.rust | #BB88FF | bold |
| meta.attribute.rust, punctuation.definition.attribute.rust | #7B42FF | bold |
| support.macro.rust, entity.name.function.macro.rust | #BB88FF | — |
| variable.other.metavariable.name.rust | #60A5FA | — |
| entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust | #A78BFA | italic |