One Dark Italic Theme
Publisher: mblodeThemes in package: 1
One Dark Theme based on Atom with Italics
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#333842
- activityBar.foreground#D7DAE0
- activityBarBadge.background#528BFF
- activityBarBadge.foreground#D7DAE0
- badge.background#528BFF
- badge.foreground#D7DAE0
- button.background#4D78CC
- button.foreground#FFFFFF
- button.hoverBackground#6087CF
- diffEditor.insertedTextBackground#00809B33
- dropdown.background#353b45
- dropdown.border#181A1F
- editor.background#282C34
- editor.lineHighlightBackground#2C313A
- editor.selectionBackground#3E4451
- editorCursor.foreground#528BFF
- editorGroup.background#21252B
- editorGroup.border#181A1F
- editorGroupHeader.tabsBackground#21252B
- editorHoverWidget.background#21252B
- editorHoverWidget.border#181A1F
- editorIndentGuide.background#3C4049
- editorLineNumber.foreground#636D83
- editorSuggestWidget.background#21252B
- editorSuggestWidget.border#181A1F
- editorSuggestWidget.selectedBackground#2C313A
- editorWhitespace.foreground#3C4049
- editorWidget.background#21252B
- extensionButton.prominentBackground#2BA143
- extensionButton.prominentHoverBackground#37AF4E
- focusBorder#528BFF
- input.background#1B1D23
- input.border#181A1F
- list.activeSelectionBackground#2C313A
- list.activeSelectionForeground#D7DAE0
- list.focusBackground#2C313A
- list.highlightForeground#D7DAE0
- list.hoverBackground#2C313A66
- list.inactiveSelectionBackground#2C313A
- list.inactiveSelectionForeground#D7DAE0
- notification.background#21252B
- peekView.border#528BFF
- peekViewEditor.background#1B1D23
- peekViewResult.background#21252B
- peekViewResult.selectionBackground#2C313A
- peekViewTitle.background#1B1D23
- pickerGroup.border#528BFF
- scrollbarSlider.activeBackground#747D9180
- scrollbarSlider.background#4E566680
- scrollbarSlider.hoverBackground#5A637580
- sideBar.background#21252B
- sideBarSectionHeader.background#333842
- statusBar.background#21252B
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#9DA5B4
- statusBar.noFolderBackground#21252B
- statusBarItem.hoverBackground#2C313A
- tab.activeBackground#282C34
- tab.border#181A1F
- tab.inactiveBackground#21252B
- titleBar.activeBackground#21252B
- titleBar.activeForeground#9DA5B4
- titleBar.inactiveBackground#21252B
- titleBar.inactiveForeground#9DA5B4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #5C6370 | italic |
| comment markup.link | #5C6370 | — |
| entity.name.type | #E5C07B | — |
| entity.other.inherited-class | #98C379 | — |
| keyword | #C678DD | — |
| keyword.control | #C678DD | italic |
| keyword.operator | #ABB2BF | — |
| keyword.other.special-method | #61AFEF | — |
| keyword.other.unit | #D19A66 | — |
| storage | #C678DD | — |
| storage.type.annotation, storage.type.primitive | #C678DD | — |
| storage.modifier.package, storage.modifier.import | #ABB2BF | — |
| constant | #D19A66 | — |
| constant.variable | #D19A66 | — |
| constant.character.escape | #56B6C2 | — |
| constant.numeric | #D19A66 | — |
| constant.other.color | #56B6C2 | — |
| constant.other.symbol | #56B6C2 | — |
| variable | #E06C75 | — |
| variable.interpolation | #BE5046 | — |
| variable.parameter | #ABB2BF | — |
| string | #98C379 | — |
| string.regexp | #56B6C2 | — |
| string.regexp source.ruby.embedded | #E5C07B | — |
| string.other.link | #E06C75 | — |
| punctuation.definition.comment | #5C6370 | — |
| punctuation.definition.method-parameters, punctuation.definition.function-parameters, punctuation.definition.parameters, punctuation.definition.separator, punctuation.definition.seperator, punctuation.definition.array | #ABB2BF | — |
| punctuation.definition.heading, punctuation.definition.identity | #61AFEF | — |
| punctuation.definition.bold | #E5C07B | bold |
| punctuation.definition.italic | #C678DD | italic |
| punctuation.section.embedded | #BE5046 | — |
| punctuation.section.method, punctuation.section.class, punctuation.section.inner-class | #ABB2BF | — |
| support.class | #E5C07B | — |
| support.type | #56B6C2 | — |
| support.function | #56B6C2 | — |
| support.function.any-method | #61AFEF | — |
| entity.name.function | #61AFEF | — |
| entity.name.class, entity.name.type.class | #E5C07B | — |
| entity.name.section | #61AFEF | — |
| entity.name.tag | #E06C75 | — |
| entity.other.attribute-name | #D19A66 | italic |
| entity.other.attribute-name.id | #61AFEF | — |
| meta.class | #E5C07B | — |
| meta.class.body | #ABB2BF | — |
| meta.method-call, meta.method | #ABB2BF | — |
| meta.definition.variable | #E06C75 | — |
| meta.link | #D19A66 | — |
| meta.require | #61AFEF | — |
| meta.selector | #C678DD | — |
| meta.separator | #ABB2BF | — |
| meta.tag | #ABB2BF | — |
| underline | — | — |
| none | #ABB2BF | — |
| invalid.deprecated | #523D14 | — |
| invalid.illegal | white | — |
| markup.bold | #D19A66 | bold |
| markup.changed | #C678DD | — |
| markup.deleted | #E06C75 | — |
| markup.italic | #C678DD | italic |
| markup.heading | #E06C75 | — |
| markup.heading punctuation.definition.heading | #61AFEF | — |
| markup.link | #D19A66 | — |
| markup.inserted | #98C379 | — |
| markup.quote | #D19A66 | — |
| markup.raw | #98C379 | — |
| source.c keyword.operator | #C678DD | — |
| source.cpp keyword.operator | #C678DD | — |
| source.cs keyword.operator | #C678DD | — |
| source.css property-name, source.css property-value | #828997 | — |
| source.css property-name.support, source.css property-value.support | #ABB2BF | — |
| source.gfm markup | — | — |
| source.gfm link entity | #61AFEF | — |
| source.go storage.type.string | #C678DD | — |
| source.ini keyword.other.definition.ini | #E06C75 | — |
| source.java storage.modifier.import | #E5C07B | — |
| source.java storage.type | #E5C07B | — |
| source.java keyword.operator.instanceof | #C678DD | — |
| source.java-properties meta.key-pair | #E06C75 | — |
| source.java-properties meta.key-pair > punctuation | #ABB2BF | — |
| source.js keyword.operator | #56B6C2 | — |
| source.js keyword.operator.delete, source.js keyword.operator.in, source.js keyword.operator.of, source.js keyword.operator.instanceof, source.js keyword.operator.new, source.js keyword.operator.typeof, source.js keyword.operator.void | #C678DD | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #E06C75 | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #E06C75 | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json, source.json meta.structure.array.json > value.json > string.quoted.json, source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation, source.json meta.structure.array.json > value.json > string.quoted.json > punctuation | #98C379 | — |
| source.json meta.structure.dictionary.json > constant.language.json, source.json meta.structure.array.json > constant.language.json | #56B6C2 | — |
| source.ruby constant.other.symbol > punctuation | inherit | — |
| source.python keyword.operator.logical.python | #C678DD | — |
| source.python variable.parameter | #D19A66 | — |
| meta.attribute.rust | #BCC199 | — |
| storage.modifier.lifetime.rust, entity.name.lifetime.rust | #33E8EC | — |
| keyword.unsafe.rust | #CC6B73 | — |
| customrule | #ABB2BF | — |
| support.type.property-name | #ABB2BF | — |
| string.quoted.double punctuation | #98C379 | — |
| support.constant | #D19A66 | — |
| support.type.property-name.json | #E06C75 | — |
| support.type.property-name.json punctuation | #E06C75 | — |
| punctuation.separator.key-value.ts, punctuation.separator.key-value.js, punctuation.separator.key-value.tsx | #56B6C2 | — |
| source.js.embedded.html keyword.operator, source.ts.embedded.html keyword.operator | #56B6C2 | — |
| variable.other.readwrite.js, variable.other.readwrite.ts, variable.other.readwrite.tsx | #ABB2BF | — |
| support.variable.dom.js, support.variable.dom.ts | #E06C75 | — |
| support.variable.property.dom.js, support.variable.property.dom.ts | #E06C75 | — |
| meta.template.expression.js punctuation.definition, meta.template.expression.ts punctuation.definition | #BE5046 | — |
| source.ts punctuation.definition.typeparameters, source.js punctuation.definition.typeparameters, source.tsx punctuation.definition.typeparameters | #ABB2BF | — |
| source.ts punctuation.definition.block, source.js punctuation.definition.block, source.tsx punctuation.definition.block | #ABB2BF | — |
| source.ts punctuation.separator.comma, source.js punctuation.separator.comma, source.tsx punctuation.separator.comma | #ABB2BF | — |
| support.variable.property.js, support.variable.property.ts, support.variable.property.tsx | #E06C75 | — |
| keyword.control.default.js, keyword.control.default.ts, keyword.control.default.tsx | #E06C75 | — |
| keyword.operator.expression.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.instanceof.tsx | #C678DD | — |
| keyword.operator.expression.of.js, keyword.operator.expression.of.ts, keyword.operator.expression.of.tsx | #C678DD | — |
| meta.brace.round.js, meta.array-binding-pattern-variable.js, meta.brace.square.js, meta.brace.round.ts, meta.array-binding-pattern-variable.ts, meta.brace.square.ts, meta.brace.round.tsx, meta.array-binding-pattern-variable.tsx, meta.brace.square.tsx | #ABB2BF | — |
| source.js punctuation.accessor, source.ts punctuation.accessor, source.tsx punctuation.accessor | #ABB2BF | — |
| punctuation.terminator.statement.js, punctuation.terminator.statement.ts, punctuation.terminator.statement.tsx | #ABB2BF | — |
| meta.array-binding-pattern-variable.js variable.other.readwrite.js, meta.array-binding-pattern-variable.ts variable.other.readwrite.ts, meta.array-binding-pattern-variable.tsx variable.other.readwrite.tsx | #D19A66 | — |
| source.js support.variable, source.ts support.variable, source.tsx support.variable | #E06C75 | — |
| variable.other.constant.property.js, variable.other.constant.property.ts, variable.other.constant.property.tsx | #D19A66 | — |
| keyword.operator.new.ts, keyword.operator.new.j, keyword.operator.new.tsx | #C678DD | — |
| source.ts keyword.operator, source.tsx keyword.operator | #56B6C2 | — |
| punctuation.separator.parameter.js, punctuation.separator.parameter.ts, punctuation.separator.parameter.tsx | #ABB2BF | — |
| constant.language.import-export-all.js, constant.language.import-export-all.ts | #E06C75 | — |
| constant.language.import-export-all.jsx, constant.language.import-export-all.tsx | #56B6C2 | — |
| keyword.control.as.js, keyword.control.as.ts, keyword.control.as.jsx, keyword.control.as.tsx | #ABB2BF | — |
| variable.other.readwrite.alias.js, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.jsx, variable.other.readwrite.alias.tsx | #E06C75 | — |
| variable.other.constant.js, variable.other.constant.ts, variable.other.constant.jsx, variable.other.constant.tsx | #D19A66 | — |
| meta.export.default.js variable.other.readwrite.js, meta.export.default.ts variable.other.readwrite.ts | #E06C75 | — |
| source.js meta.template.expression.js punctuation.accessor, source.ts meta.template.expression.ts punctuation.accessor, source.tsx meta.template.expression.tsx punctuation.accessor | #98C379 | — |
| source.js meta.import-equals.external.js keyword.operator, source.jsx meta.import-equals.external.jsx keyword.operator, source.ts meta.import-equals.external.ts keyword.operator, source.tsx meta.import-equals.external.tsx keyword.operator | #ABB2BF | — |
| entity.name.type.module.js,entity.name.type.module.ts,entity.name.type.module.jsx,entity.name.type.module.tsx | #98C379 | — |
| meta.class.js,meta.class.ts,meta.class.jsx,meta.class.tsx | #ABB2BF | — |
| meta.definition.property.js variable, meta.definition.property.ts variable, meta.definition.property.jsx variable, meta.definition.property.tsx variable | #ABB2BF | — |
| meta.type.parameters.js support.type, meta.type.parameters.jsx support.type, meta.type.parameters.ts support.type, meta.type.parameters.tsx support.type | #ABB2BF | — |
| source.js meta.tag.js keyword.operator, source.jsx meta.tag.jsx keyword.operator, source.ts meta.tag.ts keyword.operator, source.tsx meta.tag.tsx keyword.operator | #ABB2BF | — |
| meta.tag.js punctuation.section.embedded, meta.tag.jsx punctuation.section.embedded, meta.tag.ts punctuation.section.embedded, meta.tag.tsx punctuation.section.embedded | #ABB2BF | — |
| meta.array.literal.js variable, meta.array.literal.jsx variable, meta.array.literal.ts variable, meta.array.literal.tsx variable | #E5C07B | — |
| support.type.object.module.js, support.type.object.module.jsx, support.type.object.module.ts, support.type.object.module.tsx | #E06C75 | — |
| constant.language.json | #56B6C2 | — |
| variable.other.constant.object.js, variable.other.constant.object.jsx, variable.other.constant.object.ts, variable.other.constant.object.tsx | #D19A66 | — |
| storage.type.property.js, storage.type.property.jsx, storage.type.property.ts, storage.type.property.tsx | #56B6C2 | — |
| meta.template.expression.js string.quoted punctuation.definition, meta.template.expression.jsx string.quoted punctuation.definition, meta.template.expression.ts string.quoted punctuation.definition, meta.template.expression.tsx string.quoted punctuation.definition | #98C379 | — |
| meta.template.expression.js string.template punctuation.definition.string.template, meta.template.expression.jsx string.template punctuation.definition.string.template, meta.template.expression.ts string.template punctuation.definition.string.template, meta.template.expression.tsx string.template punctuation.definition.string.template | #98C379 | — |
| keyword.operator.expression.in.js, keyword.operator.expression.in.jsx, keyword.operator.expression.in.ts, keyword.operator.expression.in.tsx | #C678DD | — |
| source.python constant.other | #ABB2BF | — |
| source.python constant | #D19A66 | — |
| constant.character.format.placeholder.other.python storage | #D19A66 | — |
| support.variable.magic.python | #E06C75 | — |
| meta.function.parameters.python | #D19A66 | — |
| punctuation.separator.annotation.python | #ABB2BF | — |
| punctuation.separator.parameters.python | #ABB2BF | — |
| entity.name.variable.field.cs | #E06C75 | — |
| source.cs keyword.operator | #ABB2BF | — |
| variable.other.readwrite.cs | #ABB2BF | — |
| variable.other.object.cs | #ABB2BF | — |
| variable.other.object.property.cs | #ABB2BF | — |
| entity.name.variable.property.cs | #61AFEF | — |
| storage.type.cs | #E5C07B | — |
| keyword.other.unsafe.rust | #E06C75 | — |
| markup.raw.block.markdown | #ABB2BF | — |
| punctuation.definition.variable.shell | #E06C75 | — |
| support.constant.property-value.css | #ABB2BF | — |
| punctuation.definition.constant.css | #D19A66 | — |
| punctuation.separator.key-value.scss | #E06C75 | — |
| punctuation.definition.constant.scss | #D19A66 | — |
| meta.property-list.scss punctuation.separator.key-value.scss | #ABB2BF | — |
| storage.type.primitive.array.java | #E5C07B | — |
| entity.name.section.markdown | #E06C75 | — |
| punctuation.definition.heading.markdown | #E06C75 | — |
| markup.heading.setext | #ABB2BF | — |
| punctuation.definition.bold.markdown | #D19A66 | — |
| markup.inline.raw.markdown | #98C379 | — |
| beginning.punctuation.definition.list.markdown | #E06C75 | — |
| markup.quote.markdown | #5C6370 | italic |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #ABB2BF | — |
| punctuation.definition.metadata.markdown | #C678DD | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #C678DD | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #61AFEF | — |
| punctuation.separator.variable.ruby | #E06C75 | — |
| variable.other.constant.ruby | #D19A66 | — |
| keyword.operator.other.ruby | #98C379 | — |
| punctuation.definition.variable.php | #E06C75 | — |
| meta.class.php | #ABB2BF | — |
| entity.name.section, entity.name.section.markdown | #dddddd | bold |
| text.html.markdown meta.disable-markdown entity.name.tag, text.html.markdown meta.disable-markdown meta.tag, text.html.markdown meta.disable-markdown meta.tag punctuation.definition.tag, text.html.markdown meta.disable-markdown meta.tag string.quoted meta.string-contents, text.html.markdown meta.disable-markdown meta.tag string.quoted punctuation.definition.string, text.html.markdown meta.disable-markdown meta.tag entity.other.attribute-name, text.html.markdown meta.paragraph.markdown entity.name.tag, text.html.markdown meta.paragraph.markdown meta.tag, text.html.markdown meta.paragraph.markdown meta.tag punctuation.definition.tag, text.html.markdown meta.paragraph.markdown meta.tag string.quoted meta.string-contents, text.html.markdown meta.paragraph.markdown meta.tag string.quoted punctuation.definition.string, text.html.markdown meta.paragraph.markdown meta.tag entity.other.attribute-name, text.html.markdown markup.list entity.name.tag, text.html.markdown markup.list meta.tag, text.html.markdown markup.list meta.tag punctuation.definition.tag, text.html.markdown markup.list meta.tag string.quoted meta.string-contents, text.html.markdown markup.list meta.tag string.quoted punctuation.definition.string, text.html.markdown markup.list meta.tag entity.other.attribute-name | #999999 | — |
| text.html.markdown meta.disable-markdown meta.tag.block.any.html string.quoted.double.html, text.html.markdown meta.disable-markdown meta.tag.block.any.html string.quoted.double.html punctuation.definition | #cccccc | |
| markup.italic, markup.italic.markdown | #e06c75 | italic |
| string.other.link.title.markdown, string.other.link.description.markdown | #c678dd | — |
| punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.markdown, punctuation.separator.key-value.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.strikethrough.markdown, punctuation.definition.heading.markdown | #999999 | — |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown, markup.list.unnumbered.markdown meta.paragraph.list.markdown, markup.list.numbered.markdown meta.paragraph.list.markdown | #cccccc | — |
| , markup.list.unnumbered.markdown punctuation.definition.list_item.markdown, , markup.list.numbered.markdown punctuation.definition.list_item.markdown, | #ffffff | — |
| markup.bold_italic, markup.bold_italic.markdown | #999999 | bold italic |
| markup.bold, markup.bold.markdown | #e06c75 | bold |
| markup.strikethrough.markdown, markup.strikethrough constant.other.reference.link.markdown, markup.strikethrough markup.bold.markdown, markup.strikethrough markup.italic.markdown, markup.strikethrough markup.raw.inline.markdown, markup.strikethrough markup.underline.link.image.markdown, markup.strikethrough markup.underline.link.markdown, markup.strikethrough meta.link.inet.markdown markup.underline.link.markdown, markup.strikethrough meta.link.email.lt-gt.markdown markup.underline.link.markdown, markup.strikethrough punctuation.definition.bold.markdown, markup.strikethrough punctuation.definition.italic.markdown, markup.strikethrough punctuation.definition.constant.begin.markdown, markup.strikethrough punctuation.definition.constant.end.markdown, markup.strikethrough punctuation.definition.constant.markdown, markup.strikethrough punctuation.definition.metadata.markdown, markup.strikethrough punctuation.definition.raw.markdown, markup.strikethrough punctuation.definition.strikethrough.markdown, markup.strikethrough punctuation.definition.string.begin.markdown, markup.strikethrough punctuation.definition.string.end.markdown, markup.strikethrough string.other.link.description.markdown, markup.strikethrough string.other.link.description.title.markdown, markup.strikethrough string.other.link.title.markdown | #313131 | — |
| , markup.strikethrough markup.kbd.content.markdown, | #484848 | — |
| markup.kbd.content.markdown | #ECECEC | — |
| markup.underline, markup.underline.link.markdown, constant.other.reference.link.markdown, meta.image.reference.markdown | #c678dd | — |
| , meta.link.inet.markdown markup.underline.link.markdown, , meta.link.email.lt-gt.markdown markup.underline.link.markdown, | #bbbb77 | — |
| meta.header.multimarkdown, keyword.other.multimarkdown, string.unquoted.multimarkdown, punctuation.separator.key-value.multimarkdown | #444444 | — |
| meta.separator.markdown | #e06c75 | — |
| markup.quote.markdown | #999999 | — |
| text.html.markdown markup.quote.markdown entity.name.tag, text.html.markdown markup.quote.markdown meta.tag, text.html.markdown markup.quote.markdown meta.tag punctuation.definition.tag, text.html.markdown markup.quote.markdown meta.tag string.quoted meta.string-contents, text.html.markdown markup.quote.markdown meta.tag string.quoted punctuation.definition.string, text.html.markdown markup.quote.markdown meta.tag entity.other.attribute-name | #313131 | — |
| text.html.markdown markup.quote.markdown markup.kbd.content.markdown | #8e8e8e | — |
| , text.html.markdown markup.quote.markdown markup.bold, , text.html.markdown markup.quote.markdown markup.bold.markdown, | #cccccc | — |
| punctuation.definition.blockquote.markdown | #3E3E3E | — |
| markup.raw.block.markdown | #999999 | — |
| markup.raw.inline.markdown | — | — |
| markup.inline.raw.string.markdown | #98C379 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...