Object Design System VSCode Themes
Publisher: MartineCodingThemes in package: 2
Object Design System VSCode Themes by Martine Coding
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#ff66c4
- activityBar.background#050014
- activityBar.foreground#faebd7
- activityBar.inactiveForeground#faebd780
- activityBarBadge.background#ff66c4
- activityBarBadge.foreground#050014
- button.background#ff66c4
- button.foreground#050014
- button.hoverBackground#bb3186
- commandCenter.background#050014
- commandCenter.border#bb3186
- commandCenter.foreground#faebd7
- editor.background#050014
- editor.foreground#faebd7
- editor.hoverHighlightBackground#bb318630
- editor.lineHighlightBackground#35152a
- editor.selectionHighlightBackground#bb318650
- editor.wordHighlightBackground#bb318630
- editorCursor.foreground#ff66c4
- editorError.foreground#E83F5B
- editorGroup.border#bb3186
- editorGroupHeader.tabsBackground#050014
- editorGutter.background#050014
- editorInfo.foreground#1473E6
- editorLineNumber.activeForeground#bb3186
- editorLineNumber.foreground#35152a
- editorWarning.foreground#FF8C00
- errorForeground#E83F5B
- input.background#35152a
- input.border#bb3186
- input.foreground#faebd7
- input.placeholderForeground#faebd780
- inputOption.activeBorder#ff66c4
- list.activeSelectionBackground#35152a
- list.activeSelectionForeground#faebd7
- list.hoverBackground#35152a
- list.inactiveSelectionBackground#35152a
- menu.background#35152a
- menu.foreground#faebd7
- menu.selectionBackground#bb3186
- panel.background#050014
- quickInput.background#050014
- quickInput.foreground#faebd7
- scrollbarSlider.activeBackground#ff66c4
- scrollbarSlider.background#bb318670
- scrollbarSlider.hoverBackground#bb318690
- selection.background#35152a
- settings.checkboxBackground#4b1e3d
- settings.checkboxBorder#bb3186
- settings.checkboxForeground#ff66c4
- settings.dropdownBackground#4b1e3d
- settings.dropdownBorder#bb3186
- settings.dropdownForeground#faebd7
- settings.dropdownListBorder#ff66c4
- sideBar.background#050014
- sideBar.border#35152a
- sideBar.foreground#faebd7
- sideBarSectionHeader.background#35152a
- sideBarSectionHeader.foreground#faebd7
- statusBar.background#050014
- statusBar.border#bb3186
- statusBar.debuggingBackground#bb3186
- statusBar.debuggingForeground#faebd7
- statusBar.foreground#faebd7
- statusBarItem.hoverBackground#35152a
- statusBarItem.remoteBackground#d43790
- statusBarItem.remoteForeground#faebd7
- tab.activeBackground#35152a
- tab.activeBorderTop#bb3186
- tab.activeForeground#faebd7
- tab.border#35152a
- tab.hoverBackground#35152a
- tab.inactiveBackground#050014
- tab.inactiveForeground#faebd780
- terminal.ansiBlack#35152a
- terminal.ansiBlue#1473E6
- terminal.ansiBrightBlack#bb3186
- terminal.ansiBrightBlue#1473E6
- terminal.ansiBrightCyan#4CD62B
- terminal.ansiBrightGreen#4CD62B
- terminal.ansiBrightMagenta#ff66c4
- terminal.ansiBrightRed#E83F5B
- terminal.ansiBrightWhite#faebd7
- terminal.ansiBrightYellow#FF8C00
- terminal.ansiCyan#4CD62B
- terminal.ansiGreen#4CD62B
- terminal.ansiMagenta#bb3186
- terminal.ansiRed#E83F5B
- terminal.ansiWhite#faebd7
- terminal.ansiYellow#FF8C00
- terminal.background#050014
- terminal.foreground#faebd7
- terminalCursor.foreground#ff66c4
- titleBar.activeBackground#050014
- titleBar.activeForeground#faebd7
- titleBar.inactiveBackground#050014
- titleBar.inactiveForeground#faebd780
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| storage, keyword | #ff66c4 | italic bold |
| storage.modifier, constant.numeric, keyword.control, entity.name.package, support.class.component, markup.underline.link, entity.other.keyframe-offset.percentage.css, entity.other.keyframe-offset.percentage.scss, entity.other.keyframe-offset.percentage.less, markup.changed | #FF8C00 | — |
| punctuation.definition.string, string.quoted, string.template, string.unquoted, string.regexp, string, punctuation.definition.string.begin, punctuation.definition.string.end, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end | #faebd7 | italic |
| variable.other.object.property | #ec8fd0 | |
| variable.other.property | #ff66c4 | — |
| storage.type.generic, support.constant.color, meta.at-rule.header.css, meta.at-rule.header.scss, meta.at-rule.header.less, constant.other.color.rgb-value.hex.css, constant.other.color.rgb-value.hex.scss, constant.other.color.rgb-value.hex.less, entity.name.type.instance, source.embedded, entity.name.filename, meta.tag.inline source, entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp, punctuation.definition.group.regexp, meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property, meta.variable.assignment.destructured.object.coffee variable, meta.selectionset.graphql variable, meta.scope.prerequisites.makefile, meta.attribute-selector.scss | #faebd7 | — |
| markup.italic, entity.name.directive.restructuredtext, markup.quote, comment.block.documentation variable, entity.other.attribute-name.id, entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, constant.other.date, constant.other.timestamp | #faebd7 | — |
| variable.parameter | #ec8fd0 | italic |
| variable, constant.language, punctuation.definition.link.title, punctuation.definition.link.description, punctuation.definition.metadata, meta.definition, meta.method.body, meta.method-call, meta.group.regexp, meta.property-value, support.constant.property-value, support.constant.font-name, keyword.other.DML.sql, meta.body.function.definition.cpp, variable.other.constant.ts, constant | #ec8fd0 | — |
| support.variable | #faebd7 | — |
| meta.object-literal | #ec8fd0 | italic bold |
| variable.other.constant, constant.language.import-export-all, constant.other, constant.character, keyword.other.order, keyword.other.LUW, entity.other.inherited-class, string.other, meta.function-call.arguments, support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, variable.parameter.keyframe-list.css, variable.parameter.keyframe-list.scss, variable.parameter.keyframe-list.less, keyword.other.sql, storage.type.java, variable.language.this, support.type.property-name.media.css, support.type.property-name.media.scss, support.type.property-name.media.less, keyword.other.this, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special | #d43790 | — |
| variable.other.object, entity.name.type | #d43790 | bold |
| keyword.operator.new | #ff66c4 | — |
| constant.language.boolean, support.class, markup.raw, markup.inline, markup.fenced_code, meta.function-call, keyword.other.DML.II.sql, storage.type.annotation.java, markup.inserted, markup.inline.raw, markup.raw.restructuredtext, fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown, meta.function-call.generic, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix, meta.decorator variable.other.object, meta.assertion.look-ahead.regexp | #4CD62B | — |
| constant.language.boolean.true | #4CD62B | italic bold |
| constant.language.boolean.false, keyword.other, markup.deleted, markup.error, string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end, punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp, token.error-token | #E83F5B | italic bold |
| constant.language.null, constant.language.undefined, invalid.deprecated | #faebd7c0 | — |
| keyword.operator, strong, keyword.control.new, keyword.operator.new | — | — |
| markup.bold | — | — |
| keyword.control.conditional | #FF8C00 | — |
| keyword.control.import, keyword.control.as, keyword.control.default, keyword.control.at-rule, keyword.control.from, keyword.control.new, keyword.other.definition, keyword.other.special-method, keyword.other.object-comments, keyword.other.create, keyword.other.DML, keyword.other.data-integrity, keyword.other.DDL, keyword.control.try, keyword.control.catch, keyword.other.documentation, entity.name.tag, meta.at-rule, keyword.other.package.java, keyword.other.import.java, storage.modifier.java, storage.modifier.implements.java, keyword.control.java, keyword.control.flow.python, meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title, comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class, constant.character.escape, constant.character.string.escape, constant.regexp, entity.other.attribute-name.parent-selector, punctuation.definition.keyword, meta.selector, meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.group.double.toml, meta.group.toml, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.colon.graphql, punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, string.unquoted.heredoc punctuation.definition.string, support.other.chomping-indicator.yaml, punctuation.separator.annotation, punctuation.definition.variable.makefile, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def, punctuation.definition.group.capture.regexp | #ff66c4 | — |
| support.type.property-name | #ff66c4 | |
| entity.other.attribute-name, support.function, meta.decorator variable.other.readwrite, meta.decorator variable.other.property, variable.other.alias.yaml | #4CD62B | — |
| entity.name.function | #4CD62B | italic bold |
| entity.name.section.markdown, punctuation.definition.comment, punctuation.definition.heading, meta.link, keyword.other.DDL.create.II.sql, meta.separator, support.type.primitive, fenced_code, meta.function-call punctuation | #d43790 | italic bold |
| punctuation | #bb3186 | italic bold |
| support.type.object | #bb3186 | italic |
| markup.underline | #bb3186 | — |
| meta.paragraph, meta.jsx, source, text, meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end, keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.round, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag.cs, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor, meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable, meta.selectionset.graphql meta.arguments variable, constant.other.symbol.hashkey.ruby, keyword.operator.dereference.java, keyword.operator.navigation.groovy, meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string, storage.modifier.import, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.separator.list.comma.css, constant.language.empty-list.haskell, punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss | #faebd7 | italic |
| meta.import variable.other.readwrite.alias | #faebd7 | — |
| comment | #faebd7c0 | italic |
| comment.block | #faebd7c0 | italic |
| support.constant.property-value.css, support.constant.property-value.scss, support.constant.property-value.less, support.constant.font-name.css, support.constant.font-name.scss, support.constant.font-name.less, keyword.expressions-and-types.swift | #ec8fd0 | — |
| punctuation.definition.comment.html, comment.block.html | #faebd7c0 | — |
| invalid | #E83F5B | — |