Skip to main content
Coding Theme

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#f78166
  • activityBar.background#0d1117
  • activityBar.border#30363d
  • activityBar.foreground#c9d1d9
  • activityBar.inactiveForeground#8b949e
  • activityBarBadge.background#1f6feb
  • activityBarBadge.foreground#ffffff
  • badge.background#1f6feb
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#8b949e
  • breadcrumb.focusForeground#c9d1d9
  • breadcrumb.foreground#8b949e
  • breadcrumbPicker.background#161b22
  • button.background#238636
  • button.foreground#ffffff
  • button.hoverBackground#2ea043
  • button.secondaryBackground#282e33
  • button.secondaryForeground#c9d1d9
  • button.secondaryHoverBackground#30363d
  • checkbox.background#161b22
  • checkbox.border#30363d
  • debugConsole.errorForeground#ffa198
  • debugConsole.infoForeground#8b949e
  • debugConsole.sourceForeground#e3b341
  • debugConsole.warningForeground#d29922
  • debugConsoleInputIcon.foreground#bc8cff
  • debugIcon.breakpointForeground#f85149
  • debugTokenExpression.boolean#56d364
  • debugTokenExpression.error#ffa198
  • debugTokenExpression.name#79c0ff
  • debugTokenExpression.number#56d364
  • debugTokenExpression.string#a5d6ff
  • debugTokenExpression.value#a5d6ff
  • debugToolBar.background#161b22
  • descriptionForeground#8b949e
  • diffEditor.insertedLineBackground#23863626
  • diffEditor.insertedTextBackground#3fb9504d
  • diffEditor.removedLineBackground#da363326
  • diffEditor.removedTextBackground#ff7b724d
  • dropdown.background#161b22
  • dropdown.border#30363d
  • dropdown.foreground#c9d1d9
  • dropdown.listBackground#161b22
  • editor.background#0d1117
  • editor.findMatchBackground#9e6a03
  • editor.findMatchHighlightBackground#f2cc6080
  • editor.focusedStackFrameHighlightBackground#2ea04366
  • editor.foldBackground#6e76811a
  • editor.foreground#c9d1d9
  • editor.lineHighlightBackground#6e76811a
  • editor.linkedEditingBackground#58a6ff12
  • editor.selectionHighlightBackground#3fb95040
  • editor.stackFrameHighlightBackground#bb800966
  • editor.wordHighlightBackground#6e768180
  • editor.wordHighlightBorder#6e768199
  • editor.wordHighlightStrongBackground#6e76814d
  • editor.wordHighlightStrongBorder#6e768199
  • editorBracketHighlight.foreground1#79c0ff
  • editorBracketHighlight.foreground2#56d364
  • editorBracketHighlight.foreground3#e3b341
  • editorBracketHighlight.foreground4#ffa198
  • editorBracketHighlight.foreground5#ff9bce
  • editorBracketHighlight.foreground6#d2a8ff
  • editorBracketHighlight.unexpectedBracket.foreground#8b949e
  • editorBracketMatch.background#3fb95040
  • editorBracketMatch.border#3fb95099
  • editorCursor.foreground#58a6ff
  • editorGroup.border#30363d
  • editorGroupHeader.tabsBackground#010409
  • editorGroupHeader.tabsBorder#30363d
  • editorGutter.addedBackground#2ea04366
  • editorGutter.deletedBackground#f8514966
  • editorGutter.modifiedBackground#bb800966
  • editorIndentGuide.activeBackground#c9d1d93d
  • editorIndentGuide.background#c9d1d91f
  • editorInlayHint.background#8b949e33
  • editorInlayHint.foreground#8b949e
  • editorInlayHint.paramBackground#8b949e33
  • editorInlayHint.paramForeground#8b949e
  • editorInlayHint.typeBackground#8b949e33
  • editorInlayHint.typeForeground#8b949e
  • editorLineNumber.activeForeground#c9d1d9
  • editorLineNumber.foreground#6e7681
  • editorOverviewRuler.border#010409
  • editorWhitespace.foreground#484f58
  • editorWidget.background#161b22
  • errorForeground#f85149
  • focusBorder#1f6feb
  • foreground#c9d1d9
  • gitDecoration.addedResourceForeground#3fb950
  • gitDecoration.conflictingResourceForeground#db6d28
  • gitDecoration.deletedResourceForeground#f85149
  • gitDecoration.ignoredResourceForeground#6e7681
  • gitDecoration.modifiedResourceForeground#d29922
  • gitDecoration.submoduleResourceForeground#8b949e
  • gitDecoration.untrackedResourceForeground#3fb950
  • icon.foreground#8b949e
  • input.background#0d1117
  • input.border#30363d
  • input.foreground#c9d1d9
  • input.placeholderForeground#6e7681
  • keybindingLabel.foreground#c9d1d9
  • list.activeSelectionBackground#6e768166
  • list.activeSelectionForeground#c9d1d9
  • list.focusBackground#388bfd26
  • list.focusForeground#c9d1d9
  • list.highlightForeground#58a6ff
  • list.hoverBackground#6e76811a
  • list.hoverForeground#c9d1d9
  • list.inactiveFocusBackground#388bfd26
  • list.inactiveSelectionBackground#6e768166
  • list.inactiveSelectionForeground#c9d1d9
  • minimapSlider.activeBackground#8b949e47
  • minimapSlider.background#8b949e33
  • minimapSlider.hoverBackground#8b949e3d
  • notificationCenterHeader.background#161b22
  • notificationCenterHeader.foreground#8b949e
  • notifications.background#161b22
  • notifications.border#30363d
  • notifications.foreground#c9d1d9
  • notificationsErrorIcon.foreground#f85149
  • notificationsInfoIcon.foreground#58a6ff
  • notificationsWarningIcon.foreground#d29922
  • panel.background#010409
  • panel.border#30363d
  • panelInput.border#30363d
  • panelTitle.activeBorder#f78166
  • panelTitle.activeForeground#c9d1d9
  • panelTitle.inactiveForeground#8b949e
  • peekViewEditor.background#6e76811a
  • peekViewEditor.matchHighlightBackground#bb800966
  • peekViewResult.background#0d1117
  • peekViewResult.matchHighlightBackground#bb800966
  • pickerGroup.border#30363d
  • pickerGroup.foreground#8b949e
  • progressBar.background#1f6feb
  • quickInput.background#161b22
  • quickInput.foreground#c9d1d9
  • scrollbar.shadow#484f5833
  • scrollbarSlider.activeBackground#8b949e47
  • scrollbarSlider.background#8b949e33
  • scrollbarSlider.hoverBackground#8b949e3d
  • settings.headerForeground#c9d1d9
  • settings.modifiedItemIndicator#bb800966
  • sideBar.background#010409
  • sideBar.border#30363d
  • sideBar.foreground#c9d1d9
  • sideBarSectionHeader.background#010409
  • sideBarSectionHeader.border#30363d
  • sideBarSectionHeader.foreground#c9d1d9
  • sideBarTitle.foreground#c9d1d9
  • statusBar.background#0d1117
  • statusBar.border#30363d
  • statusBar.debuggingBackground#da3633
  • statusBar.debuggingForeground#ffffff
  • statusBar.focusBorder#1f6feb80
  • statusBar.foreground#8b949e
  • statusBar.noFolderBackground#0d1117
  • statusBarItem.activeBackground#c9d1d91f
  • statusBarItem.focusBorder#1f6feb
  • statusBarItem.hoverBackground#c9d1d914
  • statusBarItem.prominentBackground#6e768166
  • statusBarItem.remoteBackground#30363d
  • statusBarItem.remoteForeground#c9d1d9
  • symbolIcon.arrayForeground#f0883e
  • symbolIcon.booleanForeground#58a6ff
  • symbolIcon.classForeground#f0883e
  • symbolIcon.colorForeground#79c0ff
  • symbolIcon.constantForeground#aff5b4#7ee787#56d364#3fb950#2ea043#238636#196c2e#0f5323#033a16#04260f
  • symbolIcon.constructorForeground#d2a8ff
  • symbolIcon.enumeratorForeground#f0883e
  • symbolIcon.enumeratorMemberForeground#58a6ff
  • symbolIcon.eventForeground#6e7681
  • symbolIcon.fieldForeground#f0883e
  • symbolIcon.fileForeground#d29922
  • symbolIcon.folderForeground#d29922
  • symbolIcon.functionForeground#bc8cff
  • symbolIcon.interfaceForeground#f0883e
  • symbolIcon.keyForeground#58a6ff
  • symbolIcon.keywordForeground#ff7b72
  • symbolIcon.methodForeground#bc8cff
  • symbolIcon.moduleForeground#ff7b72
  • symbolIcon.namespaceForeground#ff7b72
  • symbolIcon.nullForeground#58a6ff
  • symbolIcon.numberForeground#3fb950
  • symbolIcon.objectForeground#f0883e
  • symbolIcon.operatorForeground#79c0ff
  • symbolIcon.packageForeground#f0883e
  • symbolIcon.propertyForeground#f0883e
  • symbolIcon.referenceForeground#58a6ff
  • symbolIcon.snippetForeground#58a6ff
  • symbolIcon.stringForeground#79c0ff
  • symbolIcon.structForeground#f0883e
  • symbolIcon.textForeground#79c0ff
  • symbolIcon.typeParameterForeground#79c0ff
  • symbolIcon.unitForeground#58a6ff
  • symbolIcon.variableForeground#f0883e
  • tab.activeBackground#0d1117
  • tab.activeBorder#0d1117
  • tab.activeBorderTop#f78166
  • tab.activeForeground#c9d1d9
  • tab.border#30363d
  • tab.hoverBackground#0d1117
  • tab.inactiveBackground#010409
  • tab.inactiveForeground#8b949e
  • tab.unfocusedActiveBorder#0d1117
  • tab.unfocusedActiveBorderTop#30363d
  • tab.unfocusedHoverBackground#6e76811a
  • terminal.ansiBlack#484f58
  • terminal.ansiBlue#58a6ff
  • terminal.ansiBrightBlack#6e7681
  • terminal.ansiBrightBlue#79c0ff
  • terminal.ansiBrightCyan#56d4dd
  • terminal.ansiBrightGreen#56d364
  • terminal.ansiBrightMagenta#d2a8ff
  • terminal.ansiBrightRed#ffa198
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#e3b341
  • terminal.ansiCyan#39c5cf
  • terminal.ansiGreen#3fb950
  • terminal.ansiMagenta#bc8cff
  • terminal.ansiRed#ff7b72
  • terminal.ansiWhite#b1bac4
  • terminal.ansiYellow#d29922
  • terminal.foreground#c9d1d9
  • textBlockQuote.background#010409
  • textBlockQuote.border#30363d
  • textCodeBlock.background#6e768166
  • textLink.activeForeground#58a6ff
  • textLink.foreground#58a6ff
  • textPreformat.foreground#8b949e
  • textSeparator.foreground#21262d
  • titleBar.activeBackground#0d1117
  • titleBar.activeForeground#8b949e
  • titleBar.border#30363d
  • titleBar.inactiveBackground#010409
  • titleBar.inactiveForeground#8b949e
  • tree.indentGuidesStroke#21262d
  • welcomePage.buttonBackground#21262d
  • welcomePage.buttonHoverBackground#30363d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#FA919A
variable.other.generic-type.haskell#E6A274
storage.type.haskell#E6A274
support.variable.magic.python#E68AE6
punctuation.separator.element.python#E6A274
variable.parameter.function.language.special.self.python#E297DA
storage.modifier.lifetime.rust#abb2bf
support.function.std.rust#FFC66D
entity.name.lifetime.rust#e5c07b
variable.language.rust#FA919A
support.constant.edge#E6A274
constant.other.character-class.regexp#76ACD5
keyword.operator.quantifier.regexp#76ACD5
punctuation.definition.string.begin,punctuation.definition.string.end#92BB7B
variable.parameter.function#bfbeab
comment markup.link#5c6370
markup.changed.diff#e5c07b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#FFC66D
markup.inserted.diff#92BB7B
markup.deleted.diff#FA919A
meta.function.c,meta.function.cpp#FA919A
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#abb2bf
keyword.operator.expression.import#FFC66D
support.constant.math#B69BC4
support.constant.property.math#E6A274
variable.other.constant,variable.other.readwrite,variable.object.property#B69BC4
meta.definition.variable.js#B69BC4
comment.block.documentation#73B163italic
storage.type.class.jsdoc#73B163italic bold underline
variable.other.jsdoc,entity.name.type.instance.jsdoc#D89E5F
punctuation.terminator.statement.js,punctuation.separator.parameter.js,punctuation.separator.comma.js#E6A274
meta.decorator.js#BBB529
storage.type.annotation.java, storage.type.object.array.java#e5c07b
source.java#FA919A
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,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,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#abb2bf
meta.method.java#FFC66D
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e5c07b
keyword.operator.instanceof.java#E6A274
meta.definition.variable.name.java#FA919A
keyword.operator.logical#abb2bf
keyword.operator.bitwise#9A9AE0
keyword.operator.channel#9A9AE0
support.constant.property-value.scss,support.constant.property-value.css#A5C261
keyword.operator.css,keyword.operator.scss,keyword.operator.less#9A9AE0
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#A5C261
constant.other.color.rgb-value.hex.css,punctuation.definition.constant.css#76ACD5
variable.parameter.url.css#5EA4F8
constant.other.unicode-range.css#E8BF6A
punctuation.separator.list.comma.css,punctuation.terminator.rule.css#E6A274
support.type.vendored.property-name.css#9A9AE0
entity.other.attribute-name.class.css#E8BF6A
support.module.node,support.type.object.module,support.module.node#e5c07b
entity.name.type.module#A9B7C6
meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#B69BC4
support.variable.property,variable.other.property#B69BC4
support.constant.json#B69BC4
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#E6A274
support.type.object.console#FA919A
support.variable.property.process#E6A274
entity.name.function,support.function.console#FFC66D
support.variable.property.js,variable.other.property.js#B69BC4
keyword.operator.misc.rust#abb2bf
keyword.operator.sigil.rust#E6A274
keyword.operator.delete#E6A274
support.type.object.dom#9A9AE0
support.variable.dom,support.variable.property.dom#FA919A
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#E6A274
punctuation.separator.delimiter#abb2bf
punctuation.separator.c,punctuation.separator.cpp#E6A274
support.type.posix-reserved.c,support.type.posix-reserved.cpp#9A9AE0
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#E6A274
entity.name.type.cpp, meta.qualified_type.cpp, meta.function.definition.cpp, source.cpp#c3c3e4
variable.parameter.function.language.python#abb2bf
variable.parameter.function-call.python#AA4926
support.type.python#9A9AE0
keyword.operator.logical.python#E6A274
variable.parameter.function.python#E6A274
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#bfb2ab
entity.name.function.decorator.python#BBB529
string.quoted.binary.single.python#A5C261
meta.function-call.generic.python#FFC66D
constant.character.format.placeholder.other.python#E6A274
keyword.operator#abb2bf
keyword.operator.assignment.compound#E6A274
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#9A9AE0
keyword#E6A274
entity.name.namespace#e5c07b
variable
variable.c#abb2bf
variable.language#E6A274
variable.language.special.self.python#E297DA
token.variable.parameter.java#abb2bf
import.storage.java#e5c07b
token.package.keyword#E6A274
token.package#abb2bf
entity.name.function, meta.require, support.function.any-method, variable.function#FFC66D
entity.name.type.namespace#e5c07b
support.class#B69BC4
support.class.builtin#B69BC4italic bold
entity.name.class.identifier.namespace.type#e5c07b
entity.name.class, variable.other.class.js, variable.other.class.ts#e5c07b
variable.other.class.php#FA919A
entity.name.type#e5c07b
keyword.control#E6A274
control.elements, keyword.operator.less#E6A274
keyword.other.special-method#E6A274
storage#E6A274
token.storage#E6A274
storage.type.function.arrow.js,#A9B7C6
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#E6A274
token.storage.type.java#e5c07b
support.function,#FFC66D
support.function.magic#E68AE6
support.function.builtin#9A9AE0
support.type.property-name#BABABA
support.constant.property-value#abb2bf
support.constant.font-name#E6A274
meta.tag#E8BF6A
meta.jsx#A9B7C6
string#92BB7B
constant.other.symbol#9A9AE0
constant.numeric#76ACD5
constant#E6A274
constant.other.caps.python#A9B7C6
punctuation.definition.constant#E6A274
entity.name.tag#E8BF6A
entity.other.attribute-name#E6A274
entity.other.attribute-name.id#FFC66D
meta.selector#E8BF6A
markup.heading#FA919A
markup.heading punctuation.definition.heading, entity.name.section#FFC66D
keyword.other.unit#A5C261
markup.bold,todo.bold#E6A274
punctuation.definition.bold#e5c07b
markup.italic, punctuation.definition.italic,todo.emphasis#E6A274
emphasis md#E6A274
entity.name.section.markdown#B69BC4
punctuation.definition.heading.markdown#B69BC4
punctuation.definition.list.begin.markdown#E6A274
markup.heading.setext#abb2bf
punctuation.definition.bold.markdown#E6A274
markup.inline.raw.markdown#92BB7B
markup.inline.raw.string.markdown#B4B4B4
markup.fenced_code.block.markdown#B4B4B4
markup.raw.block.markdown#B4B4B4
punctuation.definition.list.markdown#FA919A
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#5EA4F8
string.other.link.description.title.markdown#B4B4B4
beginning.punctuation.definition.list.markdown#5EA4F8
punctuation.definition.metadata.markdown#A9B7C6
markup.underline.link.markdown,markup.underline.link.image.markdown,punctuation.definition.link.markdown#5EA4F8
string.other.link.title.markdown,string.other.link.description.markdown#5EA4F8
string.regexp#76ACD5
constant.character.escape#E6A274
punctuation.section.embedded, variable.interpolation#FA919A
punctuation.section.embedded.begin,punctuation.section.embedded.end#E6A274
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#abb2bf
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
string.quoted.docstring.multi.python#73B163italic
source.json meta.structure.dictionary.json > string.quoted.json#FA919A
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#FA919A
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#92BB7B
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#9A9AE0
support.type.property-name.json#B69BC4
support.type.property-name.json punctuation#B69BC4
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#E6A274
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#E6A274
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php#e5c07b
keyword.operator.error-control.php#E6A274
keyword.operator.type.php#E6A274
punctuation.section.array.begin.php#abb2bf
punctuation.section.array.end.php#abb2bf
invalid.illegal.non-null-typehinted.php#F48F8F
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#FFC66D
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#abb2bf
support.constant.core.rust#E6A274
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#E6A274
entity.name.goto-label.php,support.other.php#FFC66D
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#9A9AE0
keyword.operator.regexp.php#76ACD5
keyword.operator.comparison.php#9A9AE0
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#E6A274
meta.function.decorator.python#FFC66D
support.token.decorator.python,meta.function.decorator.identifier.python#9A9AE0
function.parameter#abb2bf
function.parameter.ruby, function.parameter.cs#abb2bf
constant.language.symbol.ruby#9A9AE0
rgb-value#9A9AE0
inline-color-decoration rgb-value#E6A274
less rgb-value#E6A274
selector.sass#FA919A
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#E6A274
block.scope.end,block.scope.begin#abb2bf
storage.type.cs#e5c07b
entity.name.variable.local.cs#FA919A
token.info-token#FFC66D
token.warn-token#E6A274
token.error-token#F48F8F
token.debug-token#E6A274
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#E6A274
meta.template.expression#abb2bf
keyword.operator.module#E6A274
support.type.type.flowtype#FFC66D
support.type.primitive#E6A274
meta.property.object#FA919A
variable.parameter.function.js#FA919A
keyword.other.template.begin#92BB7B
keyword.other.template.end#92BB7B
keyword.other.substitution.begin#92BB7B
keyword.other.substitution.end#92BB7B
keyword.operator.assignment
keyword.operator.assignment.go
keyword.operator.arithmetic.go, keyword.operator.address.go
entity.name.type.go#A9B7C6
entity.name.package.go, entity.alias.import.go#AFBF7E
support.function.go#B09D79
string.quoted.rune.go, constant.other.rune.go#92BB7B
punctuation.other.comma.go, punctuation.terminator.go#E6A274
support.function.builtin.go#E6A274
support.type.prelude.elm#9A9AE0
support.constant.elm#E6A274
punctuation.quasi.element#E6A274
constant.character.entity#6D9CBE
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#9A9AE0
entity.global.clojure#e5c07b
meta.symbol.clojure#FA919A
constant.keyword.clojure#9A9AE0
meta.arguments.coffee, variable.parameter.function.coffee#FA919A
source.ini#92BB7B
meta.scope.prerequisites.makefile#FA919A
source.makefile#e5c07b
storage.modifier.import.groovy#e5c07b
meta.method.groovy#FFC66D
meta.definition.variable.name.groovy#FA919A
meta.definition.class.inherited.classes.groovy#92BB7B
support.variable.semantic.hlsl#e5c07b
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#E6A274
text.variable, text.bracketed#FA919A
support.type.swift, support.type.vb.asp#e5c07b
entity.name.function.xi#e5c07b
entity.name.class.xi#9A9AE0
constant.character.character-class.regexp.xi#76ACD5
constant.regexp.xi#76ACD5
keyword.control.xi#9A9AE0
invalid.xi#abb2bf
beginning.punctuation.definition.quote.markdown.xi#92BB7B
beginning.punctuation.definition.list.markdown.xi#7E838B
constant.character.xi#FFC66D
accent.xi#FFC66D
wikiword.xi#E6A274
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5c6370
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e5c07b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#B69BC4
meta.separator.markdown#B4B4B4
comment, punctuation.definition.comment#7E838B
markup.quote.markdown#92BB7B
punctuation.definition.block.sequence.item.yaml#abb2bf
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#9A9AE0
entity.name.variable.parameter.cs#e5c07b
entity.name.variable.field.cs#FA919A
markup.deleted#FA919A
markup.inserted#92BB7B
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#F27B71
support.other.namespace.php#abb2bf
variable.other.object#B69BC4italic bold
variable.other.constant.property#B69BC4
entity.other.inherited-class#e5c07b

Shiki preview

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

Loading...

Tuffybrain - Coding Theme