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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).