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#3D5AFE10
- activityBar.activeBorder#3D5AFE
- activityBar.background#0A0D12
- activityBar.border#3D5AFE20
- activityBar.foreground#3D5AFE
- activityBar.inactiveForeground#3D5AFE60
- activityBarBadge.background#3D5AFE
- activityBarBadge.foreground#DCE0E5
- badge.background#3D5AFE
- badge.foreground#DCE0E5
- breadcrumb.activeSelectionForeground#8C9EFF
- breadcrumb.background#0d1017
- breadcrumb.focusForeground#DCE0E5
- breadcrumb.foreground#3D5AFE40
- button.background#3D5AFE
- button.foreground#DCE0E5
- button.hoverBackground#536DFE
- button.secondaryBackground#00E5FF
- button.secondaryForeground#000000
- charts.blue#61AFEF
- charts.foreground#606080
- charts.green#00FF99
- charts.lines#3D5AFE
- charts.orange#FFCB6B
- charts.purple#3D5AFE
- charts.red#3D5AFE
- charts.yellow#FFCB6B
- chat.avatarBackground#0A0D12
- chat.avatarForeground#DCE0E5
- chat.requestBackground#3D5AFE15
- chat.requestBorder#3D5AFE30
- chat.slashCommandBackground#3D5AFE30
- chat.slashCommandForeground#DCE0E5
- commandCenter.activeBackground#3D5AFE20
- commandCenter.activeForeground#DCE0E5
- commandCenter.background#0A0D12
- commandCenter.border#3D5AFE40
- commandCenter.foreground#b0b5c0
- commandCenter.inactiveForeground#606080
- debugExceptionWidget.background#0A0D12
- debugExceptionWidget.border#3D5AFE30
- 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#0A0D12
- debugToolBar.border#3D5AFE30
- diffEditor.border#3D5AFE30
- diffEditor.diagonalFill#0A0D12
- diffEditor.insertedLineBackground#00FF9908
- diffEditor.insertedTextBackground#29B6F615
- diffEditor.removedLineBackground#FF336608
- diffEditor.removedTextBackground#FF336615
- diffEditor.unchangedCodeBackground#3D5AFE05
- editor.background#0d1017
- editor.findMatchBackground#3D5AFE30
- editor.findMatchBorder#3D5AFE
- editor.findMatchHighlightBorder#3D5AFE60
- editor.findRangeHighlightBackground#3D5AFE10
- editor.foreground#b0b5c0
- editor.inactiveSelectionBackground#3D5AFE10
- editor.selectionBackground#3D5AFE25
- editor.selectionHighlightBackground#3D5AFE30
- editor.wordHighlightBackground#3D5AFE30
- editor.wordHighlightStrongBackground#DCE0E530
- editorBracketHighlight.foreground1#485870
- editorBracketHighlight.foreground2#485870
- editorBracketHighlight.foreground3#485870
- editorBracketHighlight.foreground4#485870
- editorBracketHighlight.foreground5#485870
- editorBracketHighlight.foreground6#485870
- editorBracketMatch.background#3D5AFE20
- editorBracketMatch.border#3D5AFE
- editorBracketPairGuide.activeBackground1#3D5AFE20
- editorBracketPairGuide.activeBackground2#3D5AFE20
- editorBracketPairGuide.activeBackground3#3D5AFE20
- editorBracketPairGuide.activeBackground4#3D5AFE20
- editorBracketPairGuide.activeBackground5#3D5AFE20
- editorBracketPairGuide.activeBackground6#3D5AFE20
- editorBracketPairGuide.background1#0A0D12
- editorBracketPairGuide.background2#0A0D12
- editorBracketPairGuide.background3#0A0D12
- editorBracketPairGuide.background4#0A0D12
- editorBracketPairGuide.background5#0A0D12
- editorBracketPairGuide.background6#0A0D12
- editorCodeLens.foreground#606080
- editorCursor.foreground#00E5FF
- editorError.foreground#FF8080
- editorGhostText.foreground#606080
- editorGroupHeader.tabsBackground#0d1017
- editorGroupHeader.tabsBorder#3D5AFE30
- editorGutter.addedBackground#00FF9940
- editorGutter.deletedBackground#FF336660
- editorGutter.foldingControlForeground#606080
- editorGutter.modifiedBackground#3D5AFE60
- editorHint.foreground#DCE0E5
- editorHoverWidget.background#0d1017
- editorHoverWidget.border#3D5AFE
- editorIndentGuide.activeBackground1#3D5AFE80
- editorIndentGuide.background1#3D5AFE10
- editorInfo.foreground#61AFEF
- editorInlayHint.background#0A0D12
- editorInlayHint.foreground#606080
- editorInlayHint.parameterBackground#0A0D12
- editorInlayHint.parameterForeground#606080
- editorInlayHint.typeBackground#0A0D12
- editorInlayHint.typeForeground#606080
- editorLightBulb.foreground#606080
- editorLightBulbAutoFix.foreground#606080
- editorLineNumber.activeForeground#DCE0E5
- editorLineNumber.foreground#303040
- editorOverviewRuler.addedForeground#61AFEF
- editorOverviewRuler.background#0A0D12
- editorOverviewRuler.border#3D5AFE30
- editorOverviewRuler.bracketMatchForeground#3D5AFE40
- editorOverviewRuler.deletedForeground#FF336680
- editorOverviewRuler.errorForeground#FF808080
- editorOverviewRuler.findMatchForeground#3D5AFE
- editorOverviewRuler.infoForeground#61AFEF80
- editorOverviewRuler.modifiedForeground#3D5AFE80
- editorOverviewRuler.selectionHighlightForeground#3D5AFE40
- editorOverviewRuler.warningForeground#FFCB6B80
- editorOverviewRuler.wordHighlightForeground#3D5AFE60
- editorOverviewRuler.wordHighlightStrongForeground#DCE0E560
- editorRuler.foreground#3D5AFE20
- editorSuggestWidget.background#0d1017
- editorSuggestWidget.border#3D5AFE
- editorSuggestWidget.foreground#b0b5c0
- editorSuggestWidget.highlightForeground#3D5AFE
- editorSuggestWidget.selectedBackground#3D5AFE30
- editorUnnecessaryCode.opacity#000000AA
- editorWarning.foreground#FFCB6B
- editorWhitespace.foreground#3D5AFE15
- editorWidget.background#0d1017
- editorWidget.border#3D5AFE
- extensionIcon.preReleaseForeground#606080
- extensionIcon.starForeground#606080
- extensionIcon.verifiedForeground#606080
- focusBorder#3D5AFE
- gitDecoration.addedResourceForeground#00FF99
- gitDecoration.conflictingResourceForeground#FFCB6B
- gitDecoration.deletedResourceForeground#FF3366
- gitDecoration.ignoredResourceForeground#505070
- gitDecoration.modifiedResourceForeground#00E5FF
- gitDecoration.renamedResourceForeground#00E5FF
- gitDecoration.stageDeletedResourceForeground#FF336680
- gitDecoration.stageModifiedResourceForeground#00E5FF80
- gitDecoration.untrackedResourceForeground#29B6F6
- input.background#0d1017
- input.border#3D5AFE40
- input.placeholderForeground#505070
- list.activeSelectionBackground#3D5AFE30
- list.activeSelectionForeground#DCE0E5
- list.focusBackground#3D5AFE30
- list.focusForeground#DCE0E5
- list.hoverBackground#3D5AFE15
- list.hoverForeground#DCE0E5
- list.inactiveSelectionBackground#3D5AFE15
- list.inactiveSelectionForeground#B0B0D0
- menu.background#080816
- menu.border#3D5AFE40
- menu.foreground#E0E0FF
- menu.selectionBackground#3D5AFE40
- menu.separatorBackground#3D5AFE40
- merge.border#3D5AFE30
- merge.commonContentBackground#0A0D12
- merge.commonHeaderBackground#0A0D12
- merge.currentContentBackground#0A0D12
- merge.currentHeaderBackground#0A0D12
- merge.incomingContentBackground#0A0D12
- merge.incomingHeaderBackground#0A0D12
- minimap.background#0A0D12
- minimap.errorHighlight#FF3366
- minimap.findMatchHighlight#3D5AFE
- minimap.selectionHighlight#3D5AFE
- minimap.warningHighlight#FFCB6B
- minimapSlider.activeBackground#3D5AFE20
- minimapSlider.background#0A0D12
- minimapSlider.hoverBackground#3D5AFE20
- notebook.cellBorderColor#3D5AFE30
- notebook.cellEditorBackground#0A0D12
- notebook.cellHoverBackground#3D5AFE20
- notebook.focusedCellBackground#0A0D12
- notebook.focusedCellBorder#3D5AFE
- notificationCenter.border#3D5AFE
- notificationCenterHeader.background#0A0D12
- notificationCenterHeader.foreground#DCE0E5
- notifications.background#0d1017
- notifications.border#3D5AFE
- notifications.foreground#b0b5c0
- notificationsErrorIcon.foreground#FF8080
- notificationsInfoIcon.foreground#61AFEF
- notificationsWarningIcon.foreground#FFCB6B
- notificationToast.border#3D5AFE
- panel.background#0A0D12
- panel.border#3D5AFE20
- panelTitle.activeBorder#3D5AFE
- panelTitle.activeForeground#DCE0E5
- panelTitle.inactiveForeground#B0B0D0
- peekView.border#3D5AFE
- peekViewEditor.background#0d1017
- peekViewEditor.matchHighlightBackground#3D5AFE40
- peekViewEditorGutter.background#0d1017
- peekViewResult.background#0d1017
- peekViewResult.fileForeground#DCE0E5
- peekViewResult.lineForeground#606080
- peekViewResult.matchHighlightBackground#3D5AFE40
- peekViewResult.selectionBackground#3D5AFE30
- peekViewResult.selectionForeground#DCE0E5
- peekViewTitle.background#0d1017
- peekViewTitleDescription.foreground#606080
- peekViewTitleLabel.foreground#DCE0E5
- pickerGroup.border#3D5AFE20
- pickerGroup.foreground#3D5AFE
- quickInput.background#0d1017
- quickInput.foreground#b0b5c0
- quickInputList.focusBackground#3D5AFE30
- quickInputList.focusForeground#DCE0E5
- quickInputTitle.background#0d1017
- sash.hoverBorder#3D5AFE
- scrollbarSlider.activeBackground#3D5AFECC
- scrollbarSlider.background#3D5AFE20
- scrollbarSlider.hoverBackground#3D5AFE60
- sideBar.background#0A0D12
- sideBar.border#3D5AFE20
- sideBar.foreground#B0B0D0
- sideBarSectionHeader.background#101020
- sideBarSectionHeader.foreground#DCE0E5
- sideBarTitle.foreground#3D5AFE
- statusBar.background#0d1017
- statusBar.border#3D5AFE30
- statusBar.debuggingBackground#3D5AFE
- statusBar.debuggingForeground#DCE0E5
- statusBar.foreground#DCE0E5
- statusBar.noFolderBackground#0d1017
- statusBar.noFolderForeground#B0B0D0
- statusBarItem.errorBackground#D50000
- statusBarItem.prominentBackground#2962FF
- statusBarItem.prominentHoverBackground#00E5FF
- statusBarItem.remoteBackground#2962FF
- statusBarItem.warningBackground#FFAB00
- 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#0d1017
- tab.activeBorder#0d1017
- tab.activeBorderTop#448AFF
- tab.activeForeground#448AFF
- tab.border#3D5AFE30
- tab.inactiveBackground#0d1017
- tab.inactiveForeground#606080
- tab.unfocusedActiveBorder#0d1017
- tab.unfocusedActiveBorderTop#3D5AFE60
- terminal.ansiBlack#0d1017
- terminal.ansiBlue#3D5AFE
- terminal.ansiBrightBlack#606080
- terminal.ansiBrightBlue#82B1FF
- terminal.ansiBrightCyan#80F0FF
- terminal.ansiBrightGreen#66FFAA
- terminal.ansiBrightMagenta#EA80FC
- terminal.ansiBrightRed#FF6688
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFE082
- terminal.ansiCyan#00E5FF
- terminal.ansiGreen#00FF99
- terminal.ansiMagenta#AA00FF
- terminal.ansiRed#FF3366
- terminal.ansiWhite#DCE0E5
- terminal.ansiYellow#FFCB6B
- terminal.background#0d1017
- terminal.foreground#DCE0E5
- terminal.inactiveSelectionBackground#3D5AFE15
- terminal.selectionBackground#3D5AFE30
- 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#3D5AFE
- titleBar.activeBackground#0d1017
- titleBar.activeForeground#A0B0E0
- titleBar.border#3D5AFE20
- titleBar.inactiveBackground#0d1017
- titleBar.inactiveForeground#505370
- toolbar.activeBackground#3D5AFE30
- toolbar.hoverBackground#3D5AFE15
- widget.shadow#3D5AFE40
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7878A0 | italic |
| variable.parameter | #90A0FF | — |
| keyword, storage, storage.type, keyword.control | #448AFF | bold |
| entity.name.function, meta.function-call, support.function | #DCE0E5 | bold |
| variable, variable.other.readwrite, meta.object-literal.key | #32bfcc | — |
| string, string.quoted, string.template, constant.other.color, support.constant.color, support.constant.property-value | #E0E0FF | — |
| punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #485880 | — |
| constant.numeric, constant.language | #2979FF | bold |
| constant.character.escape, constant.character | #448AFF | — |
| entity.name.type, support.class, support.type, entity.name.class, new.expr entity.name.type | #8C9EFF | |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #536DFE | — |
| entity.other.attribute-name | #00EAFF | italic |
| meta.selector.css, entity.name.tag.css, entity.other.attribute-name.id.css | #536DFE | — |
| entity.other.attribute-name.class.css | #448AFF | bold italic |
| support.type.property-name.css, meta.property-name.css | #00EAFF | — |
| 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 | #40C4FF | — |
| 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 | #00EAFF | — |
| 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 | #00EAFF | — |
| entity.name.tag.yaml | #448AFF | — |
| string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml | #E0E0FF | — |
| constant.other.timestamp.yaml, constant.language.boolean.yaml, constant.language.null.yaml | #2979FF | bold |
| punctuation.definition.mapping.key.yaml, punctuation.separator.key-value.yaml | #485870 | — |
| support.function.builtin.shell, entity.name.function.shell | #DCE0E5 | bold |
| keyword.control.shell, keyword.operator.list.shell, keyword.operator.pipe.shell | #448AFF | bold |
| variable.other.normal.shell, variable.other.special.shell | #32bfcc | — |
| punctuation.definition.variable.shell | #485870 | — |
| markup.heading.1.markdown, markup.heading.1 entity.name.section | #DCE0E5 | bold |
| markup.heading.2.markdown, markup.heading.2 entity.name.section | #8C9EFF | bold |
| markup.heading.3.markdown, markup.heading.3 entity.name.section | #60A5FA | bold |
| markup.heading.4.markdown, markup.heading.5.markdown, markup.heading.6.markdown | #606b85 | bold |
| punctuation.definition.heading.markdown | #485870 | — |
| markup.list.bullet, punctuation.definition.list.begin.markdown | #3D5AFE | — |
| markup.quote.markdown | #7878A0 | italic |
| keyword.operator.logical.python, keyword.operator.wordlike.python | #448AFF | bold |
| support.function.builtin.python | #DCE0E5 | bold |
| variable.other.constant.ts, variable.other.constant.js, variable.other.constant.tsx, variable.other.constant | #2979FF | bold |
| meta.type.annotation.ts, meta.type.annotation.tsx, support.type.builtin.ts, support.type.builtin.js | #8C9EFF | — |
| storage.type.rust, keyword.other.rust | #448AFF | bold |
| meta.attribute.rust, punctuation.definition.attribute.rust | #7B42FF | bold |
| support.macro.rust, entity.name.function.macro.rust | #448AFF | — |
| variable.other.metavariable.name.rust | #32bfcc | — |
| entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust | #8C9EFF | italic |