Mir2 Theme

Color themes

• 

  Mir2 Dark

• 

  Mir2 Light

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#3d393633
• activityBar.activeBorder#dadad9
• activityBar.activeFocusBorder#5e91a9
• activityBar.background#1d1916
• activityBar.border#1d1916
• activityBar.dropBorder#e5685d
• activityBar.foreground#bbbab8
• activityBar.inactiveForeground#9b9a98
• activityBarBadge.background#5e91a9
• activityBarBadge.foreground#1d1916
• badge.background#5e91a9
• badge.foreground#1d1916
• breadcrumb.activeSelectionForeground#fafaf9
• breadcrumb.background#1d1916
• breadcrumb.focusForeground#dadad9
• breadcrumb.foreground#bbbab8
• breadcrumbPicker.background#1d1916
• button.background#e5685d
• button.foreground#1d1916
• button.hoverBackground#a29d94
• button.secondaryBackground#dadad9
• button.secondaryForeground#1d1916
• button.secondaryHoverBackground#bbbab8
• charts.blue#e5685d
• charts.foreground#dadad9
• charts.green#cdb294
• charts.lines#7c7977
• charts.orange#655d59
• charts.purple#5e91a9
• charts.red#b09872
• charts.yellow#e0cdab
• checkbox.background#e5685d
• checkbox.border#3d3936
• checkbox.foreground#1d1916
• debugConsole.errorForeground#b09872
• debugConsole.infoForeground#e5685d
• debugConsole.sourceForeground#5e91a9
• debugConsole.warningForeground#655d59
• debugConsoleInputIcon.foreground#9b9a98
• debugExceptionWidget.background#3d3936
• debugExceptionWidget.border#3d3936
• debugIcon.breakpointCurrentStackframeForeground#cdb294
• debugIcon.breakpointDisabledForeground#9b9a98
• debugIcon.breakpointForeground#b09872
• debugIcon.breakpointStackframeForeground#e0cdab
• debugIcon.breakpointUnverifiedForeground#bbbab8
• debugIcon.continueForeground#cdb294
• debugIcon.disconnectForeground#655d59
• debugIcon.pauseForeground#e5685d
• debugIcon.restartForeground#9cebaa
• debugIcon.startForeground#cdb294
• debugIcon.stepBackForeground#fafaf9
• debugIcon.stepIntoForeground#fafaf9
• debugIcon.stepOutForeground#fafaf9
• debugIcon.stepOverForeground#fafaf9
• debugIcon.stopForeground#b09872
• debugTokenExpression.boolean#5e91a9
• debugTokenExpression.error#b09872
• debugTokenExpression.name#e5685d
• debugTokenExpression.number#9cebaa
• debugTokenExpression.string#cdb294
• debugTokenExpression.value#fafaf9
• debugToolBar.background#3d3936
• debugToolBar.border#5c5957
• debugView.exceptionLabelBackground#3d3936
• debugView.exceptionLabelForeground#e0cdab
• debugView.stateLabelBackground#3d3936
• debugView.stateLabelForeground#e5685d
• debugView.valueChangedHighlight#e0cdab33
• descriptionForeground#dadad9
• diffEditor.border#3d3936
• diffEditor.diagonalFill#3d39367f
• diffEditor.insertedTextBackground#cdb29420
• diffEditor.removedTextBackground#b0987220
• dropdown.background#3d3936
• dropdown.border#3d3936
• dropdown.foreground#dadad9
• dropdown.listBackground#3d3936
• editor.background#1d1916
• editor.findMatchBackground#e0cdab3f
• editor.findMatchHighlightBackground#e0cdab33
• editor.findRangeHighlightBackground#3d3936
• editor.focusedStackFrameHighlightBackground#cdb2943f
• editor.foldBackground#3d393666
• editor.foreground#fafaf9
• editor.hoverHighlightBackground#5c59577f
• editor.inactiveSelectionBackground#e5685d33
• editor.lineHighlightBackground#1d1916
• editor.lineHighlightBorder#3d3936
• editor.rangeHighlightBackground#e0cdab33
• editor.selectionBackground#e5685d33
• editor.selectionForeground#fafaf9
• editor.selectionHighlightBackground#3d3936
• editor.snippetFinalTabstopHighlightBackground#5c59577f
• editor.snippetTabstopHighlightBackground#3d39367f
• editor.stackFrameHighlightBackground#a29d943f
• editor.symbolHighlightBackground#5e91a933
• editor.wordHighlightBackground#5e91a933
• editor.wordHighlightStrongBackground#9cebaa33
• editorBracketMatch.background#3d3936
• editorBracketMatch.border#5c5957
• editorCodeLens.foreground#bbbab8
• editorCursor.background#1d1916
• editorCursor.foreground#5e91a9
• editorError.border#fafaf9
• editorError.foreground#b09872
• editorGroup.border#3d3936
• editorGroup.dropBackground#5c59577f
• editorGroup.emptyBackground#1d1916
• editorGroup.focusedEmptyBorder#3d3936
• editorGroupHeader.border#1d1916
• editorGroupHeader.noTabsBackground#1d1916
• editorGroupHeader.tabsBackground#1d1916
• editorGroupHeader.tabsBorder#1d1916
• editorGutter.addedBackground#cdb294
• editorGutter.background#1d1916
• editorGutter.commentRangeForeground#7c7977
• editorGutter.deletedBackground#b09872
• editorGutter.foldingControlForeground#bbbab8
• editorGutter.modifiedBackground#e0cdab
• editorHint.border#9b9a98
• editorHint.foreground#9cebaa
• editorHoverWidget.background#3d3936
• editorHoverWidget.border#3d3936
• editorHoverWidget.foreground#dadad9
• editorHoverWidget.statusBarBackground#e5685d33
• editorIndentGuide.activeBackground#5c5957
• editorIndentGuide.background#3d3936
• editorInfo.border#bbbab8
• editorInfo.foreground#e5685d
• editorLightBulb.foreground#e0cdab
• editorLightBulbAutoFix.foreground#e5685d
• editorLineNumber.activeForeground#9b9a98
• editorLineNumber.foreground#5c5957
• editorLink.activeForeground#a29d94
• editorMarkerNavigation.background#3d3936
• editorMarkerNavigationError.background#b09872
• editorMarkerNavigationInfo.background#e5685d
• editorMarkerNavigationWarning.background#655d59
• editorOverviewRuler.addedForeground#cdb2947f
• editorOverviewRuler.border#3d3936
• editorOverviewRuler.bracketMatchForeground#7c7977
• editorOverviewRuler.commonContentForeground#5e91a9
• editorOverviewRuler.currentContentForeground#a29d94
• editorOverviewRuler.deletedForeground#b098727f
• editorOverviewRuler.errorForeground#b098727f
• editorOverviewRuler.findMatchForeground#e0cdabbf
• editorOverviewRuler.incomingContentForeground#e5685d
• editorOverviewRuler.infoForeground#e5685d7f
• editorOverviewRuler.modifiedForeground#e0cdab7f
• editorOverviewRuler.rangeHighlightForeground#5c5957bf
• editorOverviewRuler.selectionHighlightForeground#3d3936bf
• editorOverviewRuler.warningForeground#655d597f
• editorOverviewRuler.wordHighlightForeground#5c5957bf
• editorOverviewRuler.wordHighlightStrongForeground#7c7977bf
• editorPane.background#1d1916
• editorRuler.foreground#3d3936
• editorSuggestWidget.background#3d3936
• editorSuggestWidget.border#3d3936
• editorSuggestWidget.foreground#dadad9
• editorSuggestWidget.highlightForeground#9cebaa
• editorSuggestWidget.selectedBackground#5c5957
• editorUnnecessaryCode.opacity#0000007f
• editorWarning.border#dadad9
• editorWarning.foreground#655d59
• editorWhitespace.foreground#3d3936
• editorWidget.background#3d3936
• editorWidget.border#3d3936
• editorWidget.foreground#dadad9
• editorWidget.resizeBorder#e5685d
• errorForeground#b09872
• extensionBadge.remoteBackground#9cebaa
• extensionBadge.remoteForeground#1d1916
• extensionButton.prominentBackground#e5685d
• extensionButton.prominentForeground#1d1916
• extensionButton.prominentHoverBackground#a29d94
• focusBorder#5e91a9
• foreground#fafaf9
• gitDecoration.addedResourceForeground#cdb294
• gitDecoration.conflictingResourceForeground#a29d94
• gitDecoration.deletedResourceForeground#b09872
• gitDecoration.ignoredResourceForeground#7c7977
• gitDecoration.modifiedResourceForeground#e0cdab
• gitDecoration.stageDeletedResourceForeground#b09872
• gitDecoration.stageModifiedResourceForeground#a29d94
• gitDecoration.submoduleResourceForeground#9cebaa
• gitDecoration.untrackedResourceForeground#5e91a9
• icon.foreground#dadad9
• imagePreview.border#3d3936
• input.background#3d3936
• input.border#3d3936
• input.foreground#dadad9
• input.placeholderForeground#5c5957
• inputOption.activeBackground#5c5957
• inputOption.activeBorder#a29d94
• inputOption.activeForeground#fafaf9
• inputValidation.errorBackground#3d3936
• inputValidation.errorBorder#b09872
• inputValidation.errorForeground#b09872
• inputValidation.infoBackground#3d3936
• inputValidation.infoBorder#e5685d
• inputValidation.infoForeground#e5685d
• inputValidation.warningBackground#3d3936
• inputValidation.warningBorder#655d59
• inputValidation.warningForeground#655d59
• list.activeSelectionBackground#5e91a933
• list.activeSelectionForeground#fafaf9
• list.deemphasizedForeground#9b9a98
• list.dropBackground#3d3936
• list.errorForeground#b09872
• list.filterMatchBackground#e0cdab33
• list.filterMatchBorder#e0cdab33
• list.focusBackground#7c79773f
• list.focusForeground#fafaf9
• list.highlightForeground#e0cdab
• list.hoverBackground#3d393633
• list.hoverForeground#fafaf9
• list.inactiveFocusBackground#3d39363f
• list.inactiveSelectionBackground#5c59573f
• list.inactiveSelectionForeground#dadad9
• list.invalidItemForeground#b09872
• list.warningForeground#e0cdab
• listFilterWidget.background#3d3936
• listFilterWidget.noMatchesOutline#b09872
• listFilterWidget.outline#e5685d
• menu.background#1d1916
• menu.foreground#dadad9
• menu.selectionBackground#3d3936
• menu.selectionForeground#fafaf9
• menu.separatorBackground#5c5957
• menubar.selectionBackground#3d3936
• menubar.selectionForeground#fafaf9
• merge.border#9b9a98
• merge.commonContentBackground#5e91a94c
• merge.commonHeaderBackground#5e91a94c
• merge.currentContentBackground#a29d944c
• merge.currentHeaderBackground#a29d944c
• merge.incomingContentBackground#e5685d4c
• merge.incomingHeaderBackground#e5685d4c
• minimap.background#1d1916
• minimap.errorHighlight#b0987280
• minimap.findMatchHighlight#e0cdab
• minimap.selectionHighlight#e5685d80
• minimap.warningHighlight#655d5980
• minimapGutter.addedBackground#cdb29480
• minimapGutter.deletedBackground#b0987280
• minimapGutter.modifiedBackground#e0cdab80
• minimapSlider.activeBackground#7c797733
• minimapSlider.background#3d393633
• minimapSlider.hoverBackground#5c595733
• notebook.cellBorderColor#3d39363f
• notebook.cellHoverBackground#3d39363f
• notebook.cellInsertionIndicator#cdb294
• notebook.cellStatusBarItemHoverBackground#3d39363f
• notebook.cellToolbarSeparator#3d39363f
• notebook.focusedCellBackground#3d39367f
• notebook.focusedCellBorder#5e91a9
• notebook.focusedCellShadow#0000003f
• notebook.focusedEditorBorder#3d3936
• notebook.focusedRowBorder#5e91a9
• notebook.inactiveFocusedCellBorder#bbbab8
• notebook.outputContainerBackgroundColor#1d1916
• notebook.rowHoverBackground#3d39367f
• notebook.selectedCellBorder#9b9a98
• notebook.symbolHighlightBackground#5e91a93f
• notebookScrollbarSlider.activeBackground#bbbab87f
• notebookScrollbarSlider.background#7c79777f
• notebookScrollbarSlider.hoverBackground#9b9a987f
• notebookStatusErrorIcon.foreground#b09872
• notebookStatusRunningIcon.foreground#e5685d
• notebookStatusSuccessIcon.foreground#cdb294
• notificationCenterHeader.background#5c5957
• notificationCenterHeader.foreground#dadad9
• notificationLink.foreground#e5685d
• notifications.background#3d3936
• notifications.border#7c7977
• notifications.foreground#fafaf9
• notificationsErrorIcon.foreground#b09872
• notificationsInfoIcon.foreground#e5685d
• notificationsWarningIcon.foreground#655d59
• notificationToast.border#7c7977
• panel.background#1d1916
• panel.border#3d3936
• panel.dropBorder#e5685d
• panelSection.border#3d3936
• panelSection.dropBackground#3d39363f
• panelSectionHeader.background#5c5957
• panelSectionHeader.border#1d1916
• panelSectionHeader.foreground#dadad9
• panelTitle.activeBorder#7c7977
• panelTitle.activeForeground#dadad9
• panelTitle.inactiveForeground#9b9a98
• peekView.border#9cebaa
• peekViewEditor.background#3d39367f
• peekViewEditor.matchHighlightBackground#e0cdab7f
• peekViewEditorGutter.background#3d39367f
• peekViewResult.background#3d3936
• peekViewResult.fileForeground#dadad9
• peekViewResult.lineForeground#5c5957
• peekViewResult.matchHighlightBackground#e0cdab
• peekViewResult.selectionBackground#7c7977
• peekViewResult.selectionForeground#fafaf9
• peekViewTitle.background#3d3936
• peekViewTitleDescription.foreground#bbbab8
• peekViewTitleLabel.foreground#fafaf9
• pickerGroup.border#5c5957
• pickerGroup.foreground#9b9a98
• problemsErrorIcon.foreground#b09872
• problemsInfoIcon.foreground#e5685d
• problemsWarningIcon.foreground#655d59
• progressBar.background#cdb294
• quickInput.background#3d3936
• quickInput.foreground#fafaf9
• quickInputTitle.background#5c5957
• sash.hoverBorder#e5685d
• scm.providerBorder#5c5957
• scrollbar.shadow#1d1916
• scrollbarSlider.activeBackground#bbbab87f
• scrollbarSlider.background#7c79777f
• scrollbarSlider.hoverBackground#9b9a987f
• selection.background#5c5957
• settings.checkboxBackground#e5685d
• settings.checkboxBorder#e5685d
• settings.checkboxForeground#1d1916
• settings.dropdownBackground#3d3936
• settings.dropdownForeground#dadad9
• settings.dropdownListBorder#5c5957
• settings.focusedRowBackground#1d1916
• settings.headerForeground#fafaf9
• settings.modifiedItemIndicator#a29d94
• settings.numberInputBackground#3d3936
• settings.numberInputForeground#dadad9
• settings.textInputBackground#3d3936
• settings.textInputForeground#dadad9
• sideBar.background#1d1916
• sideBar.border#3d3936
• sideBar.dropBackground#3d39363f
• sideBar.foreground#dadad9
• sideBarSectionHeader.background#5c5957
• sideBarSectionHeader.border#1d1916
• sideBarSectionHeader.foreground#dadad9
• sideBarTitle.foreground#bbbab8
• statusBar.background#e5685d
• statusBar.border#1d1916
• statusBar.debuggingBackground#655d59
• statusBar.debuggingBorder#1d1916
• statusBar.debuggingForeground#1d1916
• statusBar.foreground#1d1916
• statusBar.noFolderBackground#5e91a9
• statusBar.noFolderBorder#1d1916
• statusBar.noFolderForeground#1d1916
• statusBarItem.activeBackground#a29d94
• statusBarItem.errorBackground#b09872
• statusBarItem.errorForeground#1d1916
• statusBarItem.hoverBackground#cdb294
• statusBarItem.prominentBackground#a29d94
• statusBarItem.prominentHoverBackground#cdb294
• statusBarItem.remoteBackground#a29d94
• statusBarItem.remoteForeground#1d1916
• symbolIcon.arrayForeground#9cebaa
• symbolIcon.booleanForeground#5e91a9
• symbolIcon.classForeground#e5685d
• symbolIcon.colorForeground#a29d94
• symbolIcon.constantForeground#cdb294
• symbolIcon.constructorForeground#5e91a9
• symbolIcon.enumeratorForeground#a29d94
• symbolIcon.enumeratorMemberForeground#e5685d
• symbolIcon.eventForeground#655d59
• symbolIcon.fieldForeground#b09872
• symbolIcon.fileForeground#dadad9
• symbolIcon.folderForeground#bbbab8
• symbolIcon.functionForeground#5e91a9
• symbolIcon.interfaceForeground#b09872
• symbolIcon.keyForeground#e0cdab
• symbolIcon.keywordForeground#e5685d
• symbolIcon.methodForeground#a29d94
• symbolIcon.moduleForeground#a29d94
• symbolIcon.namespaceForeground#e5685d
• symbolIcon.nullForeground#b09872
• symbolIcon.numberForeground#655d59
• symbolIcon.objectForeground#fafaf9
• symbolIcon.operatorForeground#b09872
• symbolIcon.packageForeground#655d59
• symbolIcon.propertyForeground#a29d94
• symbolIcon.referenceForeground#655d59
• symbolIcon.snippetForeground#bbbab8
• symbolIcon.stringForeground#cdb294
• symbolIcon.structForeground#e5685d
• symbolIcon.textForeground#fafaf9
• symbolIcon.typeParameterForeground#e5685d
• symbolIcon.unitForeground#e0cdab
• symbolIcon.variableForeground#655d59
• tab.activeBackground#1d1916
• tab.activeForeground#dadad9
• tab.activeModifiedBorder#e0cdab
• tab.border#1d1916
• tab.hoverBackground#3d393680
• tab.hoverForeground#bbbab8
• tab.inactiveBackground#3d3936
• tab.inactiveForeground#7c7977
• tab.inactiveModifiedBorder#e0cdab
• tab.lastPinnedBorder#9cebaa
• tab.unfocusedActiveBackground#1d1916
• tab.unfocusedActiveForeground#7c7977
• tab.unfocusedActiveModifiedBorder#e0cdab
• tab.unfocusedHoverBackground#3d393680
• tab.unfocusedHoverForeground#9b9a98
• tab.unfocusedInactiveBackground#3d3936
• tab.unfocusedInactiveForeground#5c5957
• tab.unfocusedInactiveModifiedBorder#e0cdab
• terminal.ansiBlack#1d1916
• terminal.ansiBlue#e5685d
• terminal.ansiBrightBlack#3d3936
• terminal.ansiBrightBlue#e5685d
• terminal.ansiBrightCyan#a29d94
• terminal.ansiBrightGreen#a29d94
• terminal.ansiBrightMagenta#9cebaa
• terminal.ansiBrightRed#655d59
• terminal.ansiBrightWhite#fafaf9
• terminal.ansiBrightYellow#e0cdab
• terminal.ansiCyan#a29d94
• terminal.ansiGreen#cdb294
• terminal.ansiMagenta#9cebaa
• terminal.ansiRed#b09872
• terminal.ansiWhite#dadad9
• terminal.ansiYellow#e0cdab
• terminal.background#1d1916
• terminal.foreground#dadad9
• terminal.selectionBackground#e5685d7f
• terminalCursor.background#3d3936
• terminalCursor.foreground#bbbab8
• testing.iconErrored#b09872
• testing.iconFailed#655d59
• testing.iconPassed#cdb294
• testing.iconQueued#a29d94
• testing.iconSkipped#9b9a98
• testing.iconUnset#bbbab8
• testing.message.error.decorationForeground#b09872
• testing.message.error.lineBackground#b098723f
• testing.message.hint.decorationForeground#9cebaa
• testing.message.hint.lineBackground#9cebaa3f
• testing.message.info.decorationForeground#e5685d
• testing.message.info.lineBackground#e5685d3f
• testing.message.warning.decorationForeground#655d59
• testing.message.warning.lineBackground#655d593f
• testing.peekBorder#7c7977
• testing.runAction#e5685d
• textBlockQuote.background#3d3936
• textBlockQuote.border#3d3936
• textCodeBlock.background#1d1916
• textLink.activeForeground#a29d94
• textLink.foreground#e5685d
• textPreformat.foreground#655d59
• textSeparator.foreground#9b9a98
• titleBar.activeBackground#1d1916
• titleBar.activeForeground#bbbab8
• titleBar.inactiveBackground#1d1916
• titleBar.inactiveForeground#7c7977
• tree.indentGuidesStroke#3d3936
• walkThrough.embeddedEditorBackground#1d1916
• welcomePage.background#1d1916
• welcomePage.buttonBackground#3d3936
• welcomePage.buttonHoverBackground#5c5957
• welcomePage.progress.background#e5685d
• welcomePage.progress.foreground#1d1916
• widget.shadow#1d1916

tokenColors

TextMate scopes and font styles (syntax highlighting rules).