Skip to main content
Coding Theme

Fantastic (Ayu, Darcula, Gruvbox, Material, Monokai, Slime, Oceanic, One)

Publisher: dobbbriThemes in package: 16

Each theme has a modified version to use with the Operator Mono font/Italic

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#74819B
  • activityBarBadge.background#ffffff
  • activityBarBadge.foreground#000000
  • button.hoverBackground#18222D
  • debugToolBar.background#0b1015
  • dropdown.background#0b1015
  • dropdown.border#18222D
  • editor.background#0b1015
  • editor.findMatchBackground#18222D
  • editor.foreground#c7d0d9
  • editor.lineHighlightBackground#18222D
  • editor.lineHighlightBorder#18222D
  • editor.selectionBackground#18222D
  • editorActiveLineNumber.foreground#74819B
  • editorBracketMatch.border#74819B
  • editorCursor.foreground#ffffff
  • editorGroup.background#0b1015
  • editorGroup.border#0b1015
  • editorGroupHeader.noTabsBackground#0b1015
  • editorGroupHeader.tabsBackground#0b1015
  • editorGutter.addedBackground#98c378
  • editorGutter.deletedBackground#EF596F
  • editorGutter.modifiedBackground#e5c07b
  • editorHoverWidget.background#0b1015
  • editorIndentGuide.activeBackground#4B5567
  • editorIndentGuide.background#18222D
  • editorLineNumber.foreground#3A3E46
  • editorOverviewRuler.border#0b1015
  • editorRuler.foreground#18222D
  • editorSuggestWidget.background#0b1015
  • editorSuggestWidget.selectedBackground#18222D
  • editorWhitespace.foreground#18222D
  • editorWidget.background#0b1015
  • focusBorder#74819B
  • foreground#74819B
  • gitDecoration.conflictingResourceForeground#d55fde
  • gitDecoration.deletedResourceForeground#EF596F
  • gitDecoration.ignoredResourceForeground#00B7C9
  • gitDecoration.modifiedResourceForeground#f7f308
  • gitDecoration.untrackedResourceForeground#11eb73
  • input.background#0b1015
  • input.border#18222D
  • list.activeSelectionBackground#0b1015
  • list.activeSelectionForeg round#ffffff
  • list.focusBackground#18222D
  • list.focusForeground#ffffff
  • list.highlightForeground#ffffff
  • list.hoverBackground#18222D
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#0b1015
  • list.inactiveSelectionForeground#ffffff
  • notificationCenterHeader.background#18222D
  • notificationCenterHeader.foreground#eeeeee
  • notifications.background#18222D
  • notifications.border#18222D
  • notifications.foreground#eeeeee
  • notificationToast.border#18222D
  • panel.background#0b1015
  • panel.border#18222D
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#74819B
  • peekView.border#18222D
  • peekViewEditor.background#18222D
  • peekViewResult.background#18222D
  • peekViewResult.selectionBackground#18222D
  • peekViewTitle.background#18222D
  • peekViewTitleLabel.foreground#ffffff
  • scrollbar.shadow#00000026
  • scrollbarSlider.background#18222D
  • scrollbarSlider.hoverBackground#22303Eff
  • sideBar.background#0b1015
  • sideBarSectionHeader.background#0b1015
  • sideBarSectionHeader.foreground#FFFFFF
  • statusBar.background#0b1015
  • statusBar.debuggingBackground#0b1015
  • statusBar.foreground#74819B
  • tab.activeBackground#0b1015
  • tab.activeBorder#18222D
  • tab.activeForeground#ffffff
  • tab.border#0b1015
  • tab.hoverBackground#18222D
  • tab.inactiveBackground#0b1015
  • tab.inactiveForeground#74819B
  • tab.unfocusedActiveBorder#0b1015
  • titleBar.activeBackground#0b1015
  • titleBar.inactiveForeground#0b1015
  • widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.property-list.css meta.property-value.css variable.other.less, meta.property-list.scss variable.scss, meta.property-list.sass variable.sass, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.operator, keyword.operator.or.regexp, punctuation.section.embedded.js, punctuation.definintion.string, punctuationnormal
meta.import.ts meta.block.ts variable.other.readwrite.alias.ts, meta.import.tsx meta.block.tsx variable.other.readwrite.alias.tsx, meta.import.js variable.other, meta.export.ts meta.block.ts variable.other.readwrite.alias.ts, meta.export.tsx meta.block.tsx variable.other.readwrite.alias.tsx, meta.export.js variable.other, entity.name.function.ts, entity.name.function.tsx, support.type.primitive, entity.other.attribute-name, entity.name.tag.custom, source.js.jsx keyword.control.flow.js, support.type.property.css, support.function.basic_functions, variable.assignment.coffee, support.function.basic_functions, keyword.operator.type.annotation, punctuation.section.embedded, assignment.coffee, entity.name.type.ts, support.constant.math, meta.object-literal.key, meta.var.expr storage.type, text.html.markdown, parameter, string, italic, quote, keyword, storage, language, type .function, type.function, storage.type.class, type.var, meta.parameter, variable.parameter, meta.parameters, keyword.control, modifier, this, commentitalic
meta.property-list.css meta.property-value.css variable.other.less, meta.property-list.scss variable.scss, meta.property-list.sass variable.sass, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.operator, keyword.operator.or.regexp, punctuation.section.embedded.js, punctuation.definintion.string, punctuationnormal
meta.import.ts meta.block.ts variable.other.readwrite.alias.ts, meta.import.tsx meta.block.tsx variable.other.readwrite.alias.tsx, meta.import.js variable.other, meta.export.ts meta.block.ts variable.other.readwrite.alias.ts, meta.export.tsx meta.block.tsx variable.other.readwrite.alias.tsx, meta.export.js variable.other, entity.name.function.ts, entity.name.function.tsx, support.type.primitive, entity.other.attribute-name, entity.name.tag.custom, source.js.jsx keyword.control.flow.js, support.type.property.css, support.function.basic_functions, variable.assignment.coffee, support.function.basic_functions, keyword.operator.type.annotation, punctuation.section.embedded, assignment.coffee, entity.name.type.ts, support.constant.math, meta.object-literal.key, meta.var.expr storage.type, text.html.markdown, parameter, string, italic, quote, keyword, storage, language, type .function, type.function, storage.type.class, type.var, meta.parameter, variable.parameter, meta.parameters, keyword.control, modifier, this, commentitalic
#0b1015
emphasisitalic
strongbold
header#458588
comment, punctuation.definition.comment#928374italic
constant, support.constant, variable.arguments#d3869b
constant.rgb-value#ebdbb2
entity.name.selector#8ec07c
entity.other.attribute-name#fabd2f
entity.name.tag, punctuation.tag#8ec07c
invalid, invalid.illegal#cc241d
invalid.deprecated#8f3f71
meta.selector#8ec07c
meta.preprocessor#fe8019
meta.preprocessor.string#b8bb26
meta.preprocessor.numeric#b8bb26
meta.header.diff#fe8019
storage#fb4934
storage.modifier#fe8019
string#b8bb26
string.tag#b8bb26
string.value#b8bb26
string.regexp#fe8019
string.escape#fb4934
string.quasi#8ec07c
string.entity#b8bb26
object#ebdbb2
module.node#83a598
support.type.property-name#689d6a
keyword#fb4934
keyword.control#fb4934
keyword.control.module#8ec07c
keyword.control.less#d79921
keyword.operator#8ec07c
keyword.operator.new#fe8019
keyword.other.unit#b8bb26
metatag.php#fe8019
support.function.git-rebase#689d6a
constant.sha.git-rebase#b8bb26
meta.type.name, meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, storage.type.cs, variable.class#fabd2f
variable.this, support.variable#d3869b
entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class, entity.name.type#fabd2f
storage.type.function, entity.function, entity.name.function.static#8ec07c
entity.name.function.function-call#8ec07c
support.function.builtin#fe8019
entity.name.method, entity.name.method.function-call, entity.name.static.function-call#689d6a
brace#d5c4a1
meta.parameter.type.variable, variable.parameter, variable.name, variable.other, variable, string.constant.other.placeholder#83a598
prototype#d3869b
storage.type.class#fb4934
punctuation#a89984
punctuation.quoted#ebdbb2
punctuation.quasi#fb4934
*url*, *link*, *uri*underline
meta.function.python, entity.name.function.python#8ec07c
storage.type.function.python, storage.modifier.declaration, storage.type.class.python#fb4934
meta.function-call.generic#83a598
meta.function-call.arguments#d5c4a1
entity.name.function.decorator#fabd2fbold
constant.other.capsbold
keyword.operator.logical#fb4934
punctuation.definition.logical-expression#fe8019
string.inperpolated.dollar.shell#fe8019
string.interpolated.dollar.shell, string.interpolated.backtick.shell#8ec07c
keyword.control.directive#8ec07c
support.function.C99#fabd2f
meta.scope.prerequisites#fabd2f
entity.name.function.target#b8bb26bold
storage.modifier.import.java, storage.modifier.package.java#bdae93
keyword.other.import.java, keyword.other.package.java#8ec07c
storage.type.java#fabd2f
storage.type.annotation#83a598bold
keyword.other.documentation.javadoc#8ec07c
comment.block.javadoc variable.parameter.java#b8bb26bold
source.java variable.other.object, source.java variable.other.definition.java#ebdbb2
meta.function-parameters.lisp#fabd2f
markup.underlineunderline
string.other.link.title.markdown#928374underline
markup.underline.link#d3869b
markup.bold#fe8019bold
markup.heading#fe8019bold
markup.italicitalic
markup.inserted#b8bb26
markup.deleted#d65d0e
markup.changed#fe8019
markup.punctuation.quote.beginning#98971a
markup.punctuation.list.beginning#83a598
markup.inline.raw, markup.fenced_code.block#8ec07c
string.quoted.double.json#83a598
source.json meta.structure.dictionary.json support.type.property-name.json#b8bb26
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#8ec07c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#d3869b
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#b8bb26
entity.other.attribute-name.css#fe8019
source.css meta.selector#ebdbb2
support.type.property-name.css#fe8019
entity.other.attribute-name.class#b8bb26
source.css support.function.transform, source.css support.function.timing-function, source.css support.function.misc#fb4934
support.property-value, constant.rgb-value, support.property-value.scss, constant.rgb-value.scss#d65d0e
entity.name.tag.cssnormal
punctuation.definition.tag#83a598
text.html entity.name.tag, text.html punctuation.tag#8ec07cbold
source.js variable.language#fe8019
source.go storage.type#fabd2f
source.go entity.name.import#b8bb26
source.go keyword.package, source.go keyword.import#8ec07c
source.go keyword.interface, source.go keyword.struct#83a598
source.go entity.name.type#ebdbb2
source.go entity.name.function#d3869b
meta.property-list.css meta.property-value.css variable.other.less, meta.property-list.scss variable.scss, meta.property-list.sass variable.sass, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.operator, keyword.operator.or.regexp, punctuation.section.embedded.js, punctuation.definintion.string, punctuationnormal
meta.import.ts meta.block.ts variable.other.readwrite.alias.ts, meta.import.tsx meta.block.tsx variable.other.readwrite.alias.tsx, meta.import.js variable.other, meta.export.ts meta.block.ts variable.other.readwrite.alias.ts, meta.export.tsx meta.block.tsx variable.other.readwrite.alias.tsx, meta.export.js variable.other, entity.name.function.ts, entity.name.function.tsx, support.type.primitive, entity.other.attribute-name, entity.name.tag.custom, source.js.jsx keyword.control.flow.js, support.type.property.css, support.function.basic_functions, variable.assignment.coffee, support.function.basic_functions, keyword.operator.type.annotation, punctuation.section.embedded, assignment.coffee, entity.name.type.ts, support.constant.math, meta.object-literal.key, meta.var.expr storage.type, text.html.markdown, parameter, string, italic, quote, keyword, storage, language, type .function, type.function, storage.type.class, type.var, meta.parameter, variable.parameter, meta.parameters, keyword.control, modifier, this, commentitalic
#0b1015
emphasisitalic
strongbold
header#458588
comment, punctuation.definition.comment#928374italic
constant, support.constant, variable.arguments#d3869b
constant.rgb-value#ebdbb2
entity.name.selector#8ec07c
entity.other.attribute-name#fabd2f
entity.name.tag, punctuation.tag#8ec07c
invalid, invalid.illegal#cc241d
invalid.deprecated#8f3f71
meta.selector#8ec07c
meta.preprocessor#fe8019
meta.preprocessor.string#b8bb26
meta.preprocessor.numeric#b8bb26
meta.header.diff#fe8019
storage#fb4934
storage.modifier#fe8019
string#b8bb26
string.tag#b8bb26
string.value#b8bb26
string.regexp#fe8019
string.escape#fb4934
string.quasi#8ec07c
string.entity#b8bb26
object#ebdbb2
module.node#83a598
support.type.property-name#689d6a
keyword#fb4934
keyword.control#fb4934
keyword.control.module#8ec07c
keyword.control.less#d79921
keyword.operator#8ec07c
keyword.operator.new#fe8019
keyword.other.unit#b8bb26
metatag.php#fe8019
support.function.git-rebase#689d6a
constant.sha.git-rebase#b8bb26
meta.type.name, meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, storage.type.cs, variable.class#fabd2f
variable.this, support.variable#d3869b
entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class, entity.name.type#fabd2f
storage.type.function, entity.function, entity.name.function.static#8ec07c
entity.name.function.function-call#8ec07c
support.function.builtin#fe8019
entity.name.method, entity.name.method.function-call, entity.name.static.function-call#689d6a
brace#d5c4a1
meta.parameter.type.variable, variable.parameter, variable.name, variable.other, variable, string.constant.other.placeholder#83a598
prototype#d3869b
storage.type.class#fb4934
punctuation#a89984
punctuation.quoted#ebdbb2
punctuation.quasi#fb4934
*url*, *link*, *uri*underline
meta.function.python, entity.name.function.python#8ec07c
storage.type.function.python, storage.modifier.declaration, storage.type.class.python#fb4934
meta.function-call.generic#83a598
meta.function-call.arguments#d5c4a1
entity.name.function.decorator#fabd2fbold
constant.other.capsbold
keyword.operator.logical#fb4934
punctuation.definition.logical-expression#fe8019
string.inperpolated.dollar.shell#fe8019
string.interpolated.dollar.shell, string.interpolated.backtick.shell#8ec07c
keyword.control.directive#8ec07c
support.function.C99#fabd2f
meta.scope.prerequisites#fabd2f
entity.name.function.target#b8bb26bold
storage.modifier.import.java, storage.modifier.package.java#bdae93
keyword.other.import.java, keyword.other.package.java#8ec07c
storage.type.java#fabd2f
storage.type.annotation#83a598bold
keyword.other.documentation.javadoc#8ec07c
comment.block.javadoc variable.parameter.java#b8bb26bold
source.java variable.other.object, source.java variable.other.definition.java#ebdbb2
meta.function-parameters.lisp#fabd2f
markup.underlineunderline
string.other.link.title.markdown#928374underline
markup.underline.link#d3869b
markup.bold#fe8019bold
markup.heading#fe8019bold
markup.italicitalic
markup.inserted#b8bb26
markup.deleted#d65d0e
markup.changed#fe8019
markup.punctuation.quote.beginning#98971a
markup.punctuation.list.beginning#83a598
markup.inline.raw, markup.fenced_code.block#8ec07c
string.quoted.double.json#83a598
source.json meta.structure.dictionary.json support.type.property-name.json#b8bb26
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#8ec07c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#d3869b
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#b8bb26
entity.other.attribute-name.css#fe8019
source.css meta.selector#ebdbb2
support.type.property-name.css#fe8019
entity.other.attribute-name.class#b8bb26
source.css support.function.transform, source.css support.function.timing-function, source.css support.function.misc#fb4934
support.property-value, constant.rgb-value, support.property-value.scss, constant.rgb-value.scss#d65d0e
entity.name.tag.cssnormal
punctuation.definition.tag#83a598
text.html entity.name.tag, text.html punctuation.tag#8ec07cbold
source.js variable.language#fe8019
source.go storage.type#fabd2f
source.go entity.name.import#b8bb26
source.go keyword.package, source.go keyword.import#8ec07c
source.go keyword.interface, source.go keyword.struct#83a598
source.go entity.name.type#ebdbb2
source.go entity.name.function#d3869b
support.constant.edge#d55fdeff
constant.other.character-class.regexp#e06c75ff
keyword.operator.quantifier.regexp#d19a66ff
punctuation.definition.string.begin,punctuation.definition.string.end#98c378
variable.parameter.function#A6B2C0
comment, punctuation.definition.comment#5C6370italic
comment markup.link#5C6370
markup.changed.diff#e0c285
meta.diff.header.from-file,punctuation.definition.from-file.diff#569cd6
markup.inserted.diff#89CA78
markup.deleted.diff#EF596F
meta.function.c#EF596F
keyword.control.cpp#e5c07b
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#AAB1C0
punctuation.separator.key-value#bbbbbb
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
keyword.operator.expression.import#52ADF2
support.constant.math#e5c07b
support.constant.property.math#d19a66
variable.other.constant#e5c07b
storage.type.annotation.java#e5c07bff
source.java#EF596F
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,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,meta.method.body.java#AAB1C0
meta.method.java#52ADF2
storage.modifier.import.java,storage.type.java#e5c07b
meta.definition.variable.name.java#EF596F
keyword.operator.logical#2BBAC5
keyword.operator.bitwise#2BBAC5
support.constant.property-value.scss,support.constant.property-value.css#D8985F
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#D8985F
punctuation.separator.list.comma.css#b9c0ca
support.constant.color.w3c-standard-color-name.css#D8985F
support.type.vendored.property-name.css#2BBAC5
punctuation.definition.template-expression.begin,punctuation.definition.template-expression.end#EF596F
support.module.node,support.type.object.module#e5c07b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#EF596F
comment.line.double-slash,comment.block.documentationnormal
support.constant.json#D8985F
keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.ternary#D55FDE
support.type.object.console#EF596F
support.variable.property.process#D8985F
entity.name.function,support.function.console#52ADF2
keyword.operator#2BBAC5
support.type.object.dom#2BBAC5
support.variable.dom,support.variable.property.dom#EF596F
keyword.operator.arithmetic,keyword.operator.comparison#2BBAC5
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c#D55FDEff
punctuation.separator.delimiter.c#bbbbbb
support.type.posix-reserved.c#57adb8
keyword.operator.sizeof.c#C178DD
variable.parameter.function.language.python#D8985F
support.type.python#2BBAC5
keyword.operator.logical.python#D55FDE
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#AAB1C0
meta.function-call.generic.python#52ADF2
constant.character.format.placeholder.other.python#98c379
none#A6B2C0
keyword.operator#AAB1C0
keyword#D55FDE
variable#EF596F
token.variable.parameter.java#AAB1C0
import.storage.java#e5c07b
token.package.keyword#D55FDE
token.package#AAB1C0
entity.name.function, meta.require, support.function.any-method#52ADF2
entity.name.type.namespace#e5c07b
support.class, entity.name.type.class#e5c07b
entity.name.class.identifier.namespace.type#e5c07b
entity.name.class#52ADF2
entity.name.type#e5c07b
keyword.control#D55FDE
control.elements, keyword.operator.less#D8985F
keyword.other.special-method#52ADF2
storage#D55FDE
token.storage#D55FDE
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#D55FDE
token.storage.type.java#e5c07b
support.function#2BBAC5
support.type.property-name#AAB1C0
support.constant.property-value#AAB1C0
support.constant.font-name#D8985F
meta.tag#AAB1C0
string, entity.other.inherited-class#89CA78
constant.other.symbol#2BBAC5
constant.numeric#D8985F
none#D8985F
none#D8985F
constant#D8985F
punctuation.definition.constant#D8985F
entity.name.tag#EF596F
entity.other.attribute-name#D8985F
entity.other.attribute-name.id#52ADF2normal
entity.other.attribute-name.class.css#D8985Fnormal
meta.selector#D55FDE
none#D2945D
markup.heading#EF596Fbold
markup.heading punctuation.definition.heading, entity.name.section#52ADF2
keyword.other.unit#D8985F
markup.bold,todo.bold#D8985Fbold
punctuation.definition.bold#e5c07b
markup.italic,punctuation.definition.italic,todo.emphasis#D55FDE
emphasis md#D55FDE
entity.name.section.markdown#EF596F
punctuation.definition.heading.markdown#EF596F
markup.heading.setext#AAB1C0
punctuation.definition.bold.markdown#D8985F
markup.inline.raw.markdown#89CA78
markup.inline.raw.string.markdown#98c379
beginning.punctuation.definition.list.markdown#EF596F
markup.quote.markdown#5C6370italic
punctuation.definition.string.begin.markdown,punctuation.definition.string.end.markdown,punctuation.definition.metadata.markdown#AAB1C0
punctuation.definition.metadata.markdown#D55FDE
markup.underline.link.markdown,markup.underline.link.image.markdown#D55FDE
string.other.link.title.markdown,string.other.link.description.markdown#52ADF2
markup.italic.markdownitalic
markup.bold.markdownbold
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#EF596F
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#EF596F
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#89CA78
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#2BBAC5
support.type.property-name.json#EF596F
support.type.property-name.json punctuation#EF596F
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,entity.other.alias.php,meta.interface.php#e5c07b
keyword.operator.error-control.php#D55FDE
keyword.operator.type.php#D55FDE
punctuation.section.array.begin.php#AAB1C0
punctuation.section.array.end.php#AAB1C0
invalid.illegal.non-null-typehinted.php#ff0000
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e5c07b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#52ADF2
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#bbbbbb
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#D8985F
entity.name.goto-label.php,support.other.php#52ADF2
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#2BBAC5
keyword.operator.regexp.php#D55FDE
keyword.operator.comparison.php#2BBAC5
punctuation.definition.variable.php#EF596F
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#D55FDE
meta.function.decorator.python#52ADF2
support.token.decorator.python,meta.function.decorator.identifier.python#2BBAC5
function.parameter#D8985F
function.parameter#AAB1C0
function.brace#AAB1C0
function.parameter.ruby, function.parameter.cs#AAB1C0
rgb-value#2BBAC5
inline-color-decoration rgb-value#D8985F
less rgb-value#D8985F
selector.sass#EF596F
var.this,variable.language.this.js,variable.language.this.ts,variable.language.this.jsx,variable.language.this.tsx#e5c07bitalic
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e5c07b
block.scope.end,block.scope.begin#AAB1C0
storage.type.cs#e5c07bff
entity.name.variable.local.cs#EF596F
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#d55fde
meta.template.expression#aab1c0

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Fantastic (Ayu, Darcula, Gruvbox, Material, Monokai, Slime, Oceanic, One) - Coding Theme