Markdoc Theme
Publisher: Adebiyi AdedotunThemes in package: 1
VSCode theme inspired by Markdoc
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.background#121110
- activityBar.foreground#ffbd14
- activityBar.inactiveForeground#fcfcf2
- activityBarBadge.background#ffbd14
- activityBarBadge.foreground#262327
- badge.background#ffd848
- badge.foreground#18181b
- breadcrumb.activeSelectionForeground#ffd848
- breadcrumb.background#18181b
- breadcrumb.focusForeground#ffd848
- breadcrumb.foreground#fcfcf2cc
- breadcrumbPicker.background#2c2c30
- button.background#ffd848
- button.border#58585f
- button.foreground#18181b
- button.hoverBackground#ffd848d9
- button.secondaryBackground#18181b
- button.secondaryForeground#fff
- button.secondaryHoverBackground#18181b
- checkbox.background#18181b
- checkbox.border#58585f
- checkbox.foreground#fff
- contrastBorder#262327a0
- debugToolBar.background#ff0000
- descriptionForeground#ff0000
- disabledForeground#ff0000
- dropdown.background#2c2c30
- dropdown.border#58585f
- dropdown.foreground#ffd848
- dropdown.listBackground#2c2c30
- editor.background#18181b
- editor.foreground#d4d4d4
- editor.lineHighlightBackground#262327
- editor.lineHighlightBorder#262327
- editor.selectionBackground#ffbd1460
- editor.selectionHighlightBackground#ffbd1430
- editorCursor.foreground#ffbd14
- editorGroup.emptyBackground#121110
- editorGroupHeader.tabsBackground#121110
- editorGutter.addedBackground#52914a
- editorGutter.deletedBackground#f84343
- editorGutter.modifiedBackground#16769c
- editorHoverWidget.background#262327
- editorHoverWidget.border#262327a0
- editorIndentGuide.background#262327
- editorLink.activeForeground#ffbd14
- editorOverviewRuler.border#26232700
- editorSuggestWidget.background#121110
- editorSuggestWidget.border#262327a0
- editorSuggestWidget.focusHighlightForeground#ffbd14
- editorSuggestWidget.selectedBackground#262327
- editorSuggestWidget.selectedForeground#ffbd14
- editorSuggestWidget.selectedIconForeground#9cdcfe
- errorForeground#ff0000
- extensionButton.prominentBackground#ffbd14
- extensionButton.prominentForeground#121110
- extensionButton.prominentHoverBackground#ffcc23
- focusBorder#58585f
- foreground#fff
- icon.foreground#ffd848
- input.background#18181b
- input.border#58585f
- input.foreground#fff
- input.placeholderForeground#fff
- inputOption.activeBackground#58585f
- inputOption.activeBorder#18181b
- inputOption.activeForeground#ffd848
- inputOption.hoverBackground#58585f
- inputValidation.errorBackground#18181b
- inputValidation.errorBorder#eb5757d6
- inputValidation.errorForeground#EB5757
- inputValidation.infoBackground#EFF5EF
- inputValidation.infoBorder#C5D8B5
- inputValidation.infoForeground#2a5327
- inputValidation.warningBackground#fff1bf
- inputValidation.warningBorder#ffcc00
- inputValidation.warningForeground#d9c73f
- list.activeSelectionBackground#2c2c30
- list.activeSelectionForeground#ffcc00
- list.activeSelectionIconForeground#fff
- list.deemphasizedForeground#ffffff90
- list.dropBackground#2c2c30
- list.errorForeground#EB5757
- list.filterMatchBackground#916430
- list.filterMatchBorder#58585f
- list.focusBackground#18181b
- list.focusForeground#ffcc00
- list.focusHighlightForeground#121110
- list.focusOutline#58585f
- list.highlightForeground#ffbd14
- list.hoverBackground#2c2c30
- list.hoverForeground#ffcc00
- list.inactiveFocusBackground#2c2c30
- list.inactiveFocusOutline#58585f
- list.inactiveSelectionBackground#2c2c30
- list.inactiveSelectionForeground#ffcc00
- list.inactiveSelectionIconForeground#fff
- list.invalidItemForeground#EB5757
- list.warningForeground#d9c73f
- listFilterWidget.background#18181b
- listFilterWidget.noMatchesOutline#eb5757d6
- listFilterWidget.outline#58585f
- notificationCenterHeader.background#1e1e1e
- notificationLink.foreground#ffbd14
- notifications.background#121110
- notificationsErrorIcon.foreground#e02d2d
- panelTitle.activeBorder#ffbd14
- peekView.border#fcfcf230
- peekViewEditor.background#1e1e1e
- peekViewEditor.matchHighlightBackground#ffbd1420
- peekViewResult.background#121110
- peekViewResult.matchHighlightBackground#ffbd1420
- peekViewResult.selectionBackground#262327
- peekViewTitle.background#262327
- peekViewTitleDescription.foreground#fcfcf2
- peekViewTitleLabel.foreground#fcfcf2
- pickerGroup.foreground#ffbd14
- progressBar.background#ffd848
- quickInput.background#121110
- sash.hoverBorder#ff0000
- scrollbar.shadow#2c2c30
- scrollbarSlider.activeBackground#ffd848
- scrollbarSlider.background#2c2c30
- scrollbarSlider.hoverBackground#ffd848
- selection.background#ffd848
- sideBar.background#18181b
- sideBar.border#58585f
- sideBar.foreground#fff
- sideBarSectionHeader.background#2c2c30
- sideBarSectionHeader.border#58585f
- sideBarSectionHeader.foreground#fff
- sideBarTitle.foreground#fff
- statusBar.background#121110
- statusBar.debuggingBackground#ffbd14
- statusBar.debuggingForeground#121110
- statusBar.noFolderBackground#121110
- statusBarItem.activeBackground#ffbd14
- statusBarItem.hoverBackground#ffbc14
- tab.activeBackground#121110
- tab.activeBorderTop#ffbd14
- tab.inactiveBackground#121110
- terminal.tab.activeBorder#ffbd14
- textBlockQuote.background#2c2c30
- textBlockQuote.border#58585f
- textLink.activeForeground#ffd848
- textLink.foreground#fff
- textPreformat.foreground#ffd848
- titleBar.activeBackground#18181b
- titleBar.activeForeground#fff
- titleBar.border#58585f
- titleBar.inactiveBackground#2c2c30
- titleBar.inactiveForeground#fff
- toolbar.activeBackground#18181b
- toolbar.hoverBackground#18181b
- toolbar.hoverOutline#58585f
- welcomePage.background#18181b
- welcomePage.progress.background#ffd848
- welcomePage.tileBackground#2c2c30
- welcomePage.tileHoverBackground#58585f
- widget.shadow#2c2c30
- window.activeBorder#ff0000
- window.inactiveBorder#ff0000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| comment | #fff6 | italic |
| constant.language, constant.character, constant.other | #EAC66C | — |
| constant.numeric | #ff80ff | — |
| constant.regexp | #646695 | — |
| entity.name.tag | #EAC66C | — |
| entity.name.tag.css | #D7BA7D | — |
| entity.other.attribute-name | #9CDCFE | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss | — | — |
| invalid | #F44747 | — |
| markup.underline | — | underline |
| markup.bold | #EAC66C | bold |
| markup.heading | #9BB46E | bold |
| markup.italic | — | italic |
| markup.inserted | #B5CEA8 | — |
| markup.deleted | #BF9277 | — |
| markup.changed | #EAC66C | — |
| beginning.punctuation.definition.quote.markdown | #608B4E | — |
| beginning.punctuation.definition.list.markdown | #6796E6 | — |
| markup.inline.raw | #BF9277 | — |
| meta.selector | #D7BA7D | — |
| punctuation.definition.tag | #808080 | — |
| meta.preprocessor | #EAC66C | — |
| meta.preprocessor.string | #BF9277 | — |
| meta.preprocessor.numeric | #B5CEA8 | — |
| meta.structure.dictionary.key.python | #9CDCFE | — |
| meta.diff.header | #EAC66C | — |
| storage | #EAC66C | — |
| storage.type | #ffd848 | — |
| storage.modifier | #EAC66C | — |
| string | #fff | — |
| string.tag | #C99677 | — |
| string.value | #C99677 | — |
| string.regexp | #D16969 | — |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js | #EAC66C | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, keyword.other.class.cs | #9CDCFE | — |
| keyword | #EAC66C | — |
| keyword.control | #ffd848 | — |
| keyword.operator | #9CDCFE | — |
| keyword.operator.sigil.rust, keyword.operator.address.go, keyword.operator.misc.rust | #9CDCFE | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python, support.function.builtin.go, support.function.core.rust | #EAC66C | — |
| keyword.other.unit | #ff80ff | — |
| punctuation.section.embedded.begin.metatag.php, punctuation.section.embedded.end.metatag.php, punctuation.separator.pointer-access.c | #EAC66C | — |
| punctuation.separator.namespace.access.cpp, variable.parameter | #fff | italic |
| storage.type.function.js, storage.type.function.python, keyword.function.go, keyword.control.def.ruby | #9CDCFE | italic |
| support.function.git-rebase | #9CDCFE | — |
| constant.sha.git-rebase | #B5CEA8 | — |
| storage.modifier.import.java, storage.modifier.package.java | #D4D4D4 | — |
| variable.language, variable.parameter.function.language.special.self.python, keyword.other.this.cs | #9CDCFE | — |
| entity.name.function, entity.name.type.type-parameter.cs, support.function, support.constant.handlebars, meta.function-call.generic.python | #80e9ff | — |
| meta.return-type, support.class, support.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, keyword.operator.type.annotation.ts, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #9CDCFE | — |
| entity.name.type | #FFBD14 | — |
| entity.other.inherited-class | #FFBD14 | italic |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json | #9BB46E | — |
| variable, meta.definition.variable.name, support.variable | #D6D6D6 | — |
| meta.object-literal.key, meta.object-literal.key entity.name.function | #9CDCFE | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #80e9ff | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| meta.var.expr | #fff | — |
| punctuation.definition.parameters.begin, meta.parameters, meta.function, source | #fff | — |