mlia

Color themes

• 

  mlia dark

• 

  mlia light

• 

  mlia soft

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.activeBorder#ebebeb
• activityBar.background#ebebeb
• activityBar.border#e2e2e2
• activityBar.foreground#474747
• activityBar.inactiveForeground#b7b7b7
• activityBarBadge.background#999999
• badge.background#d5d5d5
• badge.foreground#474747
• button.background#d6d6d6
• button.hoverBackground#d0d0d0
• checkbox.border#e2e2e2
• debugIcon.breakpointCurrentStackframeForeground#6e6e6e
• debugIcon.breakpointDisabledForeground#6e6e6e
• debugIcon.breakpointForeground#BF616A
• debugIcon.breakpointStackframeForeground#6e6e6e
• debugIcon.breakpointUnverifiedForeground#6e6e6e
• debugIcon.continueForeground#6e6e6e
• debugIcon.disconnectForeground#6e6e6e
• debugIcon.pauseForeground#6e6e6e
• debugIcon.restartForeground#6e6e6e
• debugIcon.startForeground#6e6e6e
• debugIcon.stepBackForeground#6e6e6e
• debugIcon.stepIntoForeground#6e6e6e
• debugIcon.stepOutForeground#6e6e6e
• debugIcon.stepOverForeground#6e6e6e
• debugIcon.stopForeground#6e6e6e
• debugToolBar.background#ebebeb
• dropdown.background#ebebeb
• dropdown.foreground#6e6e6e
• editor.background#ebebeb
• editor.findMatchBackground#EBCB8B
• editor.findMatchHighlightBackground#FFD86381
• editor.foldBackground#ebebeb
• editor.foreground#515151
• editor.hoverHighlightBackground#dedede
• editor.lineHighlightBackground#e6e6e6
• editor.selectionBackground#BFDBFE
• editor.selectionHighlightBackground#CFCFCF81
• editorBracketMatch.background#ebebeb
• editorBracketMatch.border#b7b7b7
• editorCursor.foreground#515151
• editorError.foreground#BF616A
• editorGroup.border#e2e2e2
• editorGroupHeader.noTabsBackground#ebebeb
• editorGroupHeader.tabsBackground#ebebeb
• editorGroupHeader.tabsBorder#ebebeb
• editorHoverWidget.statusBarBackground#ebebeb
• editorIndentGuide.activeBackground#b6b6b6
• editorIndentGuide.background#d9d9d9
• editorInfo.foreground#9c9c9c
• editorLightBulb.foreground#6e6e6e
• editorLineNumber.activeForeground#b2b2b2
• editorLineNumber.foreground#d5d5d5
• editorLink.activeForeground#474747
• editorOverviewRuler.border#e2e2e2
• editorRuler.foreground#d9d9d9
• editorSuggestWidget.foreground#999999
• editorSuggestWidget.highlightForeground#474747
• editorWarning.foreground#D08770
• editorWhitespace.foreground#d5d5d5
• editorWidget.background#ebebeb
• focusBorder#ebebeb
• gitDecoration.addedResourceForeground#6f9650
• gitDecoration.conflictingResourceForeground#EBCB8B
• gitDecoration.deletedResourceForeground#BF616A
• gitDecoration.ignoredResourceForeground#c9c9c9
• gitDecoration.modifiedResourceForeground#D08770
• gitDecoration.submoduleResourceForeground#999999
• gitDecoration.untrackedResourceForeground#6f9650
• icon.foreground#bbbbbb
• input.background#ebebeb
• input.border#ebebeb
• input.foreground#6e6e6e
• list.activeSelectionBackground#e2e2e2
• list.activeSelectionForeground#101010
• list.errorForeground#BF616A
• list.filterMatchBackground#d5d5d5
• list.filterMatchBorder#ebebeb
• list.focusBackground#e2e2e2
• list.highlightForeground#686868
• list.hoverBackground#e2e2e2
• list.hoverForeground#101010
• list.inactiveSelectionBackground#e2e2e2
• list.inactiveSelectionForeground#101010
• list.warningForeground#D08770
• listFilterWidget.background#ebebeb
• listFilterWidget.noMatchesOutline#be1e0c
• listFilterWidget.outline#b7b7b7
• menu.background#ebebeb
• menu.foreground#6e6e6e
• menubar.selectionBackground#e2e2e2
• panel.border#e2e2e2
• panelTitle.activeBorder#ebebeb
• panelTitle.activeForeground#474747
• panelTitle.inactiveForeground#b7b7b7
• peekView.border#bbbbbb
• peekViewEditor.background#ebebeb
• peekViewEditor.matchHighlightBackground#e2e2e2
• peekViewEditorGutter.background#ebebeb
• peekViewResult.background#e6e6e6
• peekViewResult.fileForeground#686868
• peekViewResult.lineForeground#b7b7b7
• peekViewResult.matchHighlightBackground#dedede
• peekViewResult.selectionBackground#ebebeb
• peekViewResult.selectionForeground#474747
• pickerGroup.foreground#646464
• sash.hoverBorder#dedede
• scrollbar.shadow#ebebeb
• scrollbarSlider.activeBackground#1010100f
• scrollbarSlider.background#1010100f
• scrollbarSlider.hoverBackground#1010100f
• settings.checkboxBorder#e2e2e2
• settings.dropdownBorder#e2e2e2
• settings.modifiedItemIndicator#bbbbbb
• settings.textInputBorder#e2e2e2
• sideBar.background#ebebeb
• sideBar.border#e2e2e2
• sideBar.foreground#515151
• sideBarSectionHeader.background#ebebeb
• sideBarSectionHeader.border#e2e2e2
• statusBar.background#ebebeb
• statusBar.border#e2e2e2
• statusBar.debuggingBackground#ebebeb
• statusBar.debuggingBorder#e2e2e2
• statusBar.debuggingForeground#6e6e6e
• statusBar.foreground#6e6e6e
• statusBar.noFolderBackground#ebebeb
• statusBar.noFolderBorder#e2e2e2
• statusBar.noFolderForeground#6e6e6e
• statusBarItem.activeBackground#ebebeb
• statusBarItem.hoverBackground#ebebeb
• tab.activeBackground#e2e2e2
• tab.activeForeground#474747
• tab.border#e4e4e400
• tab.hoverBackground#e6e6e6
• tab.hoverBorder#e4e4e400
• tab.inactiveBackground#ebebeb
• tab.inactiveForeground#545454c9
• tab.lastPinnedBorder#e2e2e2
• tab.unfocusedActiveForeground#545454c9
• tab.unfocusedHoverBackground#e6e6e6
• tab.unfocusedHoverBorder#88c0d000
• tab.unfocusedInactiveForeground#545454c9
• terminal.ansiBlack#3b4252
• terminal.ansiBlue#81a1c1
• terminal.ansiBrightBlack#4c566a
• terminal.ansiBrightBlue#81a1c1
• terminal.ansiBrightCyan#8fbcbb
• terminal.ansiBrightGreen#6f9650
• terminal.ansiBrightMagenta#b48ead
• terminal.ansiBrightRed#bf616a
• terminal.ansiBrightWhite#eceff4
• terminal.ansiBrightYellow#ebcb8b
• terminal.ansiCyan#88c0d0
• terminal.ansiGreen#6f9650
• terminal.ansiMagenta#b48ead
• terminal.ansiRed#bf616a
• terminal.ansiWhite#e5e9f0
• terminal.ansiYellow#ebcb8b
• terminal.foreground#939393
• terminal.tab.activeBorder#88c0d0
• terminalCursor.background#ebebeb
• terminalCursor.foreground#515151
• textLink.activeForeground#101010
• textLink.foreground#101010
• textPreformat.foreground#6e6e6e
• titleBar.activeBackground#ebebeb
• titleBar.activeForeground#6e6e6e
• titleBar.inactiveBackground#ebebeb
• tree.indentGuidesStroke#dadada
• window.activeBorder#e2e2e2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).