Material Light Theme
Publisher: Rafael-AvalosThemes in package: 1
Light colors theme is a colorful, eye - pleasing theme with cheerful and stylish colors
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#ff006a
- activityBar.background#e7e8e6
- activityBar.foreground#ff006a
- activityBar.inactiveForeground#68696888
- activityBarBadge.background#55c1ff
- activityBarBadge.foreground#ffffff
- badge.background#55c1ff
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#535453
- breadcrumb.background#fafbfc
- breadcrumb.focusForeground#535453
- breadcrumb.foreground#686968cc
- breadcrumbPicker.background#f3f3f3
- button.background#ff006a
- button.foreground#ffffff
- button.hoverBackground#00a2ff
- checkbox.background#ffffff
- checkbox.border#e9eaeb
- debugExceptionWidget.background#ffaeac33
- debugExceptionWidget.border#ff5c57
- debugIcon.breakpointCurrentStackframeForeground#ffcc00
- debugIcon.breakpointDisabledForeground#848484
- debugIcon.breakpointForeground#e51400
- debugIcon.breakpointStackframeForeground#89d185
- debugIcon.breakpointUnverifiedForeground#848484
- debugIcon.continueForeground#007acc
- debugIcon.disconnectForeground#a1260d
- debugIcon.pauseForeground#007acc
- debugIcon.restartForeground#388a34
- debugIcon.startForeground#388a34
- debugIcon.stepBackForeground#007acc
- debugIcon.stepIntoForeground#007acc
- debugIcon.stepOutForeground#007acc
- debugIcon.stepOverForeground#007acc
- debugIcon.stopForeground#a1260d
- debugTokenExpression.boolean#0000ff
- debugTokenExpression.error#e51400
- debugTokenExpression.name#9b46b0
- debugTokenExpression.number#098658
- debugTokenExpression.string#a31515
- debugTokenExpression.value#6c6c6ccc
- debugToolBar.background#f3f3f3
- debugToolBar.border#e9eaeb
- debugView.exceptionLabelBackground#a31515
- debugView.exceptionLabelForeground#686968
- debugView.stateLabelBackground#88888844
- debugView.stateLabelForeground#686968
- debugView.valueChangedHighlight#569cd6
- descriptionForeground#717171
- diffEditor.diagonalFill#22222233
- diffEditor.insertedTextBackground#ff006a24
- diffEditor.removedTextBackground#ffaeac44
- dropdown.background#ffffff
- dropdown.border#e9eaeb
- editor.background#fafbfc
- editor.findMatchBackground#00e6e06a
- editor.findMatchHighlightBackground#00e6e02a
- editor.findRangeHighlightBackground#f5b90011
- editor.focusedStackFrameHighlightBackground#ff006a22
- editor.foldBackground#ff006a0a
- editor.foreground#464646
- editor.hoverHighlightBackground#00e6e018
- editor.inactiveSelectionBackground#ff006a11
- editor.lineHighlightBorder#eeeeee
- editor.rangeHighlightBackground#f5b90033
- editor.selectionBackground#ff006a22
- editor.selectionHighlightBackground#3bcc6b14
- editor.snippetFinalTabstopHighlightBorder#0a326480
- editor.snippetTabstopHighlightBackground#adb1c23a
- editor.stackFrameHighlightBackground#f5b90033
- editor.symbolHighlightBackground#00e6e02a
- editor.wordHighlightBackground#adb1c23a
- editorBracketHighlight.foreground1#00e5ff
- editorBracketHighlight.foreground2#9CDD29
- editorBracketHighlight.foreground3#ff4fc1
- editorBracketHighlight.foreground4#9381ff
- editorBracketHighlight.foreground5#F7C244
- editorBracketHighlight.foreground6#ff6d3d
- editorBracketHighlight.unexpectedBracket.foreground#db3333
- editorBracketMatch.background#0064001a
- editorBracketMatch.border#b9b9b9
- editorBracketPairGuide.activeBackground1#ff4fc1
- editorBracketPairGuide.activeBackground2#9CDD29
- editorBracketPairGuide.activeBackground3#9381ff
- editorBracketPairGuide.activeBackground4#F7C244
- editorBracketPairGuide.activeBackground5#ff6d3d
- editorBracketPairGuide.activeBackground6#0098FA
- editorCodeLens.foreground#999999
- editorCursor.foreground#000000
- editorError.foreground#ff5c56
- editorGroup.border#e7e7e7
- editorGroup.dropBackground#2677cb2e
- editorGroup.emptyBackground#f3f4f5
- editorGroupHeader.noTabsBackground#fafbfc
- editorGroupHeader.tabsBackground#f3f3f3
- editorGutter.addedBackground#ff006a
- editorGutter.background#fafbfc
- editorGutter.commentRangeForeground#c5c5c5
- editorGutter.deletedBackground#ff5c57
- editorGutter.foldingControlForeground#424242
- editorGutter.modifiedBackground#00a39faa
- editorHint.foreground#6c6c6c
- editorHoverWidget.background#f3f3f3
- editorHoverWidget.border#c8c8c8
- editorHoverWidget.foreground#686968
- editorHoverWidget.statusBarBackground#e7e7e7
- editorIndentGuide.activeBackground#adb1c255
- editorIndentGuide.background#adb1c255
- editorInfo.foreground#75beff
- editorLightBulb.foreground#ddb100
- editorLightBulbAutoFix.foreground#007acc
- editorLineNumber.activeForeground#ff006a
- editorLineNumber.foreground#9194a2aa
- editorLink.activeForeground#35cf68
- editorMarkerNavigation.background#ffffff
- editorMarkerNavigationError.background#ff5c56
- editorMarkerNavigationInfo.background#75beff
- editorMarkerNavigationWarning.background#ffb400
- editorOverviewRuler.addedForeground#ff006a
- editorOverviewRuler.border#7f7f7f4d
- editorOverviewRuler.bracketMatchForeground#a0a0a0
- editorOverviewRuler.commonContentForeground#60606066
- editorOverviewRuler.currentContentForeground#35cf6866
- editorOverviewRuler.deletedForeground#ff5c57
- editorOverviewRuler.errorForeground#ff5c56
- editorOverviewRuler.findMatchForeground#3dccc7aa
- editorOverviewRuler.incomingContentForeground#14b1ff77
- editorOverviewRuler.infoForeground#75beff
- editorOverviewRuler.modifiedForeground#00a39faa
- editorOverviewRuler.rangeHighlightForeground#007acc99
- editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
- editorOverviewRuler.warningForeground#ffb400
- editorOverviewRuler.wordHighlightForeground#adb1c288
- editorOverviewRuler.wordHighlightStrongForeground#35cf68
- editorPane.background#fafbfc
- editorRuler.foreground#d3d3d3
- editorSuggestWidget.background#f3f3f3
- editorSuggestWidget.border#c8c8c8
- editorSuggestWidget.foreground#464646
- editorSuggestWidget.highlightForeground#0066bf
- editorSuggestWidget.selectedBackground#acacac99
- editorUnnecessaryCode.opacity#00000077
- editorWarning.foreground#ffb400
- editorWhitespace.foreground#adb1c255
- editorWidget.background#f3f3f3
- editorWidget.border#c8c8c8
- editorWidget.foreground#686968
- errorForeground#a1260d
- extensionBadge.remoteBackground#55c1ff
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#ff006a
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#238744
- focusBorder#55c1ff
- foreground#686968
- gitDecoration.addedResourceForeground#587c0c
- gitDecoration.conflictingResourceForeground#6c6cc4
- gitDecoration.deletedResourceForeground#ad0707
- gitDecoration.ignoredResourceForeground#8e8e90
- gitDecoration.modifiedResourceForeground#00a39f
- gitDecoration.submoduleResourceForeground#1258a7
- gitDecoration.untrackedResourceForeground#ff006a
- icon.foreground#424242
- imagePreview.border#80808059
- input.background#ffffff
- input.border#e9eaeb
- input.foreground#686968
- input.placeholderForeground#68696880
- inputOption.activeBackground#55c1ff4d
- inputOption.activeBorder#007acc00
- inputValidation.errorBackground#f2dede
- inputValidation.errorBorder#be1100
- inputValidation.infoBackground#d6ecf2
- inputValidation.infoBorder#007acc
- inputValidation.warningBackground#f6f5d2
- inputValidation.warningBorder#b89500
- list.activeSelectionBackground#55c1ff
- list.activeSelectionForeground#ffffff
- list.deemphasizedForeground#8e8e90
- list.dropBackground#bce7fc99
- list.errorForeground#ff5c56
- list.filterMatchBackground#00e6e02a
- list.focusBackground#bce7fc99
- list.focusForeground#00a6ed
- list.highlightForeground#0066bf
- list.hoverBackground#e9eaeb
- list.inactiveSelectionBackground#89b5cb33
- list.invalidItemForeground#b89500
- list.warningForeground#b38700
- listFilterWidget.background#efc1ad
- listFilterWidget.noMatchesOutline#be1100
- listFilterWidget.outline#00000000
- menu.background#fafbfc
- menu.foreground#686968
- menu.selectionBackground#e9eaeb
- menu.selectionForeground#686968
- menu.separatorBackground#888888
- menubar.selectionBackground#e9eaeb
- menubar.selectionForeground#686968
- merge.commonContentBackground#60606029
- merge.commonHeaderBackground#60606066
- merge.currentContentBackground#35cf6833
- merge.currentHeaderBackground#35cf6866
- merge.incomingContentBackground#14b1ff33
- merge.incomingHeaderBackground#14b1ff77
- minimap.errorHighlight#ff1212b3
- minimap.findMatchHighlight#d18616
- minimap.selectionHighlight#add6ff
- minimap.warningHighlight#ffb400
- minimapGutter.addedBackground#81b88b
- minimapGutter.deletedBackground#ca4b51
- minimapGutter.modifiedBackground#66afe0
- minimapSlider.activeBackground#0000004d
- minimapSlider.background#64646433
- minimapSlider.hoverBackground#64646459
- notebook.cellToolbarSeperator#80808059
- notebook.focusedCellIndicator#66afe0
- notebook.outputContainerBackgroundColor#edeff9
- notificationCenterHeader.background#e7e7e7
- notificationLink.foreground#006ab1
- notifications.background#f3f3f3
- notifications.border#e7e7e7
- notifications.foreground#686968
- notificationsErrorIcon.foreground#ff5c56
- notificationsInfoIcon.foreground#75beff
- notificationsWarningIcon.foreground#ffb400
- panel.background#fafbfc
- panel.border#80808059
- panel.dropBackground#2677cb2e
- panelInput.border#dddddd
- panelTitle.activeBorder#424242
- panelTitle.activeForeground#424242
- panelTitle.inactiveForeground#424242bf
- peekView.border#55c1ff
- peekViewEditor.background#14b1ff08
- peekViewEditor.matchHighlightBackground#f5b90088
- peekViewEditor.matchHighlightBorder#f5b900
- peekViewEditorGutter.background#14b1ff08
- peekViewResult.background#f3f3f3
- peekViewResult.fileForeground#1e1e1e
- peekViewResult.lineForeground#646465
- peekViewResult.matchHighlightBackground#f5b90088
- peekViewResult.selectionBackground#55c1ff
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#55c1ff11
- peekViewTitleDescription.foreground#616161e6
- peekViewTitleLabel.foreground#333333
- pickerGroup.border#cccedb
- pickerGroup.foreground#0066bf
- problemsErrorIcon.foreground#ff5c56
- problemsInfoIcon.foreground#75beff
- problemsWarningIcon.foreground#ffb400
- progressBar.background#0e70c0
- quickInput.background#f3f3f3
- quickInput.foreground#686968
- quickInputTitle.background#0000000f
- scrollbar.shadow#dddddd
- scrollbarSlider.activeBackground#00000099
- scrollbarSlider.background#64646466
- scrollbarSlider.hoverBackground#646464b3
- searchEditor.findMatchBackground#00e6e01c
- searchEditor.textInputBorder#e9eaeb
- selection.background#ff006a44
- settings.checkboxBackground#ffffff
- settings.checkboxBorder#e9eaeb
- settings.dropdownBackground#ffffff
- settings.dropdownBorder#e9eaeb
- settings.dropdownListBorder#c8c8c8
- settings.headerForeground#444444
- settings.modifiedItemIndicator#3dccc7
- settings.numberInputBackground#ffffff
- settings.numberInputBorder#e9eaeb
- settings.numberInputForeground#686968
- settings.textInputBackground#ffffff
- settings.textInputBorder#e9eaeb
- settings.textInputForeground#686968
- sideBar.background#f3f4f5
- sideBar.border#dedfe0
- sideBar.dropBackground#0000001a
- sideBarSectionHeader.background#e9eaeb
- sideBarSectionHeader.border#dedfe0
- statusBar.background#ff006a
- statusBar.debuggingBackground#3dccc7
- statusBar.debuggingBorder#00a39f
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#464646
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#ffffff2e
- statusBarItem.hoverBackground#ffffff1f
- statusBarItem.prominentBackground#00000080
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#0000004d
- statusBarItem.remoteBackground#238744
- statusBarItem.remoteForeground#ffffff
- symbolIcon.arrayForeground#686968
- symbolIcon.booleanForeground#686968
- symbolIcon.classForeground#d67e00
- symbolIcon.colorForeground#686968
- symbolIcon.constantForeground#686968
- symbolIcon.constructorForeground#652d90
- symbolIcon.enumeratorForeground#d67e00
- symbolIcon.enumeratorMemberForeground#007acc
- symbolIcon.eventForeground#d67e00
- symbolIcon.fieldForeground#007acc
- symbolIcon.fileForeground#686968
- symbolIcon.folderForeground#686968
- symbolIcon.functionForeground#652d90
- symbolIcon.interfaceForeground#007acc
- symbolIcon.keyForeground#686968
- symbolIcon.keywordForeground#686968
- symbolIcon.methodForeground#652d90
- symbolIcon.moduleForeground#686968
- symbolIcon.namespaceForeground#686968
- symbolIcon.nullForeground#686968
- symbolIcon.numberForeground#686968
- symbolIcon.objectForeground#686968
- symbolIcon.operatorForeground#686968
- symbolIcon.packageForeground#686968
- symbolIcon.propertyForeground#686968
- symbolIcon.referenceForeground#686968
- symbolIcon.snippetForeground#686968
- symbolIcon.stringForeground#686968
- symbolIcon.structForeground#686968
- symbolIcon.textForeground#686968
- symbolIcon.typeParameterForeground#686968
- symbolIcon.unitForeground#686968
- symbolIcon.variableForeground#007acc
- tab.activeBackground#fafbfc
- tab.activeBorderTop#ff006a
- tab.activeForeground#333333
- tab.activeModifiedBorder#33aaee
- tab.border#f3f3f3
- tab.inactiveBackground#ececec
- tab.inactiveForeground#333333b3
- tab.inactiveModifiedBorder#33aaee80
- tab.unfocusedActiveBackground#fafbfc
- tab.unfocusedActiveBorderTop#ff006ab3
- tab.unfocusedActiveForeground#333333b3
- tab.unfocusedActiveModifiedBorder#33aaeeb3
- tab.unfocusedInactiveBackground#ececec
- tab.unfocusedInactiveForeground#33333359
- tab.unfocusedInactiveModifiedBorder#33aaee40
- terminal.ansiBlack#464646
- terminal.ansiBlue#55c1ff
- terminal.ansiBrightBlack#75798f
- terminal.ansiBrightBlue#14b1ff
- terminal.ansiBrightCyan#3dccc7
- terminal.ansiBrightGreen#35cf68
- terminal.ansiBrightMagenta#ff94d2
- terminal.ansiBrightRed#ffaeac
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f5b900
- terminal.ansiCyan#3dccc7
- terminal.ansiGreen#ff006a
- terminal.ansiMagenta#f767bb
- terminal.ansiRed#ff5c57
- terminal.ansiWhite#fafbf9
- terminal.ansiYellow#ffb400
- terminal.border#80808059
- terminal.foreground#333333
- terminal.selectionBackground#00000040
- textBlockQuote.background#7f7f7f1a
- textBlockQuote.border#007acc80
- textCodeBlock.background#dcdcdc66
- textLink.activeForeground#006ab1
- textLink.foreground#006ab1
- textPreformat.foreground#a31515
- textSeparator.foreground#0000002e
- titleBar.activeBackground#f3f4f5
- titleBar.activeForeground#333333
- titleBar.inactiveBackground#f3f4f599
- titleBar.inactiveForeground#33333399
- tree.indentGuidesStroke#a9a9a9
- widget.shadow#a8a8a8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| invalid.illegal | #FF5C56 | — |
| meta.object-literal.key, meta.object-literal.key constant.character.escape, meta.object-literal string, meta.object-literal string constant.character.escape, support.type.property-name, support.type.property-name constant.character.escape | #00A6ED | — |
| keyword, storage, meta.class storage.type, keyword.operator.expression.import, keyword.operator.new | #F767BB | — |
| support.type, meta.type.annotation entity.name.type, new.expr meta.type.parameters entity.name.type, storage.type.primitive, storage.type.built-in.primitive, meta.function.parameter storage.type | #FF006A | — |
| storage.type.annotation | #C25193 | — |
| keyword.other.unit | #FF5C57CC | — |
| constant.language, support.constant, variable.language | #FF006A | — |
| variable, support.variable | #7FB800 | italic |
| variable.language.this | #3DCCC7 | — |
| entity.name.function, support.function | #55C1FF | — |
| entity.name.function.decorator | #00A6ED | — |
| meta.class entity.name.type, new.expr entity.name.type, entity.other.inherited-class, support.class | #3DCCC7 | — |
| keyword.preprocessor.pragma, keyword.control.directive.include, keyword.other.preprocessor | #00A6ED | — |
| entity.name.exception | #FF5C56 | — |
| entity.name.section | — | — |
| constant.numeric | #FF5C57 | — |
| constant, constant.character | #FF006A | — |
| string | #FFB400 | — |
| string | #FFB400 | — |
| constant.character.escape | #F5B900 | — |
| string.regexp, string.regexp constant.character.escape | #3DCCC7 | — |
| string.regexp punctuation | #00A39F | — |
| string.regexp keyword, string.regexp keyword.control, string.regexp constant | #F767BB | — |
| string.regexp keyword.other | #00A39FBB | — |
| constant.other.symbol | #FFB400 | — |
| comment, punctuation.definition.comment | #ADB1C2 | italic |
| comment.block.preprocessor | #9194A2 | italic |
| comment.block.documentation entity.name.type | #FF006A | — |
| comment.block.documentation storage, comment.block.documentation keyword.other, meta.class comment.block.documentation storage.type | #9194A2 | — |
| comment.block.documentation variable | #C25193 | — |
| punctuation | #ADB1C2 | — |
| keyword.operator, keyword.other.arrow, keyword.control.@ | #ADB1C2 | — |
| meta.tag.metadata.doctype.html entity.name.tag, meta.tag.metadata.doctype.html entity.other.attribute-name.html, meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #9194A2 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #ADB1C2 | — |
| entity.name.tag | #3DCCC7 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #FF8380 | — |
| constant.character.entity, punctuation.definition.entity | #FFB400 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, source.css entity.name.tag | #F767BB | — |
| source.css variable | #00A6ED | — |
| punctuation.definition.entity.css | #FF82CBBB | — |
| source.css meta.property-name, source.css support.type.property-name | #464646 | — |
| source.css support.type.vendored.property-name | #464646AA | — |
| meta.property-value, support.constant.property-value | #3DCCC7 | — |
| source.css support.constant | #FF006A | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #FFB400 | — |
| source.css support.function | #55C1FF | — |
| keyword.other.important | #238744 | — |
| source.css.scss entity.other.attribute-name.class.css, source.css.scss entity.other.attribute-name.id.css | #F767BB | — |
| source.css.less entity.other.attribute-name.class.css | #F767BB | — |
| source.stylus meta.brace.curly.css | #ADB1C2 | — |
| source.stylus entity.other.attribute-name.class, source.stylus entity.other.attribute-name.id, source.stylus entity.name.tag | #F767BB | — |
| source.stylus support.type.property-name | #464646 | — |
| source.stylus variable | #00A6ED | — |
| markup.changed | #888888 | — |
| markup.deleted | #888888 | — |
| markup.italic | — | italic |
| markup.error | #FF5C56 | — |
| markup.inserted | #888888 | — |
| meta.link | #FFB400 | — |
| string.other.link.title.markdown | #55C1FF | — |
| markup.output, markup.raw | #999999 | — |
| markup.prompt | #999999 | — |
| markup.heading | #FF006A | — |
| markup.bold | — | bold |
| markup.traceback | #FF5C56 | — |
| markup.underline | — | underline |
| markup.quote | #777985 | — |
| markup.bold, markup.italic | #3DCCC7 | — |
| markup.inline.raw | #F767BB | |
| meta.brace.round, meta.brace.square, storage.type.function.arrow | #ADB1C2 | — |
| support.function.js | #00A6ED | — |
| string.regexp.js | #3DCCC7 | — |
| variable.language.super, support.type.object.module.js | #F767BB | — |
| meta.jsx.children | #686968 | — |
| entity.name.tag.yaml | #00A6ED | — |
| variable.other.alias.yaml | #FF006A | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #75798F | — |
| meta.use.php entity.other.alias.php | #3DCCC7 | — |
| source.php support.function.construct, source.php support.function.var | #00A6ED | — |
| storage.modifier.extends.php, source.php keyword.other, storage.modifier.php | #F767BB | — |
| meta.class.body.php storage.type.php | #F767BB | — |
| storage.type.php, meta.class.body.php meta.function-call.php storage.type.php, meta.class.body.php meta.function.php storage.type.php | #FF006A | — |
| source.php keyword.other.DML | #D94E4A | — |
| source.sql.embedded.php keyword.operator | #FF006A | — |
| source.ini keyword, source.toml keyword, source.env variable | #00A6ED | — |
| source.ini entity.name.section, source.toml entity.other.attribute-name | #F767BB | — |
| source.go storage.type | #FF006A | — |
| keyword.import.go, keyword.package.go | #FF5C56 | — |
| source.reason variable.language string | #464646 | — |
| source.reason support.type, source.reason constant.language, source.reason constant.language constant.numeric, source.reason support.type string.regexp | #FF006A | — |
| source.reason keyword.operator keyword.control, source.reason keyword.control.less, source.reason keyword.control.flow | #ADB1C2 | — |
| source.reason string.regexp | #FFB400 | — |
| source.reason support.property-value | #00A6ED | — |
| source.rust support.function.core.rust | #00A6ED | — |
| source.rust storage.type.core.rust, source.rust storage.class.std | #FF006A | — |
| source.rust entity.name.type.rust | #3DCCC7 | — |
| storage.type.function.coffee | #ADB1C2 | — |
| keyword.type.cs, storage.type.cs | #FF006A | — |
| entity.name.type.namespace.cs | #3DCCC7 | — |
| meta.diff.header | #00A6ED | — |
| markup.inserted.diff | #FF006A | — |
| markup.deleted.diff | #FF5C56 | — |
| meta.diff.range, meta.diff.index, meta.separator | #55C1FF | — |
| source.makefile variable | #00A6ED | — |
| keyword.control.protocol-specification.objc | #F767BB | — |
| meta.parens storage.type.objc, meta.return-type.objc support.class, meta.return-type.objc storage.type.objc | #FF006A | — |
| source.sql keyword | #00A6ED | — |
| keyword.other.special-method.dockerfile | #55C1FF | — |
| constant.other.symbol.elixir | #00A6ED | — |
| storage.type.elm, support.module.elm | #3DCCC7 | — |
| source.elm keyword.other | #ADB1C2 | — |
| source.erlang entity.name.type.class | #3DCCC7 | — |
| variable.other.field.erlang | #00A6ED | — |
| source.erlang constant.other.symbol | #FF006A | — |
| storage.type.haskell | #FF006A | — |
| meta.declaration.class.haskell storage.type.haskell, meta.declaration.instance.haskell storage.type.haskell | #3DCCC7 | — |
| meta.preprocessor.haskell | #75798F | — |
| source.haskell keyword.control | #F767BB | — |
| source.ocaml markup.underline | — | |
| source.ocaml punctuation.definition.tag emphasis, source.ocaml entity.name.class constant.numeric, source.ocaml support.type | #F767BB | — |
| source.ocaml constant.numeric entity.other.attribute-name | #3DCCC7 | — |
| source.ocaml comment meta.separator | #ADB1C2 | — |
| source.ocaml support.type strong, source.ocaml keyword.control strong | #ADB1C2 | — |
| source.ocaml support.constant.property-value | #00A6ED | — |
| source.scala entity.name.class | #3DCCC7 | — |
| storage.type.scala | #FF006A | — |
| variable.parameter.scala | #00A6ED | — |
| meta.bracket.scala, meta.colon.scala | #ADB1C2 | — |
| meta.metadata.simple.clojure | #ADB1C2 | — |
| meta.metadata.simple.clojure meta.symbol | #3DCCC7 | — |
| source.r keyword.other | #ADB1C2 | — |
| source.svelte meta.block.ts entity.name.label | #00A6ED | — |
| keyword.operator.word.applescript | #F767BB | — |
| meta.function-call.livescript | #55C1FF | — |
| variable.language.self.lua | #3DCCC7 | — |
| entity.name.type.class.swift, meta.inheritance-clause.swift, meta.import.swift entity.name.type | #3DCCC7 | — |
| source.swift punctuation.section.embedded | #B38700 | — |
| variable.parameter.function.swift entity.name.function.swift | #464646 | — |
| meta.function-call.twig | #464646 | — |
| string.unquoted.tag-string.django | #464646 | — |
| entity.tag.tagbraces.django, entity.tag.filter-pipe.django | #ADB1C2 | — |
| meta.section.attributes.haml constant.language, meta.section.attributes.plain.haml constant.other.symbol | #FF8380 | — |
| meta.prolog.haml | #9194A2 | — |
| support.constant.handlebars | #ADB1C2 | — |
| text.log log.constant | #C25193 | — |
| source.c string constant.other.placeholder, source.cpp string constant.other.placeholder | #B38700 | — |
| constant.other.key.groovy | #00A6ED | — |
| storage.type.groovy | #3DCCC7 | — |
| meta.definition.variable.groovy storage.type.groovy | #FF006A | — |
| storage.modifier.import.groovy | #FFB400 | — |
| entity.other.attribute-name.class.pug, entity.other.attribute-name.id.pug | #3DCCC7 | — |
| constant.name.attribute.tag.pug | #ADB1C2 | — |
| entity.name.type.wasm | #FF006A | — |
| token.info-token | #316BCD | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #CD3131 | — |
| token.debug-token | #800080 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...