mK Coding Extension

Color themes

• 

  mK Theme Dark

• 

  mK Theme Dimmed

• 

  mK Theme 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#2c2c2c
• activityBar.activeBorder#a9fb2f
• activityBar.activeFocusBorder#a9fb2f
• activityBar.background#1a1a1a
• activityBar.border#383838
• activityBar.foreground#a9fb2f
• activityBar.inactiveForeground#7e7e7e
• activityBarBadge.background#a9fb2f
• activityBarBadge.foreground#262626
• badge.background#3d3d3d
• badge.foreground#dcdcdc
• breadcrumb.activeSelectionForeground#f5f5f5
• breadcrumb.background#2c2c2c
• breadcrumb.focusForeground#e9e9e9
• breadcrumb.foreground#909090
• button.background#393939
• button.border#484848
• button.foreground#f1f1f1
• button.hoverBackground#434343
• button.secondaryBackground#333333
• button.secondaryForeground#dcdcdc
• button.secondaryHoverBackground#3c3c3c
• charts.green#a9fb2f
• charts.lines#a9fb2f
• checkbox.background#2d2d2d
• checkbox.border#4c4c4c
• checkbox.selectBackground#343434
• checkbox.selectBorder#a9fb2f
• commandCenter.activeBackground#383838
• commandCenter.activeBorder#a9fb2f
• commandCenter.background#2c2c2c
• commandCenter.border#3e3e3e
• commandCenter.foreground#dcdcdc
• commandCenter.inactiveBorder#383838
• debugToolBar.background#303030
• descriptionForeground#909090
• dropdown.background#2d2d2d
• dropdown.border#454545
• dropdown.foreground#dcdcdc
• editor.background#202020
• editor.findMatchBackground#4d4433
• editor.findMatchBorder#e3a240
• editor.findMatchHighlightBackground#3e392e80
• editor.foreground#d3d3d3
• editor.lineHighlightBackground#343434
• editor.lineHighlightBorder#383838
• editor.rangeHighlightBackground#a9fb2f12
• editor.selectionBackground#3a4455
• editor.snippetFinalTabstopHighlightBorder#a9fb2f
• editor.snippetTabstopHighlightBackground#a9fb2f1a
• editor.wordHighlightBackground#38383880
• editor.wordHighlightStrongBackground#3e3e3e80
• editorBracketMatch.background#383838
• editorBracketMatch.border#909090
• editorCursor.foreground#dcdcdc
• editorGroup.border#383838
• editorGroup.dropBackground#38383880
• editorGroupHeader.border#383838
• editorGroupHeader.noTabsBackground#2a2a2a
• editorGroupHeader.tabsBackground#2a2a2a
• editorGroupHeader.tabsBorder#383838
• editorGutter.background#2c2c2c
• editorIndentGuide.activeBackground1#5a5a5a
• editorIndentGuide.background1#383838
• editorLineNumber.activeForeground#b0b0b0
• editorLineNumber.foreground#646464
• editorOverviewRuler.border#2c2c2c
• editorRuler.foreground#383838
• editorSuggestWidget.background#2d2d2d
• editorSuggestWidget.border#3e3e3e
• editorSuggestWidget.foreground#dcdcdc
• editorSuggestWidget.highlightForeground#a9fb2f
• editorSuggestWidget.selectedBackground#3a3a3a
• editorUnnecessaryCode.border#a9fb2f66
• editorWidget.background#2d2d2d
• editorWidget.border#3e3e3e
• extensionButton.prominentBackground#393939
• extensionButton.prominentForeground#a9fb2f
• extensionButton.prominentHoverBackground#434343
• focusBorder#a9fb2f
• foreground#dcdcdc
• input.background#2d2d2d
• input.border#454545
• input.foreground#dcdcdc
• input.placeholderForeground#7d7d7d
• inputOption.activeBackground#393939
• inputOption.activeBorder#a9fb2f
• inputOption.activeForeground#a9fb2f
• keybindingLabel.background#363636
• keybindingLabel.border#454545
• keybindingLabel.bottomBorder#383838
• keybindingLabel.foreground#dcdcdc
• list.activeSelectionBackground#393939
• list.activeSelectionForeground#f3f3f3
• list.activeSelectionIconForeground#a9fb2f
• list.focusBackground#383838
• list.focusForeground#f3f3f3
• list.focusHighlightForeground#a9fb2f
• list.focusOutline#a9fb2f
• list.highlightForeground#a9fb2f
• list.hoverBackground#343434
• list.hoverForeground#f0f0f0
• list.inactiveSelectionBackground#343434
• list.inactiveSelectionForeground#dcdcdc
• menu.background#2c2c2c
• menu.border#434343
• menu.foreground#dcdcdc
• menu.selectionBackground#383838
• menu.selectionBorder#434343
• menu.selectionForeground#f3f3f3
• menu.separatorBackground#434343
• menubar.selectionBackground#383838
• menubar.selectionBorder#434343
• menubar.selectionForeground#f3f3f3
• notificationCenter.border#3e3e3e
• notificationLink.foreground#a9fb2f
• notifications.background#2d2d2d
• notifications.border#3e3e3e
• notifications.foreground#dcdcdc
• panel.background#1a1a1a
• panel.border#3b3b3b
• panelTitle.activeBorder#a9fb2f
• panelTitle.activeForeground#eaeaea
• panelTitle.inactiveForeground#828282
• peekView.border#a9fb2f
• peekViewEditor.background#2c2c2c
• peekViewResult.background#2d2d2d
• pickerGroup.border#3e3e3e
• pickerGroup.foreground#a9fb2f
• progressBar.background#a9fb2f
• quickInput.background#2d2d2d
• quickInput.foreground#dcdcdc
• quickInputList.focusBackground#3a3a3a
• quickInputTitle.background#2c2c2c
• scrollbarSlider.activeBackground#77777766
• scrollbarSlider.background#77777733
• scrollbarSlider.hoverBackground#77777755
• settings.checkboxBackground#2d2d2d
• settings.checkboxBorder#454545
• settings.dropdownBackground#2d2d2d
• settings.dropdownBorder#454545
• settings.focusedRowBackground#333333
• settings.focusedRowBorder#a9fb2f66
• settings.headerForeground#f1f1f1
• settings.modifiedItemIndicator#a9fb2f
• settings.numberInputBackground#2d2d2d
• settings.numberInputBorder#454545
• settings.rowHoverBackground#343434
• settings.textInputBackground#2d2d2d
• settings.textInputBorder#454545
• sideBar.background#1a1a1a
• sideBar.border#383838
• sideBar.dropBackground#38383880
• sideBar.foreground#d3d3d3
• sideBarSectionHeader.background#262626
• sideBarSectionHeader.border#383838
• sideBarTitle.foreground#dcdcdc
• statusBar.background#292929
• statusBar.border#434343
• statusBar.debuggingBackground#292929
• statusBar.debuggingBorder#434343
• statusBar.debuggingForeground#dcdcdc
• statusBar.foreground#dcdcdc
• statusBar.noFolderBackground#292929
• statusBar.noFolderBorder#434343
• statusBar.noFolderForeground#dcdcdc
• statusBarItem.activeBackground#434343
• statusBarItem.compactHoverBackground#383838
• statusBarItem.errorBackground#292929
• statusBarItem.errorForeground#de827f
• statusBarItem.focusBorder#a9fb2f
• statusBarItem.hoverBackground#383838
• statusBarItem.prominentBackground#343434
• statusBarItem.prominentForeground#dcdcdc
• statusBarItem.prominentHoverBackground#3d3d3d
• statusBarItem.remoteBackground#292929
• statusBarItem.remoteForeground#dcdcdc
• statusBarItem.warningBackground#292929
• statusBarItem.warningForeground#e3a240
• tab.activeBackground#202020
• tab.activeBorder#2c2c2c
• tab.activeBorderTop#a9fb2f
• tab.activeForeground#f0f0f0
• tab.activeModifiedBorder#a9fb2f
• tab.border#383838
• tab.hoverBackground#343434
• tab.inactiveBackground#1d1d1d
• tab.inactiveForeground#838383
• tab.inactiveModifiedBorder#646464
• tab.lastPinnedBorder#434343
• tab.unfocusedActiveBackground#2c2c2c
• tab.unfocusedActiveForeground#c3c3c3
• tab.unfocusedInactiveBackground#2a2a2a
• tab.unfocusedInactiveForeground#747474
• terminal.ansiBlue#59a0fa
• terminal.ansiBrightBlue#3481ed
• terminal.ansiBrightCyan#28b3c6
• terminal.ansiBrightGreen#179e6e
• terminal.ansiBrightMagenta#da81bf
• terminal.ansiBrightRed#ea1e63
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#e3a240
• terminal.ansiCyan#27beaa
• terminal.ansiGreen#179e6e
• terminal.ansiMagenta#9191d5
• terminal.ansiRed#de827f
• terminal.ansiWhite#d4d5dd
• terminal.ansiYellow#ed9317
• terminal.background#202020
• terminal.border#434343
• terminal.dropBackground#38383880
• terminal.findMatchBackground#4d443380
• terminal.findMatchBorder#e3a240
• terminal.foreground#d3d3d3
• terminal.hoverHighlightBackground#383838
• terminal.inactiveSelectionBackground#3a445580
• terminal.selectionBackground#3a4455
• terminal.tab.activeBorder#a9fb2f
• terminalCommandDecoration.defaultBackground#909090
• terminalCommandDecoration.errorBackground#de827f
• terminalCommandDecoration.successBackground#27beaa
• terminalOverviewRuler.border#434343
• terminalStickyScroll.background#2c2c2c
• terminalStickyScroll.border#434343
• terminalStickyScrollHover.background#343434
• textLink.activeForeground#a9fb2f
• textLink.foreground#a9fb2f
• titleBar.activeBackground#202020
• titleBar.activeForeground#eaeaea
• titleBar.border#434343
• titleBar.inactiveBackground#202020
• titleBar.inactiveForeground#838383
• toolbar.activeBackground#383838
• toolbar.hoverBackground#343434
• tree.indentGuidesStroke#3d3d3d
• walkThrough.embeddedEditorBackground#2c2c2c
• widget.border#3e3e3e
• widget.shadow#17171766
• window.activeBorder#434343
• window.inactiveBorder#383838

tokenColors

TextMate scopes and font styles (syntax highlighting rules).