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#171717
• activityBar.background#171717
• activityBar.border#191919
• activityBar.foreground#b4b4b4
• activityBar.inactiveForeground#444444
• activityBarBadge.background#626262
• badge.background#262626
• badge.foreground#b4b4b4
• button.background#252525
• button.hoverBackground#2b2b2b
• checkbox.border#191919
• debugIcon.breakpointCurrentStackframeForeground#8d8d8d
• debugIcon.breakpointDisabledForeground#8d8d8d
• debugIcon.breakpointForeground#BF616A
• debugIcon.breakpointStackframeForeground#8d8d8d
• debugIcon.breakpointUnverifiedForeground#8d8d8d
• debugIcon.continueForeground#A3BE8C
• debugIcon.disconnectForeground#BF616A
• debugIcon.pauseForeground#D08770
• debugIcon.restartForeground#8d8d8d
• debugIcon.startForeground#A3BE8C
• debugIcon.stepBackForeground#8d8d8d
• debugIcon.stepIntoForeground#8d8d8d
• debugIcon.stepOutForeground#8d8d8d
• debugIcon.stepOverForeground#8d8d8d
• debugIcon.stopForeground#BF616A
• debugToolBar.background#171717
• dropdown.background#171717
• dropdown.foreground#8d8d8d
• editor.background#171717
• editor.findMatchBackground#bfdbfe30
• editor.findMatchHighlightBackground#bfdbfe30
• editor.foldBackground#171717
• editor.foreground#aaaaaa
• editor.hoverHighlightBackground#1d1d1d
• editor.lineHighlightBackground#171717
• editor.selectionBackground#555555
• editor.selectionHighlightBackground#202020
• editorBracketMatch.background#171717
• editorBracketMatch.border#444444
• editorCursor.foreground#aaaaaa
• editorError.foreground#BF616A
• editorGroup.border#191919
• editorGroupHeader.noTabsBackground#171717
• editorGroupHeader.tabsBackground#171717
• editorGroupHeader.tabsBorder#191919
• editorHoverWidget.statusBarBackground#171717
• editorIndentGuide.activeBackground#454545
• editorIndentGuide.background#222222
• editorInfo.foreground#5f5f5f
• editorLightBulb.foreground#8d8d8d
• editorLineNumber.activeForeground#494949
• editorLineNumber.foreground#262626
• editorLink.activeForeground#b4b4b4
• editorOverviewRuler.border#191919
• editorRuler.foreground#222222
• editorSuggestWidget.foreground#aaaaaa
• editorSuggestWidget.highlightForeground#b4b4b4
• editorWarning.foreground#D08770
• editorWhitespace.foreground#262626
• editorWidget.background#171717
• focusBorder#171717
• gitDecoration.addedResourceForeground#A3BE8C
• gitDecoration.conflictingResourceForeground#EBCB8B
• gitDecoration.deletedResourceForeground#BF616A
• gitDecoration.ignoredResourceForeground#323232
• gitDecoration.modifiedResourceForeground#D08770
• gitDecoration.submoduleResourceForeground#626262
• gitDecoration.untrackedResourceForeground#A3BE8C
• icon.foreground#404040
• input.background#171717
• input.border#171717
• input.foreground#8d8d8d
• list.activeSelectionBackground#252525
• list.activeSelectionForeground#EBEBEB
• list.errorForeground#BF616A
• list.filterMatchBackground#aaaaaa
• list.filterMatchBorder#171717
• list.focusBackground#EBEBEB
• list.highlightForeground#939393
• list.hoverBackground#252525
• list.hoverForeground#EBEBEB
• list.inactiveSelectionBackground#252525
• list.inactiveSelectionForeground#EBEBEB
• list.warningForeground#D08770
• listFilterWidget.background#171717
• listFilterWidget.noMatchesOutline#ff6342
• listFilterWidget.outline#444444
• menu.background#171717
• menu.foreground#8d8d8d
• menubar.selectionBackground#191919
• panel.border#191919
• panelTitle.activeBorder#171717
• panelTitle.activeForeground#444444
• panelTitle.inactiveForeground#444444
• peekView.border#404040
• peekViewEditor.background#171717
• peekViewEditor.matchHighlightBackground#404040
• peekViewEditorGutter.background#171717
• peekViewResult.background#171717
• peekViewResult.fileForeground#939393
• peekViewResult.lineForeground#444444
• peekViewResult.matchHighlightBackground#1d1d1d
• peekViewResult.selectionBackground#171717
• peekViewResult.selectionForeground#b4b4b4
• pickerGroup.foreground#979797
• sash.hoverBorder#1d1d1d
• scrollbar.shadow#171717
• scrollbarSlider.activeBackground#ebebeb0f
• scrollbarSlider.background#ebebeb0f
• scrollbarSlider.hoverBackground#ebebeb0f
• settings.checkboxBorder#191919
• settings.dropdownBorder#191919
• settings.modifiedItemIndicator#404040
• settings.textInputBorder#191919
• sideBar.background#171717
• sideBar.border#191919
• sideBar.foreground#aaaaaa
• sideBarSectionHeader.background#171717
• sideBarSectionHeader.border#191919
• statusBar.background#171717
• statusBar.border#191919
• statusBar.debuggingBackground#171717
• statusBar.debuggingBorder#191919
• statusBar.debuggingForeground#8d8d8d
• statusBar.foreground#8d8d8d
• statusBar.noFolderBackground#171717
• statusBar.noFolderBorder#191919
• statusBar.noFolderForeground#8d8d8d
• statusBarItem.activeBackground#171717
• statusBarItem.hoverBackground#171717
• statusBarItem.remoteBackground#171717
• tab.activeBackground#3a3a3a2f
• tab.activeForeground#EBEBEB
• tab.border#e4e4e400
• tab.hoverBackground#3a3a3a2f
• tab.hoverBorder#e4e4e400
• tab.inactiveBackground#171717
• tab.inactiveForeground#444444
• tab.lastPinnedBorder#3a3a3a2f
• tab.unfocusedActiveBackground#3a3a3a2f
• tab.unfocusedActiveForeground#d8dee999
• tab.unfocusedHoverBackground#3a3a3a2f
• tab.unfocusedHoverBorder#88c0d000
• tab.unfocusedInactiveBackground#3a3a3a2f
• tab.unfocusedInactiveForeground#d8dee966
• terminal.ansiBlack#3b4252
• terminal.ansiBlue#81a1c1
• terminal.ansiBrightBlack#4c566a
• terminal.ansiBrightBlue#81a1c1
• terminal.ansiBrightCyan#8fbcbb
• terminal.ansiBrightGreen#A3BE8C
• terminal.ansiBrightMagenta#b48ead
• terminal.ansiBrightRed#bf616a
• terminal.ansiBrightWhite#eceff4
• terminal.ansiBrightYellow#ebcb8b
• terminal.ansiCyan#88c0d0
• terminal.ansiGreen#A3BE8C
• terminal.ansiMagenta#b48ead
• terminal.ansiRed#bf616a
• terminal.ansiWhite#e5e9f0
• terminal.ansiYellow#ebcb8b
• terminal.foreground#939393
• terminal.tab.activeBorder#88c0d0
• terminalCursor.background#171717
• terminalCursor.foreground#515151
• textLink.activeForeground#ebebeb
• textLink.foreground#5a99d8
• textPreformat.foreground#8d8d8d
• titleBar.activeBackground#171717
• titleBar.activeForeground#8d8d8d
• titleBar.inactiveBackground#171717
• tree.indentGuidesStroke#171717

tokenColors

TextMate scopes and font styles (syntax highlighting rules).