SM's Dobri Next - Themes and Icons
Publisher: ItsSunnyMonsterThemes in package: 23
23 colorful and meticulous dark theme and 2 Icons pack. 2 themes for Linux
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.background#0b1015
- activityBar.foreground#97a7c8ff
- activityBarBadge.background#ff8d03
- button.hoverBackground#ff8d03
- debugToolBar.background#111820
- editor.background#0b1015
- editor.findMatchBackground#2c3e50
- editor.foreground#97a7c8ff
- editor.lineHighlightBackground#14344B
- editor.lineHighlightBorder#14344B
- editor.selectionBackground#3d4148
- editorCursor.foreground#ff8d03
- editorError.border#FB467B
- editorGroup.background#0b1015
- editorGroup.border#05080a
- editorGroupHeader.noTabsBackground#0b1015
- editorGroupHeader.tabsBackground#0b1015
- editorGutter.addedBackground#56D6D6
- editorGutter.deletedBackground#FB467B
- editorGutter.modifiedBackground#FFCC00
- editorHoverWidget.background#14344B
- editorIndentGuide.background#2c3e50
- editorOverviewRuler.border#0b1015
- editorRuler.foreground#18222Dff
- editorSuggestWidget.background#13232E
- editorSuggestWidget.selectedBackground#14344B
- editorWarning.border#FFCC00
- editorWhitespace.foreground#2c3e50
- editorWidget.background#111820
- focusBorder#2c3e50
- input.background#05080a
- input.border#ff8d03
- list.activeSelectionBackground#111820
- list.activeSelectionForeground#ff8d03
- list.focusBackground#111820
- list.highlightForeground#ff8d03
- list.hoverBackground#111820
- list.inactiveSelectionBackground#111820
- notification.background#111820
- panel.background#05080a
- panel.border#05080a
- panelTitle.activeForeground#ff8d03
- panelTitle.inactiveForeground#97a7c8ff
- scrollbar.shadow#05080a
- scrollbarSlider.hoverBackground#2c3e50
- sideBar.background#080b0f
- sideBarSectionHeader.background#080b0f
- statusBar.background#111820
- statusBar.debuggingBackground#111820
- statusBar.foreground#97a7c8ff
- tab.activeBackground#111820
- tab.activeBorder#ff8d03
- tab.activeForeground#ff8d03
- tab.border#0b1015
- tab.inactiveBackground#0b1015
- tab.inactiveForeground#97a7c8ff
- tab.unfocusedActiveBorder#97a7c8ff
- titleBar.activeBackground#111820
- titleBar.inactiveForeground#111820
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #97a7c8ff | — |
| punctuation.definition.string.begin,punctuation.definition.string.end | #98c378 | — |
| variable.parameter.function | #A6B2C0 | — |
| comment, punctuation.definition.comment | #5c6370 | italic |
| comment | #5C6370 | italic |
| comment markup.link | #5C6370 | — |
| markup.inserted.diff | #98c379 | — |
| markup.deleted.diff | #FB467B | — |
| meta.function.c | #FB467B | — |
| keyword.control.cpp | #FFCC00 | — |
| punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c | #abb2bf | — |
| punctuation.separator.key-value.js,punctuation.separator.key-value.ts | #97a7c8 | — |
| entity.other.attribute-name.js,variable.parameter.js,variable.language.super.js,entity.other.attribute-name.ts,variable.parameter.ts,variable.language.super.ts, | — | italic |
| support.constant.math.js,support.constant.property.math.js,support.constant.math.ts,support.constant.property.math.ts | #FFCC00 | — |
| variable.other.constant.js,variable.other.constant.ts | #FFCC00 | — |
| storage.type.annotation.java | #FFCC00ff | — |
| source.java | #FB467B | — |
| punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,storage.type.generic.java | #abb2bf | — |
| meta.method.java | #61afef | — |
| storage.modifier.import.java,storage.type.java | #FFCC00 | — |
| meta.definition.variable.name.java | #FB467B | — |
| keyword.operator.logical.js,keyword.operator.logical.ts | #56b6c2 | — |
| keyword.operator.bitwise.js,keyword.operator.bitwise.ts | #56b6c2 | — |
| support.constant.property-value.scss,support.constant.property-value.css | #F78C6C | — |
| support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss | #F78C6C | — |
| punctuation.separator.list.comma.css | #b9c0ca | — |
| support.constant.color.w3c-standard-color-name.css,entity.other.attribute-name.class.css | #F78C6C | — |
| support.type.vendored.property-name.css | #56b6c2 | — |
| punctuation.definition.template-expression.begin.js,punctuation.definition.template-expression.end.js,punctuation.definition.template-expression.begin.ts,punctuation.definition.template-expression.end.ts | #FB467B | — |
| support.module.node.js,support.type.object.module.js,support.module.node.js,support.module.node.ts,support.type.object.module.ts,support.module.node.ts | #FFCC00 | — |
| variable.other.readwrite.js,meta.object-literal.key.js,support.variable.property.js,support.variable.object.process.js,variable.other.readwrite.ts,meta.object-literal.key.ts,support.variable.property.ts,support.variable.object.process.ts,support.variable.object.node.ts | #FB467B | — |
| support.constant.json.js,support.constant.json.ts | #F78C6C | — |
| keyword.operator.expression.instanceof.js,keyword.operator.expression.instanceof.ts,keyword.operator.new.js,keyword.operator.new.ts,keyword.operator.ternary.js,keyword.operator.ternary.ts | #CB6CFE | — |
| keyword.operator.expression.typeof.js,keyword.operator.expression.typeof.ts | #61afef | — |
| support.type.object.console.js,support.type.object.console.ts | #FB467B | — |
| entity.name.function.js,support.function.console.js,entity.name.function.ts,support.function.console.ts | #61afef | — |
| keyword.operator.js,keyword.operator.ts | #56b6c2 | — |
| support.type.object.dom.js,support.type.object.dom.ts | #56b6c2 | — |
| support.variable.dom.js,support.variable.property.dom.js,support.variable.dom.ts,support.variable.property.dom.ts, | #FB467B | — |
| keyword.operator.arithmetic.js,keyword.operator.comparison.js,keyword.operator.arithmetic.ts,keyword.operator.comparison.ts,keyword.operator.expression.is.ts | #56b6c2 | — |
| keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c | #CB6CFEff | — |
| punctuation.separator.delimiter.c | #97a7c8 | — |
| support.type.posix-reserved.c | #57adb8 | — |
| keyword.operator.sizeof.c | #C178DD | — |
| variable.parameter.function.language.python | #F78C6C | — |
| support.type.python | #56b6c2 | — |
| keyword.operator.logical.python | #CB6CFE | — |
| meta.function-call.arguments.python | #E06C60 | — |
| meta.function-call.python | #E06C60 | — |
| variable.parameter.function.python | #D18C4E | — |
| punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python,meta.function-call.arguments.python | #abb2bf | — |
| meta.function-call.generic.python | #61afef | — |
| punctuation.definition.comment | #5C6370 | — |
| none | #A6B2C0 | — |
| keyword.operator | #abb2bf | — |
| keyword | #CB6CFE | — |
| variable | #FB467B | — |
| token.variable.parameter.java | #abb2bf | — |
| import.storage.java | #FFCC00 | — |
| token.package.keyword | #CB6CFE | — |
| token.package | #abb2bf | — |
| entity.name.function, meta.require, support.function.any-method | #61afef | — |
| entity.name.type.namespace | #FFCC00 | — |
| support.class, entity.name.type.class | #FFCC00 | — |
| entity.name.class.identifier.namespace.type | #FFCC00 | — |
| entity.name.class | #61afef | — |
| entity.name.type | #FFCC00 | — |
| keyword.control | #CB6CFE | — |
| control.elements, keyword.operator.less | #F78C6C | — |
| keyword.other.special-method | #61afef | — |
| storage | #CB6CFE | — |
| token.storage.js,token.storage.ts | #CB6CFE | — |
| keyword.operator.expression.in.ts,keyword.operator.expression.in.js | #CB6CFE | — |
| keyword.operator.expression.delete.js,keyword.operator.expression.in.js,keyword.operator.expression.of.js,keyword.operator.expression.instanceof.js,keyword.operator.new.js,keyword.operator.expression.typeof.js,keyword.operator.expression.void.js | #CB6CFE | — |
| token.storage.type.java | #FFCC00 | — |
| support.function | #56b6c2 | — |
| support.type.property-name | #abb2bf | — |
| support.constant.property-value | #abb2bf | — |
| support.constant.font-name | #F78C6C | — |
| meta.tag | #abb2bf | — |
| string, entity.other.inherited-class | #98c379 | — |
| constant.other.symbol | #56b6c2 | — |
| constant.numeric | #F78C6C | — |
| none | #F78C6C | — |
| none | #F78C6C | — |
| constant | #F78C6C | — |
| punctuation.definition.constant | #F78C6C | — |
| entity.name.tag | #FB467B | — |
| entity.other.attribute-name | #F78C6C | — |
| entity.other.attribute-name.id | #61afef | — |
| entity.other.attribute-name.class.css | #F78C6C | — |
| meta.selector | #CB6CFE | — |
| none | #D2945D | — |
| markup.heading | #FB467B | bold |
| markup.heading punctuation.definition.heading, entity.name.section | #61afef | — |
| keyword.other.unit | #F78C6C | — |
| markup.bold | #F78C6C | bold |
| punctuation.definition.bold | #FFCC00 | — |
| markup.italic, punctuation.definition.italic | #CB6CFE | — |
| emphasis md | #CB6CFE | — |
| entity.name.section.markdown | #FB467B | — |
| punctuation.definition.heading.markdown | #FB467B | — |
| markup.heading.setext | #ABB2BF | — |
| punctuation.definition.bold.markdown | #F78C6C | — |
| markup.inline.raw.markdown | #98C379 | — |
| beginning.punctuation.definition.list.markdown | #FB467B | — |
| markup.quote.markdown | #5C6370 | italic |
| punctuation.definition.string.begin.markdown,punctuation.definition.string.end.markdown,punctuation.definition.metadata.markdown | #ABB2BF | — |
| punctuation.definition.metadata.markdown | #CB6CFE | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #CB6CFE | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #61AFEF | — |
| markup.italic.markdown | — | italic |
| markup.bold.markdown | — | bold |
| string.regexp | #57B6C2 | — |
| constant.character.escape | #57B6C2 | — |
| punctuation.section.embedded, variable.interpolation | #BE4F44 | — |
| invalid.illegal | #FFFFFF | — |
| invalid.broken | #FFFFFF | — |
| invalid.deprecated | #FFFFFF | — |
| invalid.unimplemented | #FFFFFF | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #FB467B | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #FB467B | — |
| 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 | — |
| support.type.property-name.json | #FB467B | — |
| support.type.property-name.json punctuation | #FB467B | — |
| text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade | #C679DD | — |
| text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade | #C679DD | — |
| support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php | #FFCC00 | — |
| keyword.operator.error-control.php | #CB6CFE | — |
| keyword.operator.type.php | #CB6CFE | — |
| punctuation.section.array.begin.php | #abb2bf | — |
| punctuation.section.array.end.php | #abb2bf | — |
| invalid.illegal.non-null-typehinted.php | #ff0000 | — |
| storage.type.php | #FFCC00 | — |
| meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php | #61afef | — |
| support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php | #F78C6C | — |
| entity.name.goto-label.php,support.other.php | #61afef | — |
| keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php | #56b6c2 | — |
| keyword.operator.regexp.php | #CB6CFE | — |
| keyword.operator.comparison.php | #56b6c2 | — |
| punctuation.definition.variable.php | #FB467B | — |
| keyword.operator.heredoc.php,keyword.operator.nowdoc.php | #CB6CFE | — |
| meta.function.decorator.python | #61afef | — |
| support.token.decorator.python,meta.function.decorator.identifier.python | #56B6C2 | — |
| function.parameter | #F78C6C | — |
| function.parameter.js,function.parameter.ts | #abb2bf | — |
| function.brace | #abb2bf | — |
| function.parameter.ruby, function.parameter.cs | #abb2bf | — |
| rgb-value | #56B6C2 | — |
| inline-color-decoration rgb-value | #F78C6C | — |
| less rgb-value | #F78C6C | — |
| selector.sass | #FB467B | — |
| var.this.js,var.this.ts,variable.language.this.js,variable.language.this.ts | #FFCC00 | italic |
| support.type.primitive.ts,support.type.builtin.ts | #FFCC00 | — |
| keyword.operator.expression.void.ts | #FFCC00 | — |
| keyword.operator.expression.of.ts,keyword.operator.expression.of.js | #CB6CFE | — |
| block.scope.end,block.scope.begin | #abb2bf | — |
| entity.name.variable.local.cs | #FB467B | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
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#0b1015
- activityBar.foreground#97a7c8ff
- activityBarBadge.background#ff8d03
- button.hoverBackground#ff8d03
- debugToolBar.background#111820
- editor.background#0b1015
- editor.findMatchBackground#2c3e50
- editor.foreground#f5f5f5
- editor.lineHighlightBackground#14344B
- editor.lineHighlightBorder#14344B
- editor.selectionBackground#3d4148
- editorCursor.foreground#ff8d03
- editorError.border#FB467B
- editorGroup.background#0b1015
- editorGroup.border#05080a
- editorGroupHeader.noTabsBackground#0b1015
- editorGroupHeader.tabsBackground#0b1015
- editorGutter.addedBackground#56D6D6
- editorGutter.deletedBackground#FB467B
- editorGutter.modifiedBackground#FFCC00
- editorHoverWidget.background#14344B
- editorIndentGuide.background#2c3e50
- editorOverviewRuler.border#0b1015
- editorSuggestWidget.background#13232E
- editorSuggestWidget.selectedBackground#14344B
- editorWarning.border#FFCC00
- editorWhitespace.foreground#2c3e50
- editorWidget.background#111820
- focusBorder#97a7c8ff
- input.background#05080a
- input.border#ff8d03
- list.activeSelectionBackground#111820
- list.activeSelectionForeground#ff8d03
- list.focusBackground#111820
- list.highlightForeground#ff8d03
- list.hoverBackground#111820
- list.inactiveSelectionBackground#111820
- notification.background#111820
- panel.background#05080a
- panel.border#05080a
- panelTitle.activeForeground#ff8d03
- panelTitle.inactiveForeground#97a7c8ff
- scrollbar.shadow#05080a
- scrollbarSlider.hoverBackground#2c3e50
- sideBar.background#080b0f
- sideBarSectionHeader.background#080b0f
- statusBar.background#111820
- statusBar.debuggingBackground#111820
- statusBar.foreground#97a7c8ff
- tab.activeBackground#111820
- tab.activeBorder#ff8d03
- tab.activeForeground#ff8d03
- tab.border#0b1015
- tab.inactiveBackground#0b1015
- tab.inactiveForeground#97a7c8ff
- tab.unfocusedActiveBorder#97a7c8ff
- terminal.ansiBlack#05080a
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#676E95
- terminal.ansiBrightBlue#82AAFF
- terminal.ansiBrightCyan#89DDFF
- terminal.ansiBrightGreen#4EC9B0
- terminal.ansiBrightMagenta#CB6CFE
- terminal.ansiBrightRed#FB467B
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#FFCB6B
- terminal.ansiCyan#89DDFF
- terminal.ansiGreen#4EC9B0
- terminal.ansiMagenta#CB6CFE
- terminal.ansiRed#FB467B
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#FFCB6B
- titleBar.activeBackground#111820
- titleBar.inactiveForeground#111820
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #A9B7C6 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| comment | #808080 | — |
| constant.language | #CC7832 | — |
| constant.numeric | #6897BB | — |
| constant.regexp | #646695 | — |
| entity.name.tag | #FFC66D | — |
| entity.name.tag.css | #FFC66D | — |
| entity.other.attribute-name.class.html, entity.other.attribute-name.class.jade | #9876AA | — |
| entity.other.attribute-name | #A9B7C6 | — |
| 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 | #FFC66D | — |
| invalid | #f44747 | — |
| markup.underline | — | underline |
| markup.bold | #A9B7C6 | bold |
| markup.heading | #A9B7C6 | — |
| markup.italic | — | italic |
| markup.inserted | #6A8759 | — |
| markup.deleted | #CC7832 | — |
| markup.changed | #A9B7C6 | — |
| beginning.punctuation.definition.quote.markdown | #608b4e | — |
| beginning.punctuation.definition.list.markdown | #6796e6 | — |
| markup.inline.raw | #CC7832 | — |
| meta.selector | #FFC66D | — |
| punctuation.definition.tag | #FFC66D | — |
| meta.preprocessor | #CC7832 | — |
| meta.preprocessor.string | #CC7832 | — |
| meta.preprocessor.numeric | #6A8759 | — |
| meta.structure.dictionary.key.python | #9876AA | — |
| meta.diff.header | #CC7832 | — |
| storage | red | — |
| storage.type | #CC7832 | — |
| storage.modifier | #CC7832 | — |
| string | #6A8759 | — |
| string.tag | #6A8759 | — |
| string.value | #6A8759 | — |
| string.regexp | #6A8759 | — |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js | #A9B7C6 | — |
| keyword.operator.relational.js, support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, entity.other.inherited-class.php, entity.name.type.class.php, entity.name.type.namespace.php, keyword.operator.key.php, storage.type.php, support.class.builtin.php | #A9B7C6 | — |
| variable.other.property, support.variable.property.dom, entity.other.inherited-class, variable.other.php, variable.language.this.php | #9876AA | — |
| variable.other.object, variable.other.object.property, support.class.dom, meta.function-call, entity.name.type.module | #A9B7C6 | — |
| variable.other.readwrite, variable.parameter, variable.other.readwrite.alias | #A9B7C6 | — |
| keyword | #CC7832 | — |
| keyword.control | #CC7832 | — |
| keyword.operator | #CC7832 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python, keyword.operator.logical.php | #CC7832 | — |
| punctuation.separator.key-value, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.accessor, keyword.operator.class.php, support.class.exception.php | #A9B7C6 | — |
| keyword.other.unit | #6A8759 | — |
| punctuation.section.embedded.begin.metatag.php, punctuation.section.embedded.end.metatag.php | #CC7832 | — |
| support.function.git-rebase | #9876AA | — |
| constant.sha.git-rebase | #6A8759 | — |
| storage.modifier.import.java, storage.modifier.package.java | #d4d4d4 | — |
| variable.language | #CC7832 | — |
| entity.name.function, support.function, support.constant.handlebars | #FFC66D | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, 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 | #4EC9B0 | — |
| support.class, entity.name.class, support.type, entity.name.type | #FFC66D | — |
| storage.type.function.arrow | #A9B7C6 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json | #4EC9B0 | — |
| keyword.control | #CC7832 | — |
| meta.definition.variable.name, support.variable | #A9B7C6 | — |
| variable | #FFC66D | — |
| meta.object-literal.key, meta.object-literal.key entity.name.function | #9876AA | — |
| meta.property.object.js, constant.other.object.key.js, string.unquoted.label.js | #9876AA | — |
| 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 | #CC7832 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
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#0b1015
- activityBar.foreground#97a7c8ff
- activityBarBadge.background#ff8d03
- button.hoverBackground#ff8d03
- debugToolBar.background#111820
- editor.background#0b1015
- editor.findMatchBackground#2c3e50
- editor.foreground#97a7c8ff
- editor.lineHighlightBackground#14344B
- editor.lineHighlightBorder#14344B
- editor.selectionBackground#3d4148
- editorCursor.foreground#ff8d03
- editorError.border#FB467B
- editorGroup.background#0b1015
- editorGroup.border#05080a
- editorGroupHeader.noTabsBackground#0b1015
- editorGroupHeader.tabsBackground#0b1015
- editorGutter.addedBackground#56D6D6
- editorGutter.deletedBackground#FB467B
- editorGutter.modifiedBackground#FFCC00
- editorHoverWidget.background#14344B
- editorIndentGuide.background#2c3e50
- editorOverviewRuler.border#0b1015
- editorSuggestWidget.background#13232E
- editorSuggestWidget.selectedBackground#14344B
- editorWarning.border#FFCC00
- editorWhitespace.foreground#2c3e50
- editorWidget.background#111820
- focusBorder#97a7c8ff
- input.background#05080a
- input.border#ff8d03
- list.activeSelectionBackground#111820
- list.activeSelectionForeground#ff8d03
- list.focusBackground#111820
- list.highlightForeground#ff8d03
- list.hoverBackground#111820
- list.inactiveSelectionBackground#111820
- notification.background#111820
- panel.background#05080a
- panel.border#05080a
- panelTitle.activeForeground#ff8d03
- panelTitle.inactiveForeground#97a7c8ff
- scrollbar.shadow#05080a
- scrollbarSlider.hoverBackground#2c3e50
- sideBar.background#080b0f
- sideBarSectionHeader.background#080b0f
- statusBar.background#111820
- statusBar.debuggingBackground#111820
- statusBar.foreground#97a7c8ff
- tab.activeBackground#111820
- tab.activeBorder#ff8d03
- tab.activeForeground#ff8d03
- tab.border#0b1015
- tab.inactiveBackground#0b1015
- tab.inactiveForeground#97a7c8ff
- tab.unfocusedActiveBorder#97a7c8ff
- terminal.ansiBlack#05080a
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#676E95
- terminal.ansiBrightBlue#82AAFF
- terminal.ansiBrightCyan#89DDFF
- terminal.ansiBrightGreen#C3E88D
- terminal.ansiBrightMagenta#CB6CFE
- terminal.ansiBrightRed#FB467B
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#FFCB6B
- terminal.ansiCyan#89DDFF
- terminal.ansiGreen#C3E88D
- terminal.ansiMagenta#CB6CFE
- terminal.ansiRed#FB467B
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#FFCB6B
- titleBar.activeBackground#111820
- titleBar.inactiveForeground#111820
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable.parameter,token.variable.parameter,variable.other.jsdoc,variable.language.arguments,function.parameter | #FFCC00 | italic |
| variable.parameter.url.css | #C3E88D | normal |
| variable.other.less,variable.other.sass,variable.parameter.keyframe-list.css,variable.scss,meta.function.calc.css | #FFCC00 | italic |
| meta.property-value.css | #97a7c8ff | normal |
| variable.other.readwrite.alias, entity.name.type.module | #F78C6C | normal |
| meta.property-list.css | #97a7c8 | normal |
| variable.other, support.variable,meta.definition.variable,variable.other.object,variable.other.constant,variable.other.constant.object,variable.other.readwrite | #B0B7C3 | normal |
| comment | #676E95 | italic |
| comment markup.link | #676E95 | italic |
| invalid | #676E95 | underline |
| invalid.unimplemented | #676E95 | underline |
| variable.other.property | #F78C6C | normal |
| variable.other.object.property,variable.other.constant.property | #F78C6C | normal |
| punctuation.separator.key-value.css, punctuation.separator.key-value.js, keyword.operator.type.annotation,punctuation.definition.section.case-statement | #8E99B1 | normal |
| keyword.operator.key.php | #8E99B1 | normal |
| punctuation.separator.comma,punctuation.separator.list.comma,punctuation.separator.parameter, meta.array.php | #79859D | normal |
| punctuation.terminator.statement, punctuation.terminator.rule, punctuation.terminator.expression | #676E95 | normal |
| punctuation.accessor | #838FA7 | bold |
| meta.parameters.js | #838FA7 | normal |
| support.constant.font-name | #C3E88D | normal |
| support.constant.property-value.scss,support.constant.property-value.css | #CB6CFE | normal |
| punctuation.definition.template-expression.begin.js,punctuation.definition.template-expression.end.js,punctuation.definition.template-expression.begin.ts,punctuation.definition.template-expression.end.ts | #6495EE | normal |
| meta.object-literal.key, meta.object-literal.key string.quoted,variable.object.property,keyword.operator.optional | #F78C6C | normal |
| keyword.operator.negetion.regexp,keyword.control.anchor.regexp,punctuation.definition.group.capture.regexp,keyword.operator.quantifier.regexp | #FFCC00 | normal |
| support.variable.dom,support.variable.property,support.variable.property.dom | #F78C6C | normal |
| punctuation.definition.comment | #5C6370 | normal |
| keyword.operator.expression.typeof | #56D6D6 | normal |
| keyword.operator.assignment | #7C88B4 | normal |
| punctuation.definition.tag.html,meta.tag.inline.any.html,meta.tag.block.any.html,meta.tag.any.html,meta.tag.structure.any.html,meta.tag.metadata.script.html,punctuation.definition.tag.begin,punctuation.definition.tag.end, punctuation.separator.key-value.html | #8792AA | normal |
| keyword.operator.arithmetic,keyword.operator.decrement, keyword.operator.increment,keyword.operator.assignment.compound,keyword.operator.less,keyword.operator.sass, keyword.operator.increment-decrement | #56D6D6 | normal |
| keyword.operator.ternary,keyword.operator.logical,keyword.operator.comparison,keyword.operator.relational,keyword.operator.or.regexp,keyword.operator.bitwise | #CB6CFE | normal |
| keyword.operator.expression.instanceof | #CB6CFE | normal |
| entity.name.function | #61AFEF | normal |
| support.function | #56D6D6 | normal |
| support.function.console | #56D6D6 | normal |
| support.function.dom | #56D6D6 | normal |
| support.function.any-method.builtin.url,support.function.any-method.builtin,support.function.url,support.function.misc,support.function.transform,support.function.calc | #61AFEF | normal |
| entity.name.type.class | #61AFEF | normal |
| support.class | #61AFEF | normal |
| support.class.console,support.class.component | #F78C6C | normal |
| support.class.builtin | #61AFEF | normal |
| entity.name.class | #61AFEF | normal |
| meta.method.declaration | #61AFEF | normal |
| storage.type.function.arrow | #A78CFA | normal |
| storage.modifier | #CB6CFE | normal |
| keyword.operator.expression.delete,keyword.operator.new | #A78CFA | normal |
| keyword.operator.expression.in,keyword.operator.expression.of | #CB6CFE | normal |
| keyword.control | #CB6CFE | normal |
| keyword.control.from,entity.other.keyframe-offset | #CB6CFE | normal |
| keyword.control.import,keyword.control.export,keyword.control.flow,keyword.control.at-rule.import.css,keyword.control.at-rule.import.less,keyword.control.at-rule.import.sass | #A78CFA | normal |
| keyword.control.default | #CB6CFE | normal |
| support.type.primitive,support.type.builtin,entity.name.type.instance.jsdoc | #FB467B | normal |
| entity.name.type | #FB467B | normal |
| entity.other.inherited-class | #61AFEF | normal |
| string | #C3E88D | normal |
| constant.language,constant.language.boolean,keyword.operator.expression.void | #CB6CFE | normal |
| constant.numeric,keyword.other.unit,support.constant.dom,constant.other.character-class.regexp,entity.other.attribute-name.id,support.constant.math.js,support.constant.property.math.js,support.constant.math.ts,support.constant.property.math.ts | #FF9070 | normal |
| markup.bold.markdown, punctuation.definition.bold.markdown | #FFCC00 | bold |
| punctuation.definition.markdown | #676E95 | normal |
| beginning.punctuation.definition.quote.markdown | #61AFEF | normal |
| fenced_code.block.language | #FB467B | normal |
| entity.name.tag | #F78C6C | normal |
| text.html.basic,text.html.markdown,meta.paragraph.markdown | #B0B7C3 | normal |
| meta.jsx.children.tsx | #838FA7 | normal |
| punctuation.definition.block,punctuation.section.embedded.begin,punctuation.section.embedded.end,meta.brace.square,punctuation.definition.parameters.begin,punctuation.definition.parameters.end,meta.brace.round,punctuation.section.function.begin.bracket.round,punctuation.section.function.end.bracket.round,punctuation.definition.typeparameters.begin,punctuation.definition.typeparameters.end, punctuation.section.array.end, punctuation.section.array.begin, source.php, punctuation.definition.array.end, punctuation.definition.array.begin, punctuation.section.scope.end, punctuation.section.scope.begin, meta.parameter.object-binding-pattern.js, punctuation.definition.binding-pattern.object.js | #838FA7 | normal |
| punctuation.section.property-list.begin.bracket.curly,punctuation.section.property-list.end.bracket.curly,punctuation.section.function.begin.bracket.round.css,punctuation.section.function.end.bracket.round.css,meta.brace.round.css | #838FA7CC | normal |
| support.constant.color.w3c-standard-color-name,constant.other.color.rgb-value.hex,constant.other.rgb-value | #B0B7C3 | normal |
| support.type.property-name.css,meta.property-value.css | #97a7c8ff | normal |
| meta.property-list.css | #8792BD | normal |
| support.type.vendored.property-name.css | #8792BD | normal |
| support.constant.vendored.property-value.css | #CB6CFE | normal |
| entity.other.attribute-name | #56D6D6 | normal |
| entity.other.attribute-name.class.mixin | #61AFEF | normal |
| entity.other.attribute-name.class.css,selector.sass,entity.other.attribute-name.parent-selector.css | #C3E88D | normal |
| entity.other.attribute-name.pseudo-class.css | #56D6D6 | normal |
| entity.other.attribute-name.pseudo-element.css | #F78C6C | normal |
| entity.name.section.markdown,markup.heading,punctuation.definition.heading.markdown | #F78C6C | bold |
| markup.italic, punctuation.definition.italic | #CB6CFE | italic |
| beginning.punctuation.definition.list.markdown,beginning.punctuation.definition.quote.markdown | #61AFEF | normal |
| markup.inline.raw.markdown | #C3E88D | normal |
| markup.quote.markdown | #676E95 | normal |
| markup.underline.link.markdown,markup.underline.link.image.markdown,punctuation.definition.metadata.markdown | #C3E88D | normal |
| string.other.link.title.markdown,string.other.link.description.markdown,punctuation.definition.string.begin.markdown,punctuation.definition.string.end.markdown | #61AFEF | normal |
| string.regexp | #C3E88D | normal |
| keyword.other | #F78C6C | normal |
| constant.character.escape | #56D6D6 | normal |
| invalid.illegal | #8792BD | normal |
| invalid.illegal.expected-dictionary-separator.json | #8792BD | normal |
| invalid.broken | — | normal |
| invalid.deprecated | — | normal |
| source.json meta.structure.dictionary.json > string.quoted.json | #F78C6C | normal |
| 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 | #C3E88D | normal |
| support.type.property-name.json | #F78C6C | normal |
| variable.language.this,variable.language.super | #F02B77 | normal |
| token.info-token | #61AFEF | normal |
| token.warn-token | #ff6500 | normal |
| token.error-token | #e51400 | normal |
| token.debug-token | #CB6CFE | normal |
| storage.type | #A78CFA | normal |
| punctuation.definition.block.tag.jsdoc,storage.type.class.jsdoc,keyword.ccontrol.at-rule.keyframes.css,keyword.control.at-rule.keyframes.css | #A78CFA | normal |
| support.module.node.js,support.type.object.module.js,support.type.object.module.ts,support.module.node.ts | #A78CFA | normal |