stylta material light
Publisher: utibe inyangetukThemes in package: 1
A light theme that really gives you that material feel.
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#000000
- activityBar.background#f5f5f5
- activityBar.border#ecebeb85
- activityBar.foreground#000000
- activityBar.inactiveForeground#78787881
- activityBarBadge.background#598DEF
- activityBarBadge.foreground#ffffff
- badge.background#598DEF
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#000000
- breadcrumb.focusForeground#000000
- breadcrumb.foreground#3c383680
- breadcrumbPicker.background#f5f5f5
- button.background#86878a
- button.foreground#ffffff
- button.hoverBackground#3d3d3d
- charts.blue#437AED
- charts.foreground#5D5D5F
- charts.green#53A053
- charts.lines#CED1D7
- charts.orange#FF6D12
- charts.purple#7C4DFF
- charts.red#f14c4c
- charts.yellow#F0AA0B
- checkbox.background#EDF0F7
- checkbox.border#00000098
- checkbox.foreground#5D5D5F
- debugConsole.errorForeground#EC0000
- debugConsole.infoForeground#4480F4
- debugConsole.warningForeground#FF6D12
- debugExceptionWidget.background#a315153F
- debugExceptionWidget.border#a31515
- debugToolBar.background#bbbbbb25
- debugToolBar.border#8a8a8a23
- diffEditor.diagonalFill#C4C7CD
- diffEditor.insertedLineBackground#44C14533
- diffEditor.insertedTextBackground#44C14559
- diffEditor.removedLineBackground#f14c4c21
- diffEditor.removedTextBackground#f14c4c33
- diffEditor.unchangedCodeBackground#EBEEF5
- diffEditor.unchangedRegionBackground#E4E7EE
- diffEditor.unchangedRegionForeground#5d5d5f
- dropdown.background#f5f5f5
- dropdown.border#bbbbbb45
- dropdown.foreground#3d3d3d
- editor.background#f5f5f5
- editor.findMatchBackground#6182b829
- editor.findMatchHighlightBackground#ffffffb5
- editor.findMatchHighlightBorder#3d3d3d89
- editor.foldBackground#bbbbbb3a
- editor.foreground#000000
- editor.hoverHighlightBackground#bbbbbb59
- editor.inactiveSelectionBackground#bbbbbb35
- editor.lineHighlightBackground#bbbbbb12
- editor.lineHighlightBorder#3c383639
- editor.selectionBackground#bbbbbb69
- editor.selectionHighlightBackground#bbbbbb95
- editor.wordHighlightBackground#ffffff85
- editorBracketHighlight.foreground1#b16286
- editorBracketHighlight.foreground2#458588
- editorBracketHighlight.foreground3#689d6a
- editorBracketHighlight.foreground4#98971a
- editorBracketHighlight.foreground5#d79921
- editorBracketHighlight.foreground6#d65d0e
- editorBracketHighlight.unexpectedBracket.foreground#5D5D5FD8
- editorBracketMatch.background#bbbbbb55
- editorBracketMatch.border#FC835700
- editorBracketPairGuide.activeBackground1#b16286cc
- editorBracketPairGuide.activeBackground2#458588cc
- editorBracketPairGuide.activeBackground3#689d6acc
- editorBracketPairGuide.activeBackground4#98971acc
- editorBracketPairGuide.activeBackground5#d79921cc
- editorBracketPairGuide.activeBackground6#d65d0ecc
- editorCodeLens.foreground#7c6f6490
- editorError.foreground#cc241d
- editorGroup.border#bbbbbb85
- editorGroup.dropBackground#bbbbbb85
- editorGroup.emptyBackground#f5f5f5
- editorGroupHeader.noTabsBackground#f5f5f5
- editorGroupHeader.tabsBackground#f5f5f5
- editorGroupHeader.tabsBorder#f5f5f5
- editorGutter.addedBackground#44C145
- editorGutter.background#f5f5f5
- editorGutter.deletedBackground#f14c4c
- editorGutter.foldingControlForeground#000000
- editorGutter.modifiedBackground#076678
- editorHoverWidget.background#f5f5f5
- editorHoverWidget.border#3d3d3d8a
- editorIndentGuide.activeBackground1#000000
- editorIndentGuide.background1#bbbbbb35
- editorInfo.foreground#458588
- editorLightBulb.foreground#3D3D3D
- editorLineNumber.activeForeground#000000
- editorLineNumber.foreground#918f8fa1
- editorOverviewRuler.addedForeground#076678
- editorOverviewRuler.border#f5f5f500
- editorOverviewRuler.commonContentForeground#928374
- editorOverviewRuler.currentContentForeground#458588
- editorOverviewRuler.deletedForeground#076678
- editorOverviewRuler.errorForeground#9d0006
- editorOverviewRuler.findMatchForeground#665c54e0
- editorOverviewRuler.incomingContentForeground#689d6a
- editorOverviewRuler.infoForeground#8f3f71
- editorOverviewRuler.modifiedForeground#076678
- editorOverviewRuler.rangeHighlightForeground#665c54e9
- editorOverviewRuler.selectionHighlightForeground#bdae93ec
- editorOverviewRuler.warningForeground#d79921
- editorOverviewRuler.wordHighlightForeground#bdae93f3
- editorOverviewRuler.wordHighlightStrongForeground#bdae93f8
- editorRuler.foreground#7c6f6440
- editorStickyScrollHover.background#bbbbbb37
- editorSuggestWidget.background#f5f5f5
- editorSuggestWidget.border#dbd8d8
- editorSuggestWidget.foreground#8E8E90
- editorSuggestWidget.highlightForeground#4480F4
- editorSuggestWidget.selectedBackground#bbbbbb85
- editorWarning.foreground#d79921
- editorWhitespace.foreground#7c6f6420
- editorWidget.background#B3B3B452
- errorForeground#EC0000
- extensionBadge.remoteBackground#00bec4
- extensionIcon.preReleaseForeground#00BEC4
- extensionIcon.sponsorForeground#FA278E
- extensionIcon.starForeground#FF6D12
- extensionIcon.verifiedForeground#4d91f8
- focusBorder#0000001d
- foreground#3d3d3d
- gitDecoration.addedResourceForeground#83C654
- gitDecoration.conflictingResourceForeground#b16286
- gitDecoration.deletedResourceForeground#C9302C
- gitDecoration.ignoredResourceForeground#d3cfc9d3
- gitDecoration.modifiedResourceForeground#FD971F
- gitDecoration.stageDeletedResourceForeground#CD6069
- gitDecoration.stageModifiedResourceForeground#d73bd5
- gitDecoration.submoduleResourceForeground#F183DA
- gitDecoration.untrackedResourceForeground#0582a8
- gitlens.trailingLineBackgroundColor#E3E6ED00
- icon.foreground#000000
- input.background#f5f5f5
- input.border#3d3d3d45
- input.foreground#000000
- input.placeholderForeground#3d3d3d65
- inputOption.activeBorder#3c383660
- inputValidation.errorBackground#cc241d
- inputValidation.errorBorder#9d0006
- inputValidation.infoBackground#45858880
- inputValidation.infoBorder#076678
- inputValidation.infoForeground#4480F4
- inputValidation.warningBackground#d7992180
- inputValidation.warningBorder#b57614
- keybindingLabel.background#bbbbbb85
- keybindingLabel.border#3d3d3d55
- keybindingLabel.bottomBorder#3d3d3d55
- keybindingLabel.foreground#000000
- list.activeSelectionBackground#bbbbbb85
- list.activeSelectionForeground#000000
- list.dropBackground#d1caca85
- list.errorForeground#EC0000
- list.filterMatchBackground#FFF
- list.filterMatchBorder#00000000
- list.focusBackground#bbbbbb45
- list.focusForeground#5D5D5F
- list.focusHighlightForeground#598DEF
- list.highlightForeground#000000
- list.hoverBackground#bbbbbb45
- list.inactiveSelectionBackground#bbbbbb45
- list.inactiveSelectionForeground#5D5D5F
- list.invalidItemForeground#A9A9AA
- list.warningForeground#FF6D12
- listFilterWidget.background#f5f5f5
- listFilterWidget.noMatchesOutline#ff0000
- menu.background#f5f5f5
- menu.border#bbbbbb85
- menu.foreground#3d3d3dd4
- menu.selectionBackground#bbbbbb85
- menu.selectionBorder#3d3d3d85
- menu.separatorBackground#bbbbbb85
- menubar.selectionBackground#bbbbbb85
- merge.border#f2e5bc00
- merge.currentContentBackground#45858820
- merge.currentHeaderBackground#45858840
- merge.incomingContentBackground#44C1454C
- merge.incomingHeaderBackground#44C1454C
- mergeEditor.change.background#44C14533
- mergeEditor.change.word.background#44C14559
- mergeEditor.conflict.handled.minimapOverViewRuler#44C145
- mergeEditor.conflict.handledFocused.border#4480F4
- mergeEditor.conflict.handledUnfocused.border#44C145
- mergeEditor.conflict.unhandled.minimapOverViewRuler#FC8357
- mergeEditor.conflict.unhandledFocused.border#4480F4
- mergeEditor.conflict.unhandledUnfocused.border#FC8357
- mergeEditor.conflictingLines.background#f14c4c21
- minimap.errorHighlight#EC00007F
- minimap.findMatchHighlight#7D80877F
- minimap.foregroundOpacity#ffffff
- minimap.selectionHighlight#bbbbbb85
- minimap.selectionOccurrenceHighlight#BEC1C87F
- minimap.warningHighlight#FC835799
- minimapGutter.addedBackground#44C145
- minimapGutter.deletedBackground#f14c4c
- minimapGutter.modifiedBackground#9277E6
- notificationCenter.border#00000044
- notificationCenterHeader.foreground#000000
- notificationLink.foreground#4d91f8
- notifications.background#f5f5f5
- notificationToast.border#00000044
- panel.background#f5f5f5
- panel.border#dddddd76
- panel.dropBorder#bbbbbb
- panelInput.border#dddddd76
- panelStickyScroll.background#a9a9aad4
- panelTitle.activeBorder#000000
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#A9A9AA
- peekView.border#40404068
- peekViewEditor.background#ffffff
- peekViewEditor.matchHighlightBackground#0065FF19
- peekViewEditor.matchHighlightBorder#0065FF00
- peekViewEditorGutter.background#ffffff
- peekViewResult.background#dddddd76
- peekViewResult.fileForeground#3c3836
- peekViewResult.lineForeground#888888
- peekViewResult.matchHighlightBackground#ffffff
- peekViewResult.selectionBackground#45858820
- peekViewResult.selectionForeground#3c3836
- peekViewTitle.background#ffffff
- peekViewTitleDescription.foreground#888888
- peekViewTitleLabel.foreground#626264
- problemsErrorIcon.foreground#EC0000
- problemsInfoIcon.foreground#4480F4
- problemsWarningIcon.foreground#FF6D12
- progressBar.background#4d91f8
- quickInput.background#f5f5f5
- quickInput.foreground#000000
- quickInputList.focusBackground#bbbbbb85
- scrollbar.shadow#dcd5d558
- scrollbarSlider.activeBackground#3d3d3d22
- scrollbarSlider.background#bbbbbb85
- scrollbarSlider.hoverBackground#7c6f6422
- selection.background#689d6a80
- settings.focusedRowBorder#00000023
- sideBar.background#f5f5f5
- sideBar.border#ecebeb85
- sideBar.dropBackground#dbd8d885
- sideBar.foreground#3d3d3d
- sideBarSectionHeader.background#ececec85
- sideBarSectionHeader.border#a8a19e17
- sideBarSectionHeader.foreground#3d3d3d
- statusBar.background#f5f5f5
- statusBar.border#dddddd76
- statusBar.debuggingBackground#a31515
- statusBar.debuggingBorder#f5f5f500
- statusBar.debuggingForeground#ffffff
- statusBar.focusBorder#dddddd76
- statusBar.foreground#5D5D5F
- statusBar.noFolderBackground#f5f5f5
- statusBar.noFolderBorder#dddddd76
- statusBar.noFolderForeground#5D5D5F
- statusBarItem.activeBackground#E1E4EB
- statusBarItem.compactHoverBackground#e3e3e3
- statusBarItem.errorBackground#f5f5f5
- statusBarItem.errorForeground#ec0000
- statusBarItem.hoverBackground#bbbbbb85
- statusBarItem.prominentBackground#f5f5f5
- statusBarItem.prominentHoverBackground#e3e3e3
- statusBarItem.remoteBackground#00bec4
- statusBarItem.remoteForeground#FFFfff
- statusBarItem.warningBackground#f5f5f5
- statusBarItem.warningForeground#ff6d12
- symbolIcon.arrayForeground#5D5D5F
- symbolIcon.booleanForeground#C838C6
- symbolIcon.classForeground#00BEC4
- symbolIcon.constantForeground#FF6D12
- symbolIcon.constructorForeground#437AED
- symbolIcon.enumeratorMemberForeground#FF6D12
- symbolIcon.eventForeground#437AED
- symbolIcon.fieldForeground#CD6069
- symbolIcon.fileForeground#626264D8
- symbolIcon.folderForeground#5D5D5F
- symbolIcon.functionForeground#437AED
- symbolIcon.interfaceForeground#00BEC4
- symbolIcon.keyForeground#5D5D5F
- symbolIcon.keywordForeground#7C4DFF
- symbolIcon.methodForeground#437AED
- symbolIcon.moduleForeground#CD6069
- symbolIcon.namespaceForeground#CD6069
- symbolIcon.nullForeground#C838C6
- symbolIcon.numberForeground#FF6D12
- symbolIcon.objectForeground#5D5D5F
- symbolIcon.operatorForeground#00BEC4
- symbolIcon.packageForeground#CD6069
- symbolIcon.propertyForeground#888888
- symbolIcon.snippetForeground#7C4DFF
- symbolIcon.stringForeground#53A053
- symbolIcon.structForeground#00BEC4
- symbolIcon.textForeground#A9A9AA
- symbolIcon.typeParameterForeground#EF8ED8
- symbolIcon.unitForeground#FF6D12
- symbolIcon.variableForeground#5D5D5F
- tab.activeBackground#bbbbbb55
- tab.activeForeground#000000
- tab.activeModifiedBorder#7C4DFF
- tab.border#93939315
- tab.dragAndDropBorder#bbbbbb85
- tab.hoverBackground#bbbbbb85
- tab.hoverForeground#000000
- tab.inactiveBackground#f5f5f5
- tab.inactiveForeground#8E8E90
- tab.unfocusedActiveBackground#d3cece55
- tab.unfocusedActiveBorder#f5f5f500
- tab.unfocusedActiveForeground#000000
- textLink.activeForeground#bb22b9
- textLink.foreground#4d91f8
- titleBar.activeBackground#f5f5f5
- titleBar.inactiveBackground#f5f5f5
- titleBar.inactiveForeground#8e8e90c9
- walkThrough.embeddedEditorBackground#ffffff
- walkthrough.stepTitle.foreground#000000
- welcomePage.progress.background#ebeef5
- welcomePage.progress.foreground#000000
- welcomePage.tileBackground#f5f5f5
- welcomePage.tileHoverBackground#f5f5f5
- widget.shadow#8b827726
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment,comment markup.link,punctuation.definition.comment,markup.quote.markdown,meta.preprocessor.glsl, | #a19a9281 | |
| punctuation.separator.comma,punctuation.separator.delimiter,punctuation.separator.list.comma,punctuation.separator.parameter,meta.array.php,punctuation.separator.parameters,punctuation.separator.arguments.python,punctuation.separator.object,meta.function.method.with-arguments.ruby,punctuation.comma,punctuation.separator.element.python,comment.punctuation.comma.sass,meta.at-rule.keyframes.body.css,meta.delimiter.object.comma,punctuation.other.comma,meta.math.block.latex support.function.general.tex,punctuation.separator,punctuation.definition.arbitrary-repetition, | #000000 | bold |
| keyword.operator.new,keyword.other.new,storage.modifier.c,keyword.control.directive.define,keyword.control.def,keyword.control.class,keyword.control.module,keyword.control.new,keyword.preprocessor.define,keyword.control.directive.undef,keyword.other.fn,storage.type.rust,storage.modifier.extern,storage.modifier.const,storage.modifier.extends,storage.modifier.ts,keyword.control.at-rule,keyword.other.let,keyword.other.instance,keyword.other.newtype,keyword.other.data,keyword.other.module,keyword.other,keyword.other.preprocessor,keyword.cs,entity.other.keyframe-offset,keyword.control.import,keyword.other.import,keyword.import,keyword.control.from,keyword.control.directive.include,keyword.other.package,keyword.other.class,keyword.other.namespace,keyword.other.enum,keyword.other.operator-decl,keyword.other.interface,keyword.preprocessor,keyword.other.delegate,storage.type.cpp,storage.type.namespace,storage.type.language.primitive.cpp,storage.type.struct,storage.type.template,support.type.built-in.posix-reserved.pthread,keyword.other.typedef,storage.modifier.dart,meta.class.identifier.java storage.modifier.java,meta.enum.java storage.modifier.java,storage.type.modifier,storage.modifier,keyword.other.phpdoc,keyword.other.var,storage.modifier.java,meta.var.expr,storage.type.function,keyword.function,keyword.var,keyword.const,keyword.channel,keyword.struct,keyword.other.struct,keyword.map,keyword.reserved,storage.type.class,storage.type.php,storage.type.interface,storage.type.object,keyword.declaration,storage.type.enum,storage.type.type,storage.type.const,storage.modifier.specifier,storage.type.class.jsdoc,support.module.node.js,support.type.object.module.js,support.type.object.module.ts,support.module.node.ts,keyword.control.cite.latex,keyword.control.label.latex,keyword.storage.modifier,source.cs keyword.operator.expression,source.cs storage.type,keyword.other.where,storage.type.delegate,storage.type.operator.cs,keyword.operator.expression.unchecked,keyword.operator.expression.checked,keyword.operator.expression.await,storage.type.record,storage.type.event,storage.type.var,keyword.operator.expression.new,keyword.operator.expression.stackalloc,keyword.operator.expression.infer,keyword.other.item.latex,keyword.local,meta.function.lua keyword.control.lua,storage.type.annotation.lua, | #F92672 | |
| keyword.operator.arrow.skinny,keyword.operator.interpolation,keyword.operator.borrow,meta.preprocessor.cs punctuation.separator.hash.cs,punctuation.definition.directive,keyword.control.directive punctuation.definition.directive.c,keyword.control.directive punctuation.definition.directive.cpp, | #7C4DFF | |
| punctuation.definition.block.tag.jsdoc,punctuation.definition.keyword.latex,keyword.control punctuation.definition.keyword.latex,keyword.other.item.latex punctuation.definition.keyword.latex, | #7C4DFF | |
| meta.function-call,support.function.construct.output,invalid.deprecated.gradient.function.css,invalid.deprecated.function.css,support.function.builtin.python,support.function.go,entity.name.function.macro,meta.attribute.rust,new.expr meta.function-call support.class.builtin,new.expr meta.function-call support.class,keyword.operator.function,support.function.dom,support.function.console,support.function.any-method.builtin.url,support.function.any-method.builtin,support.function.url,support.function.misc,support.function.transform,support.function.calc,support.function.var,support.function.string,support.function.basic_functions,support.function.array,support.function.construct,support.function.datetime,support.function.file,support.function.network,support.function.session,support.function.mail,support.function.filter,support.function.errorfunc,support.function.mysql,support.function.php_odbc,support.function.xml,support.function.math,entity.name.type.lifetime.rust,entity.name.class,meta.method.declaration,keyword.control.trycatch,keyword.control.catch-exception,keyword.operator.cast,keyword.operator.big-arrow,entity.name.function,support.type.pthread,meta.block.class.cpp meta.body.class.cpp meta.block.class.cpp entity.name.function.definition.special.constructor.cpp,support.function,keyword.operator.sizeof,meta.function-call.python support.type.python,meta.function-call keyword.operator.expression.import,new.expr.ts,entity.other.attribute-name.class.mixin,support.function.be.latex,keyword.other.special-method,keyword.other.get,keyword.other.init,keyword.other.set,keyword.other.nameof,entity.name.type.delegate.cs,keyword.other.keyof,keyword.operator.expression.keyof,storage.type.accessor.get,storage.type.accessor.set,storage.type.accessor.init,keyword.operator.expression.nameof,keyword.operator.expression.sizeof,keyword.operator.expression.default, | #00bfa6 | bold |
| string.other.link.title.markdown,string.other.link.description.markdown, | #3c40c6 | bold |
| storage.type.function.arrow,keyword.operator.arrow,keyword.operator.closure, | #000000 | bold |
| punctuation.definition.template-expression.begin,punctuation.definition.template-expression.end,punctuation.definition.generic.begin.html,punctuation.definition.generic.end.html,punctuation.definition.interpolation.begin.bracket,punctuation.definition.interpolation.end.bracket,support.constant.handlebars.wxml,constant.character.format.placeholder.other.python,punctuation.definition.interpolation.begin.html,punctuation.definition.interpolation.end.html,punctuation.definition.interpolation,punctuation.definition.lifetime.rust,beginning.punctuation.definition.quote.markdown,beginning.punctuation.definition.list.markdown,punctuation.definition.string.begin.markdown,punctuation.definition.string.end.markdown,punctuation.definition.function.latex,punctuation.definition.function.tex,punctuation.definition.link.description.begin.markdown,punctuation.definition.link.description.end.markdown,punctuation.section.embedded.begin.ruby,punctuation.section.embedded.end.ruby source.ruby, | #ff1493 | italic bold |
| entity.other.attribute-name,invalid.deprecated.entity.other.attribute-name,entity.name.tag.custom.scss,storage.type.java,entity.other.attribute-name.pseudo-class.css,support.constant.media.css,source.css.less entity.name.tag.custom.css,keyword.operator.gradient.css,entity.name.type,keyword.operator.expression,entity.other.inherited-class,entity.name.type.class,support.class,entity.name.type.interface,support.class.dart,entity.name.scope-resolution,support.type.lua,support.constant.media.less, | #007bff | bold |
| keyword.operator,keyword.operator.arithmetic,keyword.operator.decrement,keyword.operator.increment,keyword.operator.assignment.compound,keyword.operator.less,keyword.operator.sass,keyword.operator.increment-decrement,keyword.operator.css,entity.name.tag.wildcard.scss,keyword.operator.string,keyword.operator.bitwise,keyword.operator.assignment.augmented,storage.type.variable.ruby,keyword.operator.assignment.arithmetic,punctuation.definition.list.begin.markdown,variable.language.import-all,constant.language.import-export-all,storage.modifier.reference,storage.modifier.pointer,keyword.operator.assignment.rust,meta.directive.vue,punctuation.definition.quote.begin.markdown,meta.format.brace constant,meta.selector invalid.deprecated.combinator,meta.selector,storage.type.operator,entity.name.function.infix.haskell,constant.other.operator.infix.haskell,punctuation.separator.annotation.result.python,keyword.operator.string.php,entity.name.type.struct,keyword.interface,storage.type.cs,support.class.builtin,support.type.graphql,punctuation.separator.namespace,keyword.operator.namespace,entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css,entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css,punctuation.attribute-shorthand.event.html,punctuation.attribute-shorthand.bind.html,punctuation.math.operator.latex,support.constant.mathematical-symbols.scss,meta.attribute.directive.vue,keyword.operator.relation.types.julia,keyword.operator.borrow.and.rust,punctuation.separator.key-value.css,keyword.operator.range.cs,punctuation.separator.asterisk,variable.language.discard,punctuation.definition.keyword.tex,punctuation.definition.entity.less,source.css meta.function-call keyword.operator.arithmetic, | #000000 | bold italic |
| variable.language.self,variable.language.this,variable.language.super,variable.language.special.self.python,variable.language.dart,keyword.operator.delete,keyword.operator.expression.delete,keyword.other.important,keyword.other.base,variable.language.base,keyword.other.important punctuation.separator, | #000000 | bold italic |
| support.type,storage.type.glsl,keyword.other.typeof,support.type.primitive,support.type.builtin,entity.name.type.instance,storage.type.string,storage.type.numeric,storage.type.boolean,storage.type.primitive,meta.method.identifier,entity.other.inherited-classentity.name.type.interface,meta.return.type,meta.type.parameters,keyword.interface,storage.type.generic,keyword.type,entity.name.type.type-parameter,storage.type.object.array,entity.name.type.delegate,storage.type.c,meta.declaration.dart,meta.type.declaration,meta.block.ts,meta.class-struct-block.cpp entity.name.type.cpp,meta.function.definition.parameters.cpp storage.type.language.primitive.cpp,meta.function.definition.parameters.cpp storage.type.struct.cpp,meta.function.constructor.cpp storage.type.language.primitive.cpp,storage.type.template.argument,entity.name.type.numeric.rust,storage.modifier.mut,entity.name.type.primitive,storage.type.built-in,support.type.built-in.posix-reserved,keyword.other.type,storage.type.haskell,meta.method.identifier.java storage.type.java,support.type.python,fenced_code.block.language,entity.name.type.parameter,storage.type.glsl, | #20b2aa | |
| constant.numeric,entity.other.keyframe-offset.percentage.css,keyword.other.unit,support.constant.dom,support.constant.property.math,support.constant.ext,support.constant.core,constant.other.js,meta.at-rule.keyframes.scss entity.other.attribute-name.scss,constant,variable.other.enummember,constant.other.enum,entity.name.variable.enum-member,constant.language.infinity,text.log constant.language,meta.attribute.id.html entity.other.attribute-name.html,entity.other.attribute-name.id,variable.other.constant.object, | #b09605 | |
| constant.other.character-class.regexp,constant.other.character-class.range.regexp,constant.other.character-class.set.regexp,support.constant,support.constant.math,support.constant.json,entity.other.attribute-name.id.css punctuation.definition.entity.css,entity.other.attribute-name.id punctuation.definition.entity.css,entity.other.attribute-name.id punctuation.definition.entity.less, | #FF6D12 | |
| markup.bold.markdown, | #F0AA0B | bold |
| variable.parameter,token.variable.parameter,variable.other.jsdoc,variable.language.arguments,function.parameter,entity.name.variable.parameter,meta.function.c,punctuation.vararg-ellipses,variable.other.block.ruby,meta.arguments,entity.name.type.template,meta.type.parameters entity.name.type,meta.parameters,meta.function.parameter variable.other,variable.other.less,variable.other.sass,variable.scss,source.sass variable.other,variable.argument.css,variable.parameter.function.latex,variable.parameter.definition.label.latex,variable.css,keyword.other.pseudo-class.less,support.type.property-name.media.less,support.type.property-name.media.css, | #F0AA0B | |
| keyword.operator.negetion.regexp,keyword.control.anchor.regexp,punctuation.definition.group.capture.regexp,keyword.operator.quantifier.regexp,punctuation.definition.bold.markdown, | #F0AA0B | |
| variable.parameter.url,string,markup.inline.raw.string,text.html.vue-html meta.object-literal.key,text.html.vue-html meta.object-literal.key string.quoted,entity.other.attribute-name.class.css,selector.sass,entity.other.attribute-name.parent-selector.css,meta.at-rule.extend.scss,string.other.math.tex,support.constant.font-name,markup.inline.raw.markdown,markup.underline.link.markdown,markup.underline.link.image.markdown,string entity.other.attribute-name,string meta.attribute.directive.vue,constant.other.general.math.tex,constant.character.latex,entity.other.attribute-name.class.less, | #000000 | |
| punctuation.definition.metadata.markdown,string.regexp,source.jsonmeta.structure.dictionary.json>value.json>string.quoted.json,source.jsonmeta.structure.array.json>value.json>string.quoted.json,source.jsonmeta.structure.dictionary.json>value.json>string.quoted.json>punctuation,source.jsonmeta.structure.array.json>value.json>string.quoted.json>punctuation,string.quoted source,punctuation.definition.entity.css,meta.attribute-selector.scss,string invalid.illegal,string.other.math.tex,punctuation.definition.string.begin.tex,punctuation.definition.string.end.tex,punctuation.definition.string,text.html.vue-html meta.object-literal.key punctuation.definition.string,string punctuation.attribute-shorthand.bind.html,string punctuation.attribute-shorthand.event.html,punctuation.definition.string.template.begin,punctuation.definition.string.template.end,punctuation.definition.constant.math.tex,punctuation.definition.constant.latex,entity.other.attribute-name.class.less punctuation.definition.entity.less, | #000000 | bold |
| entity.name.type.module,entity.name.package,variable.other.property,variable.other.object.property,variable.other.constant.property,entity.name.type.option,entity.name.label,variable.other.object.property.cs,entity.name.variable.tuple-element.cs,meta.object-literal.key,meta.object-literal.key string.quoted,variable.object.property,support.type.map.key,meta.at-rule.each.scss,meta.attribute.python,support.variable.dom,support.variable.property,support.variable.property.dom,storage.modifier.import,constant.other.php,entity.name.type.namespace,variable.other.member.c,meta.using-namespace-declaration.cpp entity.name.type.cpp,meta.class-struct-block.cpp meta.namespace-block.cpp entity.name.type.cpp,variable.other.source.dart,entity.name.namespace,entity.name.module,entity.name.type.result.rust,entity.name.scope-resolution.namespace,support.class.console,meta.use.rust,keyword.other.preprocessor.extension,entity.other.attribute-name.pseudo-element.css,entity.name.section.markdown,markup.heading,source.json meta.structure.dictionary.json > string.quoted.json,support.type.property-name.json,support.function.section.latex,meta.object-literal.key punctuation.definition.string,variable.other.constant.object.property,source.cs storage.type.accessor,entity.other.attribute,entity.other.attribute-name.parent.less punctuation.definition.entity.less,entity.other.attribute-name.pseudo-element.less,entity.other.attribute-name.pseudo-element.less support.type.vendor-prefix.less, | #5e548e | bold |
| entity.name.tag,entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css,punctuation.definition.heading.markdown,support.function.section.latex punctuation.definition.function.latex,punctuation.support.type.property-name.begin.json.comments,punctuation.support.type.property-name.end.json.comments,support.class.component,keyword.operator.optional,punctuation.section.embedded.begin.php,punctuation.section.embedded.end.php,punctuation.section.embedded.end.php source.php,string.regexp keyword.other,entity.name.tag.custom.css,keyword.control.equation.newline.latex,keyword.control.newline.tex,source.css meta.selector.css, | #CD6069 | |
| keyword.operator.expression.instanceof,keyword.operator.instanceof,keyword.operator.expression.in,keyword.operator.expression.of,keyword.control,keyword.other.using,keyword.preprocessor.elif,keyword.preprocessor.if,keyword.preprocessor.else,keyword.preprocessor.endif,keyword.control.directive,punctuation.separator.hash,keyword.package,keyword.control.flow,keyword.input,keyword.type.graphql,keyword.cmake,keyword.control.rust,keyword.other.rust,keyword.control.default,keyword.control.export,keyword.other.forall,keyword.other.deriving,keyword.other.qualified,keyword.other.hiding,keyword.other.in,constant.language,constant.language.boolean,keyword.operator.expression.void,keyword.control.loop,keyword.control.ref.latex,keyword.operator.relation.in,storage.type.primitive.dart,keyword.query,keyword.other.is,keyword.control.as,keyword.operator.expression.pattern,keyword.operator.expression.query,keyword.operator.expression.as,keyword.operator.expression.with,storage.modifier.where,keyword.operator.expression.is,meta.attribute.unrecognized.wx:if.html entity.other.attribute-name,meta.attribute.unrecognized.wx:for.html entity.other.attribute-name,meta.attribute.unrecognized.wx:elif.html entity.other.attribute-name,meta.attribute.unrecognized.wx:else.html entity.other.attribute-name,keyword.control.preamble.latex,support.function.general.tex,meta.attribute.unrecognized.v-else entity.other.attribute-name,meta.attribute.unrecognized.v-if entity.other.attribute-name,meta.attribute.unrecognized.v-else-if entity.other.attribute-name,meta.attribute.unrecognized.v-for entity.other.attribute-name, | #000000 | bold |
| keyword.operator.boolean,keyword.operator.relation,keyword.operator.ternary,keyword.control.ternary,keyword.operator.logical,keyword.operator.logic,keyword.operator.comparison,keyword.operator.relational,keyword.operator.or.regexp,keyword.operator.class,keyword.operator.type,keyword.operator.other.ruby,keyword.operator.conditional,punctuation.separator.question-mark,keyword.operator.null-coalescing,punctuation.tilde,punctuation.separator.pointer-access,keyword.operator.dart,keyword.operator.nulltype,keyword.operator.arrow.haskell,keyword.operator.arrow.left.haskell,keyword.control.directive punctuation.definition.directive,keyword.control.equation.align.latex,keyword.operator.bitwise.dart,keyword.control.directive.conditional punctuation.definition.directive.cpp,keyword.control.directive.else punctuation.definition.directive.cpp,keyword.control.directive.endif punctuation.definition.directive.cpp, keyword.control.directive.conditional punctuation.definition.directive.c,keyword.control.directive.else punctuation.definition.directive.c,keyword.control.directive.endif punctuation.definition.directive.c, | #000000 | bold |
| keyword.other.item.latex punctuation.definition.keyword.latex,token.debug-token,keyword.control punctuation.definition.function.latex,support.function.general.tex punctuation.definition.function.tex, | #000000 | |
| support.constant.property-value.scss,support.constant.property-value.css,support.constant.vendored.property-value.css,source.css keyword.other.default,support.constant.property-value.less, | #000000 | |
| markup.italic | #3c40c6 | italic |
| punctuation.definition.italic,source.css keyword.operator.arithmetic, | #c70039 | |
| markup.bold.textbf.latex, | #5D5D5F | bold |
| variable.other,support.variable,meta.definition.variable,variable.other.object,variable.other.readwrite,entity.name.type.enum,meta.method.body,entity.name.variable,meta.block.c,meta.class-struct-block,meta.item-access.python,meta.function-call.arguments.python,meta.item-access.arguments.python,variable.parameter.keyframe-list.css,meta.property-value.css,meta.property-value.scss,entity.name.tag.custom,entity.name.function.scss,variable,meta.function-call.c,meta.parens,support.constant.color.w3c-standard-color-name,support.constant.color.w3c-extended-color-name,constant.other.color.rgb-value.hex,constant.other.rgb-value,support.constant.color.w3c-extended-color-name.css,text.tex.latex constant.other.math.tex,constant.other.general.math.tex,constant.other.general.math.tex,constant.character.math.tex,constant.other.reference.citation.latex,code-runner.output,meta.preprocessor.macro entity.name.function.preprocessor,entity.name.type.enum,entity.name.variable.tuple-element,constant.other.color.rgb-value,constant.other.color.rgb-value punctuation.definition.constant, | #3c40c6 | |
| punctuation.definition.constant.math.tex,constant.other.math.tex punctuation.definition.function.tex,support.class.math.block.environment.latex punctuation.definition.function.tex,source,source.c,source.cpp,source.ruby,source.go,source.dart,source.python,source.css.less,source.js,punctuation.definition.link.title.begin.markdown,punctuation.definition.link.title.end.markdown, | #000000 | |
| text.html.basic,text.html.markdown,meta.paragraph.markdown,text.html.php,text.html.derivative,text.html.wxml,text.xml,text.html,source.ignore,source.nginx,text,text.tex.latex,entity.name.section.latex, | #626264 | |
| keyword.operator.dots,punctuation.accessor,punctuation.separator.period,punctuation.separator.dot-access,punctuation.separator.method,punctuation.other.period,punctuation.dot,meta.delimiter.property.period,keyword.operator.access.dot,keyword.operator.period | #000000 | bold |
| keyword.operator.update,meta.bracket,meta.parameters.js,keyword.operator.assignment,keyword.operator.assignment.equal,keyword.operator.eq,punctuation.section.block.begin.bracket,punctuation.section.block.end.bracket,punctuation.definition.block,punctuation.section.embedded.begin,punctuation.section.embedded.end,meta.brace,punctuation.bracket,punctuation.definition.parameters.ruby,punctuation.definition.parameters.begin,punctuation.definition.parameters.end,punctuation.section.function.begin.bracket,punctuation.section.function.end.bracket,punctuation.definition.typeparameters.begin,punctuation.definition.typeparameters.end,punctuation.section.array.end,punctuation.section.array.begin,punctuation.definition.array.end,punctuation.definition.array.begin,punctuation.section.scope.end,punctuation.section.scope.begin,meta.parameter.object-binding-pattern,punctuation.definition.binding-pattern.object,punctuation.definition.arguments.end,punctuation.definition.arguments.begin,punctuation.definition.begin.bracket,punctuation.definition.end.bracket,punctuation.curlybrace.open,punctuation.curlybrace.close,punctuation.parenthesis.open,punctuation.parenthesis.close,punctuation.squarebracket.open,,punctuation.squarebracket.close,punctuation.section.method.begin,punctuation.section.method.end,punctuation.section.class.begin,punctuation.section.class.end,punctuation.section.enum.begin,punctuation.section.enum.end,punctuation.section.parameters.begin.bracket,punctuation.section.parameters.end.bracket,punctuation.section.parens.begin.bracket,punctuation.section.parens.end.bracket,punctuation.section.arguments.begin.bracket,punctuation.section.arguments.end.bracket,punctuation.separator.arguments,punctuation.section.function.ruby,punctuation.definition.dictionary.begin,punctuation.definition.dictionary.end,punctuation.separator.dictionary.pair,punctuation.separator.array,punctuation.definition.map.begin.bracket,punctuation.definition.map.end.bracket,punctuation.section.function,punctuation.definition.parameters.end.bracket,punctuation.definition.parameters.begin.bracket,punctuation.section.property-list.begin.bracket,punctuation.section.property-list.end.bracket,punctuation.definition.list.begin,punctuation.definition.list.end,punctuation.definition.binding-pattern.array,punctuation.section.embedded.begin.ruby source.ruby,source.cs,punctuation.definition.function.body.begin.bracket,punctuation.definition.function.body.end.bracket,punctuation.definition.modules.begin,punctuation.definition.modules.end,constant.character.brace,punctuation.operation.graphql,punctuation.definition.optional.arguments.begin,punctuation.definition.optional.arguments.end,punctuation.definition.brackets,punctuation.math.begin.bracket,punctuation.math.end.bracket,punctuation.section.angle-brackets,keyword.operator.delete.array.bracket,punctuation.brackets.round,punctuation.brackets.curly,punctuation.brackets.square,punctuation.brackets.attribute,punctuation.definition.attribute,punctuation.brackets,punctuation.definition.bracket,punctuation.definition.character-class.regexp,meta.preprocessor.haskell,punctuation.paren,punctuation.brace,punctuation.parenthesis.begin,punctuation.parenthesis.end,punctuation.section.group.tex,punctuation.definition.arguments.begin.latex,punctuation.definition.arguments.end.latex,punctuation.definition.arguments.latex,meta.group.braces.tex,punctuation.math.begin.bracket.curly,punctuation.math.end.bracket.curly,punctuation.definition.begin.entity,punctuation.definition.end.entity,punctuation.separator.operator,punctuation.definition.arguments.begin,punctuation.definition.arguments.end,punctuation.definition.textit.begin,punctuation.definition.textit.end,punctuation.definition.textbf.begin,punctuation.definition.textbf.end,punctuation.definition.parameters.finish,punctuation.definition.group.begin,punctuation.definition.group.end, | #5D5D5FD8 | bold |
| support.type.property-name.css,support.type.vendored.property-name.css,meta.at-rule.each.scss support.constant.property-value.css,source.css.scss,meta.text.normal.tex,meta.function.environment.frame.latex,meta.tag meta.attribute entity.name.label,meta.property-value.css support.type.property-name.media.css,support.type.property-name.less,support.type.vendor-prefix.less, | #d42608 | |
| constant.character.escape,constant.character.entity, | #888888 | |
| meta.brace.round.css,punctuation.section.property-list.begin.bracket.curly.css,punctuation.section.property-list.end.bracket.curly.css,punctuation.section.function.begin.bracket.round.css,punctuation.section.function.end.bracket.round.css,punctuation.section.media.begin.bracket.curly.css,punctuation.section.media.end.bracket.curly.css,punctuation.definition.parameters.begin.bracket.round.css,punctuation.definition.parameters.end.bracket.round.css,punctuation.section.keyframes.begin.bracket.curly.css,punctuation.section.keyframes.end.bracket.curly.css,punctuation.definition.entity.end.bracket.square.css,punctuation.definition.entity.begin.bracket.square.css,punctuation.section.property-list.begin.bracket.curly.scss,punctuation.section.property-list.end.bracket.curly.scss,punctuation.section.function.scss,punctuation.definition.attribute-selector.begin.bracket.square.scss,punctuation.definition.attribute-selector.end.bracket.square.scss,punctuation.definition.pseudo-class.begin.bracket.round.css,punctuation.definition.pseudo-class.end.bracket.round.css,punctuation.definition.begin.entity.css,punctuation.definition.end.entity.css,punctuation.definition.block.begin.less,punctuation.definition.block.end.less,keyword.operator.attribute-selector.less,meta.attribute-selector.less punctuation.definition.entity.less,punctuation.definition.group.begin.less,punctuation.definition.group.end.less, | — | bold |
| variable.parameter.url.scss, | #8E8E90 | |
| keyword.operator.range,punctuation.separator.key-value,keyword.operator.type.annotation,punctuation.definition.section.case-statement,punctuation.separator.colon,punctuation.separator.other,punctuation.definition.parameters,punctuation.definition.constant.ruby,punctuation.separator.dictionary.key-value,punctuation.section.function.begin.python,meta.property-list.css.sass,sass-script-maps,punctuation.colon,punctuation.separator.initializers,keyword.operator.key-value,punctuation.separator.label,keyword.operator.colon,punctuation.separator.annotation.python,source.ts.embedded.html meta.block.ts,keyword.operator.key.php,keyword.operator.arrow.julia,keyword.operator.ternary.dart,meta.property-list.css punctuation.separator.key-value.css,source.css.embedded.html punctuation.separator.key-value.css,source.css.embedded.html punctuation.attribute-shorthand.bind.html,punctuation.destructuring, | #000000 | bold italic |
| invalid.illegal,invalid.illegal.expected-dictionary-separator.json,invalid.broken,invalid.deprecated, | #8E8E90 | |
| meta.jsx.children, | #A0A1A7 | |
| punctuation.definition.tag,meta.tag.inline.any,meta.tag.block.any,meta.tag.any ,meta.tag.structure.any,meta.tag.metadata.script,punctuation.definition.tag.begin,punctuation.definition.tag.end,meta.tag.preprocessor.xml,punctuation.separator.key-value.html,meta.tag.metadata.style.html,meta.tag.attributes.js keyword.operator.assignment,meta.tag.other.html,meta.tag.inline.any.html source.directive.vue meta.brace,punctuation.definition.tag.begin source.js,punctuation.definition.tag.end source.js,punctuation.definition.tag source,source.vue,meta.attribute-selector.scss keyword.operator.scss,punctuation.separator.equals,meta.tag.svg,text.xml.svg meta.tag.style,punctuation.definition.markdown,meta.tag keyword.operator.assignment,meta.tag.xml,punctuation.separator.operator.css,keyword.operator.pattern.css, | #000000 | |
| punctuation.separator.comma,punctuation.separator.delimiter,punctuation.separator.list.comma,punctuation.separator.parameter,meta.array.php,punctuation.separator.parameters,punctuation.separator.arguments.python,punctuation.separator.object,meta.function.method.with-arguments.ruby,punctuation.comma,punctuation.separator.element.python,comment.punctuation.comma.sass,meta.at-rule.keyframes.body.css,meta.delimiter.object.comma,punctuation.other.comma,meta.math.block.latex support.function.general.tex,punctuation.separator,punctuation.definition.arbitrary-repetition, | #000000 | — |
| punctuation.terminator,punctuation.terminator.statement,punctuation.terminator.rule,punctuation.terminator.expression,punctuation.separator.statement,meta.using-namespace-declaration.cpp,invalid.deprecated.semicolon,constant.character.end,punctuation.semi,punctuation.definition.comment,meta.property-name.css,meta.property-list.css, | — | |
| invalid,invalid.unimplemented, | #A9A9AA | underline |
| log.info,token.info-token, | #4480F4 | |
| token.warn-token,log.warning | #FF6D12 | |
| token.error-token,log.error, | #EC0000 | |
| keyword.other.debugger | #EC0000 | |
| meta.diff.range.unified,meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff | #9277E6 | — |
| markup.inserted.diff | #44C145 | — |
| markup.deleted.diff | #f14c4c | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...