My MD Reader
Publisher: LEI ZongminThemes in package: 2
A beautiful Markdown preview extension with TOC, themes, code highlighting, Mermaid diagrams, and KaTeX math support
Color themes
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#1f1f1f
- activityBar.background#f3f1ed
- activityBar.border#e5e5e5
- activityBar.foreground#1f1f1f
- activityBar.inactiveForeground#616161
- activityBarBadge.background#0078d4
- activityBarBadge.foreground#ffffff
- badge.background#0078d4
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#3b3b3b
- breadcrumb.focusForeground#3b3b3b
- breadcrumb.foreground#616161
- breadcrumbPicker.background#f3f3f3
- button.background#0078d4
- button.foreground#ffffff
- button.hoverBackground#106ebe
- button.secondaryBackground#e5e5e5
- button.secondaryForeground#3b3b3b
- button.secondaryHoverBackground#cccccc
- checkbox.background#ffffff
- checkbox.border#919191
- checkbox.foreground#3b3b3b
- commandCenter.activeBackground#d6ebff
- commandCenter.activeBorder#0078d4
- commandCenter.activeForeground#3b3b3b
- commandCenter.background#f9f7f4
- commandCenter.border#cecece
- commandCenter.foreground#3b3b3b
- commandCenter.inactiveBorder#e5e5e5
- descriptionForeground#616161
- diffEditor.insertedLineBackground#c6eccb40
- diffEditor.insertedTextBackground#c6eccb80
- diffEditor.removedLineBackground#ffc7ce40
- diffEditor.removedTextBackground#ffc7ce80
- dropdown.background#ffffff
- dropdown.border#cecece
- dropdown.foreground#3b3b3b
- dropdown.listBackground#ffffff
- editor.background#f9f7f4
- editor.findMatchBackground#ffdf5d66
- editor.findMatchHighlightBackground#ffdf5d66
- editor.findRangeHighlightBackground#0078d433
- editor.foldBackground#add6ff4d
- editor.foreground#3b3b3b
- editor.hoverHighlightBackground#add6ff4d
- editor.inactiveSelectionBackground#add6ff80
- editor.lineHighlightBackground#0000000a
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#ffdf5d33
- editor.selectionBackground#add6ff
- editor.selectionHighlightBackground#add6ff4d
- editor.wordHighlightBackground#57575740
- editor.wordHighlightStrongBackground#0078d433
- editorBracketHighlight.foreground1#0431fa
- editorBracketHighlight.foreground2#319331
- editorBracketHighlight.foreground3#7b3814
- editorBracketHighlight.foreground4#0431fa
- editorBracketHighlight.foreground5#319331
- editorBracketHighlight.foreground6#7b3814
- editorBracketHighlight.unexpectedBracket.foreground#cd3131
- editorBracketMatch.background#0064001a
- editorBracketMatch.border#b9b9b9
- editorCursor.foreground#000000
- editorError.foreground#f85149
- editorGroup.border#e5e5e5
- editorGroupHeader.noTabsBackground#f3f1ed
- editorGroupHeader.tabsBackground#f3f1ed
- editorGroupHeader.tabsBorder#e5e5e5
- editorGutter.addedBackground#2e7d32
- editorGutter.background#f9f7f4
- editorGutter.deletedBackground#c62828
- editorGutter.foldingControlForeground#424242
- editorGutter.modifiedBackground#1976d2
- editorHint.foreground#6e7681
- editorHoverWidget.background#f5f3ef
- editorHoverWidget.border#c8c8c8
- editorIndentGuide.activeBackground1#939393
- editorIndentGuide.background1#d3d4d5
- editorInfo.foreground#1976d2
- editorLineNumber.activeForeground#1f1f1f
- editorLineNumber.foreground#6e7681
- editorLink.activeForeground#0078d4
- editorOverviewRuler.addedForeground#2e7d32
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#c62828
- editorOverviewRuler.errorForeground#f85149
- editorOverviewRuler.findMatchForeground#bf8803
- editorOverviewRuler.infoForeground#1976d2
- editorOverviewRuler.modifiedForeground#1976d2
- editorOverviewRuler.rangeHighlightForeground#ffdf5d66
- editorOverviewRuler.selectionHighlightForeground#a0a0a0
- editorOverviewRuler.warningForeground#bf8803
- editorOverviewRuler.wordHighlightForeground#a0a0a0
- editorOverviewRuler.wordHighlightStrongForeground#0078d4
- editorRuler.foreground#d3d4d5
- editorSuggestWidget.background#f5f3ef
- editorSuggestWidget.border#c8c8c8
- editorSuggestWidget.foreground#3b3b3b
- editorSuggestWidget.highlightForeground#0078d4
- editorSuggestWidget.selectedBackground#d6ebff
- editorWarning.foreground#bf8803
- editorWhitespace.foreground#3b3b3b40
- editorWidget.background#f5f3ef
- editorWidget.border#c8c8c8
- editorWidget.foreground#3b3b3b
- errorForeground#f85149
- focusBorder#0078d4
- foreground#3b3b3b
- gitDecoration.addedResourceForeground#2e7d32
- gitDecoration.conflictingResourceForeground#bf8803
- gitDecoration.deletedResourceForeground#c62828
- gitDecoration.ignoredResourceForeground#8b949e
- gitDecoration.modifiedResourceForeground#1976d2
- gitDecoration.renamedResourceForeground#1976d2
- gitDecoration.stageDeletedResourceForeground#c62828
- gitDecoration.stageModifiedResourceForeground#1976d2
- gitDecoration.submoduleResourceForeground#1976d2
- gitDecoration.untrackedResourceForeground#2e7d32
- icon.foreground#424242
- input.background#ffffff
- input.border#cecece
- input.foreground#3b3b3b
- input.placeholderForeground#767676
- inputOption.activeBackground#0078d433
- inputOption.activeBorder#0078d4
- inputOption.activeForeground#3b3b3b
- list.activeSelectionBackground#d6ebff
- list.activeSelectionForeground#1f1f1f
- list.activeSelectionIconForeground#1f1f1f
- list.dropBackground#d6ebff
- list.errorForeground#f85149
- list.focusBackground#d6ebff
- list.focusForeground#3b3b3b
- list.focusHighlightForeground#0078d4
- list.highlightForeground#0078d4
- list.hoverBackground#eeebe7
- list.hoverForeground#3b3b3b
- list.inactiveSelectionBackground#e4e6f1
- list.inactiveSelectionForeground#3b3b3b
- list.invalidItemForeground#b89500
- list.warningForeground#bf8803
- listFilterWidget.background#f3f1ed
- listFilterWidget.noMatchesOutline#be1100
- listFilterWidget.outline#0078d4
- menu.background#faf8f5
- menu.foreground#3b3b3b
- menu.selectionBackground#0078d4
- menu.selectionForeground#ffffff
- menu.separatorBackground#d4d4d4
- menubar.selectionBackground#d6ebff
- menubar.selectionForeground#3b3b3b
- merge.border#c8c8c8
- merge.currentContentBackground#c6eccb40
- merge.currentHeaderBackground#c6eccb80
- merge.incomingContentBackground#add6ff40
- merge.incomingHeaderBackground#add6ff80
- minimap.background#f9f7f4
- minimap.findMatchHighlight#bf8803
- minimap.selectionHighlight#add6ff
- minimapSlider.activeBackground#64646473
- minimapSlider.background#64646433
- minimapSlider.hoverBackground#64646459
- notificationCenter.border#e5e5e5
- notificationCenterHeader.background#f3f3f3
- notificationCenterHeader.foreground#3b3b3b
- notificationLink.foreground#0078d4
- notifications.background#f3f3f3
- notifications.border#e5e5e5
- notifications.foreground#3b3b3b
- notificationsErrorIcon.foreground#f85149
- notificationsInfoIcon.foreground#1976d2
- notificationsWarningIcon.foreground#bf8803
- panel.background#f3f1ed
- panel.border#e5e5e5
- panelInput.border#cecece
- panelTitle.activeBorder#1f1f1f
- panelTitle.activeForeground#1f1f1f
- panelTitle.inactiveForeground#616161
- peekView.border#0078d4
- peekViewEditor.background#f5f3ef
- peekViewEditor.matchHighlightBackground#ffdf5d66
- peekViewEditorGutter.background#f5f3ef
- peekViewResult.background#f3f1ed
- peekViewResult.fileForeground#1f1f1f
- peekViewResult.lineForeground#616161
- peekViewResult.matchHighlightBackground#ffdf5d66
- peekViewResult.selectionBackground#d6ebff
- peekViewResult.selectionForeground#1f1f1f
- peekViewTitle.background#f3f1ed
- peekViewTitleDescription.foreground#616161
- peekViewTitleLabel.foreground#1f1f1f
- progressBar.background#0078d4
- scrollbar.shadow#dddddd
- scrollbarSlider.activeBackground#00000099
- scrollbarSlider.background#64646466
- scrollbarSlider.hoverBackground#646464b3
- selection.background#add6ff
- sideBar.background#f3f1ed
- sideBar.border#e5e5e5
- sideBar.foreground#3b3b3b
- sideBarSectionHeader.background#f3f1ed
- sideBarSectionHeader.border#e5e5e5
- sideBarSectionHeader.foreground#3b3b3b
- sideBarTitle.foreground#3b3b3b
- statusBar.background#f3f1ed
- statusBar.border#e5e5e5
- statusBar.debuggingBackground#cc6633
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#3b3b3b
- statusBar.noFolderBackground#68217a
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#00000020
- statusBarItem.errorBackground#c72e0f
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#00000010
- statusBarItem.prominentBackground#00000020
- statusBarItem.prominentHoverBackground#00000030
- statusBarItem.remoteBackground#0078d4
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#bf8803
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#f9f7f4
- tab.activeBorderTop#0078d4
- tab.activeForeground#3b3b3b
- tab.border#e5e5e5
- tab.hoverBackground#f9f7f4
- tab.hoverForeground#3b3b3b
- tab.inactiveBackground#efecea
- tab.inactiveForeground#616161
- tab.unfocusedActiveBorderTop#0078d480
- tab.unfocusedActiveForeground#3b3b3b
- tab.unfocusedInactiveForeground#616161
- terminal.ansiBlack#3b3b3b
- terminal.ansiBlue#0451a5
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#0451a5
- terminal.ansiBrightCyan#0598bc
- terminal.ansiBrightGreen#14ce14
- terminal.ansiBrightMagenta#bc05bc
- terminal.ansiBrightRed#cd3131
- terminal.ansiBrightWhite#a5a5a5
- terminal.ansiBrightYellow#b5ba00
- terminal.ansiCyan#0598bc
- terminal.ansiGreen#00bc00
- terminal.ansiMagenta#bc05bc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#555555
- terminal.ansiYellow#949800
- terminal.background#f3f1ed
- terminal.foreground#3b3b3b
- terminal.selectionBackground#add6ff
- terminalCursor.foreground#000000
- textBlockQuote.background#f3f1ed
- textBlockQuote.border#0078d4
- textCodeBlock.background#efecea
- textLink.activeForeground#0078d4
- textLink.foreground#0078d4
- textPreformat.foreground#3b3b3b
- titleBar.activeBackground#f3f1ed
- titleBar.activeForeground#1f1f1f
- titleBar.border#e5e5e5
- titleBar.inactiveBackground#f3f1ed
- titleBar.inactiveForeground#8b949e
- tree.indentGuidesStroke#a9a9a9
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6a737d | italic |
| string, string.quoted, string.template | #a31515 | — |
| constant.numeric, constant.language, constant.character | #098658 | — |
| constant.other | #0070c1 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage.type, storage.modifier | #0000ff | — |
| keyword.operator, punctuation | #3b3b3b | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.other.inherited-class, support.class, support.type | #267f99 | — |
| entity.name.function, support.function, meta.function-call | #795e26 | — |
| variable, variable.other, variable.parameter | #001080 | — |
| variable.language, variable.other.constant, support.constant | #0070c1 | — |
| entity.name.tag, punctuation.definition.tag, meta.tag | #800000 | — |
| entity.other.attribute-name | #e50000 | — |
| support.other.variable | #e50000 | — |
| invalid, invalid.illegal | #cd3131 | — |
| meta.embedded, source.groovy.embedded | #3b3b3b | — |
| markup.heading, entity.name.section | #0000ff | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.underline | — | underline |
| markup.quote | #6a737d | italic |
| markup.inline.raw, markup.fenced_code | #a31515 | — |
| markup.deleted | #cd3131 | — |
| markup.inserted | #098658 | — |
| markup.changed | #0070c1 | — |
| punctuation.definition.list.begin.markdown | #0000ff | — |
| markup.list | #3b3b3b | — |
| string.other.link, markup.underline.link | #0078d4 | — |