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#171717
• activityBar.activeBorder#a1fb1a
• activityBar.activeFocusBorder#a1fb1a
• activityBar.background#111111
• activityBar.border#242424
• activityBar.foreground#a1fb1a
• activityBar.inactiveForeground#717171
• activityBarBadge.background#a1fb1a
• activityBarBadge.foreground#111111
• badge.background#2a2a2a
• badge.foreground#d8d8d8
• breadcrumb.activeSelectionForeground#f4f4f4
• breadcrumb.background#171717
• breadcrumb.focusForeground#e7e7e7
• breadcrumb.foreground#858585
• button.background#252525
• button.border#363636
• button.foreground#f0f0f0
• button.hoverBackground#303030
• button.secondaryBackground#1f1f1f
• button.secondaryForeground#d8d8d8
• button.secondaryHoverBackground#292929
• charts.green#a1fb1a
• charts.lines#a1fb1a
• checkbox.background#181818
• checkbox.border#3a3a3a
• checkbox.selectBackground#202020
• checkbox.selectBorder#a1fb1a
• commandCenter.activeBackground#242424
• commandCenter.activeBorder#a1fb1a
• commandCenter.background#171717
• commandCenter.border#2b2b2b
• commandCenter.foreground#d8d8d8
• commandCenter.inactiveBorder#242424
• debugToolBar.background#1b1b1b
• descriptionForeground#858585
• dropdown.background#181818
• dropdown.border#333333
• dropdown.foreground#d8d8d8
• editor.background#171717
• editor.findMatchBackground#3b321f
• editor.findMatchBorder#e0992d
• editor.findMatchHighlightBackground#2b251980
• editor.foreground#cfcfcf
• editor.lineHighlightBackground#202020
• editor.lineHighlightBorder#242424
• editor.rangeHighlightBackground#a1fb1a12
• editor.selectionBackground#273244
• editor.snippetFinalTabstopHighlightBorder#a1fb1a
• editor.snippetTabstopHighlightBackground#a1fb1a1a
• editor.wordHighlightBackground#24242480
• editor.wordHighlightStrongBackground#2b2b2b80
• editorBracketMatch.background#242424
• editorBracketMatch.border#858585
• editorCursor.foreground#d8d8d8
• editorGroup.border#242424
• editorGroup.dropBackground#24242480
• editorGroupHeader.border#242424
• editorGroupHeader.noTabsBackground#151515
• editorGroupHeader.tabsBackground#151515
• editorGroupHeader.tabsBorder#242424
• editorGutter.background#171717
• editorIndentGuide.activeBackground1#4a4a4a
• editorIndentGuide.background1#242424
• editorLineNumber.activeForeground#a8a8a8
• editorLineNumber.foreground#555555
• editorOverviewRuler.border#171717
• editorRuler.foreground#242424
• editorSuggestWidget.background#181818
• editorSuggestWidget.border#2b2b2b
• editorSuggestWidget.foreground#d8d8d8
• editorSuggestWidget.highlightForeground#a1fb1a
• editorSuggestWidget.selectedBackground#262626
• editorUnnecessaryCode.border#a1fb1a66
• editorWidget.background#181818
• editorWidget.border#2b2b2b
• extensionButton.prominentBackground#252525
• extensionButton.prominentForeground#a1fb1a
• extensionButton.prominentHoverBackground#303030
• focusBorder#a1fb1a
• foreground#d8d8d8
• input.background#181818
• input.border#333333
• input.foreground#d8d8d8
• input.placeholderForeground#707070
• inputOption.activeBackground#252525
• inputOption.activeBorder#a1fb1a
• inputOption.activeForeground#a1fb1a
• keybindingLabel.background#222222
• keybindingLabel.border#333333
• keybindingLabel.bottomBorder#242424
• keybindingLabel.foreground#d8d8d8
• list.activeSelectionBackground#252525
• list.activeSelectionForeground#f2f2f2
• list.activeSelectionIconForeground#a1fb1a
• list.focusBackground#242424
• list.focusForeground#f2f2f2
• list.focusHighlightForeground#a1fb1a
• list.focusOutline#a1fb1a
• list.highlightForeground#a1fb1a
• list.hoverBackground#202020
• list.hoverForeground#eeeeee
• list.inactiveSelectionBackground#202020
• list.inactiveSelectionForeground#d8d8d8
• menu.background#171717
• menu.border#303030
• menu.foreground#d8d8d8
• menu.selectionBackground#242424
• menu.selectionBorder#303030
• menu.selectionForeground#f2f2f2
• menu.separatorBackground#303030
• menubar.selectionBackground#242424
• menubar.selectionBorder#303030
• menubar.selectionForeground#f2f2f2
• notificationCenter.border#2b2b2b
• notificationLink.foreground#a1fb1a
• notifications.background#181818
• notifications.border#2b2b2b
• notifications.foreground#d8d8d8
• panel.background#111111
• panel.border#282828
• panelTitle.activeBorder#a1fb1a
• panelTitle.activeForeground#e8e8e8
• panelTitle.inactiveForeground#767676
• peekView.border#a1fb1a
• peekViewEditor.background#171717
• peekViewResult.background#181818
• pickerGroup.border#2b2b2b
• pickerGroup.foreground#a1fb1a
• progressBar.background#a1fb1a
• quickInput.background#181818
• quickInput.foreground#d8d8d8
• quickInputList.focusBackground#262626
• quickInputTitle.background#171717
• scrollbarSlider.activeBackground#6a6a6a66
• scrollbarSlider.background#6a6a6a33
• scrollbarSlider.hoverBackground#6a6a6a55
• settings.checkboxBackground#181818
• settings.checkboxBorder#333333
• settings.dropdownBackground#181818
• settings.dropdownBorder#333333
• settings.focusedRowBackground#1f1f1f
• settings.focusedRowBorder#a1fb1a66
• settings.headerForeground#f0f0f0
• settings.modifiedItemIndicator#a1fb1a
• settings.numberInputBackground#181818
• settings.numberInputBorder#333333
• settings.rowHoverBackground#202020
• settings.textInputBackground#181818
• settings.textInputBorder#333333
• sideBar.background#111111
• sideBar.border#242424
• sideBar.dropBackground#24242480
• sideBar.foreground#cfcfcf
• sideBarSectionHeader.background#111111
• sideBarSectionHeader.border#242424
• sideBarTitle.foreground#d8d8d8
• statusBar.background#141414
• statusBar.border#303030
• statusBar.debuggingBackground#141414
• statusBar.debuggingBorder#303030
• statusBar.debuggingForeground#d8d8d8
• statusBar.foreground#d8d8d8
• statusBar.noFolderBackground#141414
• statusBar.noFolderBorder#303030
• statusBar.noFolderForeground#d8d8d8
• statusBarItem.activeBackground#303030
• statusBarItem.compactHoverBackground#242424
• statusBarItem.errorBackground#141414
• statusBarItem.errorForeground#db7672
• statusBarItem.focusBorder#a1fb1a
• statusBarItem.hoverBackground#242424
• statusBarItem.prominentBackground#202020
• statusBarItem.prominentForeground#d8d8d8
• statusBarItem.prominentHoverBackground#2a2a2a
• statusBarItem.remoteBackground#141414
• statusBarItem.remoteForeground#d8d8d8
• statusBarItem.warningBackground#141414
• statusBarItem.warningForeground#e0992d
• tab.activeBackground#171717
• tab.activeBorder#171717
• tab.activeBorderTop#a1fb1a
• tab.activeForeground#eeeeee
• tab.activeModifiedBorder#a1fb1a
• tab.border#242424
• tab.hoverBackground#202020
• tab.inactiveBackground#151515
• tab.inactiveForeground#777777
• tab.inactiveModifiedBorder#555555
• tab.lastPinnedBorder#303030
• tab.unfocusedActiveBackground#171717
• tab.unfocusedActiveForeground#bdbdbd
• tab.unfocusedInactiveBackground#151515
• tab.unfocusedInactiveForeground#666666
• terminal.ansiBlue#4997fa
• terminal.ansiBrightBlue#2075eb
• terminal.ansiBrightCyan#13abc0
• terminal.ansiBrightGreen#009460
• terminal.ansiBrightMagenta#d674b9
• terminal.ansiBrightRed#e80854
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#e0992d
• terminal.ansiCyan#12b8a2
• terminal.ansiGreen#009460
• terminal.ansiMagenta#8686d1
• terminal.ansiRed#db7672
• terminal.ansiWhite#d0d1da
• terminal.ansiYellow#eb8800
• terminal.background#171717
• terminal.border#303030
• terminal.dropBackground#24242480
• terminal.findMatchBackground#3b321f80
• terminal.findMatchBorder#e0992d
• terminal.foreground#cfcfcf
• terminal.hoverHighlightBackground#242424
• terminal.inactiveSelectionBackground#27324480
• terminal.selectionBackground#273244
• terminal.tab.activeBorder#a1fb1a
• terminalCommandDecoration.defaultBackground#858585
• terminalCommandDecoration.errorBackground#db7672
• terminalCommandDecoration.successBackground#12b8a2
• terminalOverviewRuler.border#303030
• terminalStickyScroll.background#171717
• terminalStickyScroll.border#303030
• terminalStickyScrollHover.background#202020
• textLink.activeForeground#a1fb1a
• textLink.foreground#a1fb1a
• titleBar.activeBackground#171717
• titleBar.activeForeground#e8e8e8
• titleBar.border#303030
• titleBar.inactiveBackground#171717
• titleBar.inactiveForeground#777777
• toolbar.activeBackground#242424
• toolbar.hoverBackground#202020
• tree.indentGuidesStroke#2a2a2a
• walkThrough.embeddedEditorBackground#171717
• widget.border#2b2b2b
• widget.shadow#00000066
• window.activeBorder#303030
• window.inactiveBorder#242424

tokenColors

TextMate scopes and font styles (syntax highlighting rules).