Raijū
Publisher: Tobias TimmThemes in package: 5
Raijū is a Visual Studio Code theme inspired by Ariake Dark and Subliminal
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#1c1f26
- activityBar.foreground#D7DAE0
- activityBarBadge.background#5681f4
- activityBarBadge.foreground#F8FAFD
- badge.background#282c34
- breadcrumb.activeSelectionForeground#8d9ad1
- breadcrumb.focusForeground#dfe1e8
- breadcrumb.foreground#d4d4d4
- breadcrumbPicker.background#1c1f26
- button.background#404754
- debugToolBar.background#21252b
- diffEditor.insertedTextBackground#01579b
- dropdown.background#1c1f26
- dropdown.border#282c35
- editor.background#2a2d37
- editor.findMatchHighlightBackground#314365
- editor.foreground#d4d4d4
- editor.lineHighlightBackground#65737e30
- editor.selectionBackground#67769660
- editor.selectionHighlightBackground#ffffff10
- editor.wordHighlightBackground#314365
- editor.wordHighlightStrongBackground#abb2bf26
- editorCursor.background#ffffffc9
- editorCursor.foreground#b6bcc4
- editorError.foreground#E15A60
- editorGroup.background#181A1F
- editorGroup.border#181A1F
- editorGroup.dropBackground#1c1f26
- editorGroupHeader.tabsBackground#1c1f26
- editorGroupHeader.tabsBorder#282c35
- editorGutter.addedBackground#99C794
- editorGutter.background#282c35
- editorGutter.deletedBackground#E15A60
- editorGutter.modifiedBackground#8d9ad1
- editorHoverWidget.background#232830
- editorHoverWidget.border#181A1F
- editorIndentGuide.background#3B4048
- editorLineNumber.foreground#495162
- editorLink.activeForeground#5681f4
- editorMarkerNavigation.background#21252b
- editorOverviewRuler.addedForeground#99C794
- editorOverviewRuler.deletedForeground#6F7899
- editorOverviewRuler.errorForeground#E15A60
- editorOverviewRuler.infoForeground#6f7899
- editorOverviewRuler.modifiedForeground#8d9ad1
- editorOverviewRuler.warningForeground#ffedcb
- editorRuler.foreground#abb2bf26
- editorSuggestWidget.background#21252B
- editorSuggestWidget.border#181A1F
- editorSuggestWidget.selectedBackground#2c313a
- editorUnnecessary.foreground#6F7899
- editorWarning.foreground#ffedcb
- editorWhitespace.foreground#3B4048
- editorWidget.background#21252B
- extensionButton.prominentBackground#5681f4
- extensionButton.prominentForeground#d4d4d4
- extensionButton.prominentHoverBackground#7c9ffe
- focusBorder#5681f4
- gitDecoration.addedResourceForgeround#99C794
- gitDecoration.conflictingResourceForeground#E15A60
- gitDecoration.deletedResourceForeground#6F7899
- gitDecoration.ignoredResourceForeground#64727f
- gitDecoration.modifiedResourceForeground#8d9ad1
- gitDecoration.untrackedResourceForeground#E15A60
- input.background#1c1f26
- input.border#343d64
- list.activeSelectionBackground#343d64
- list.activeSelectionForeground#dfe1e8
- list.focusBackground#343d64
- list.focusForeground#dfe1e8
- list.highlightForeground#7c9ffe
- list.hoverBackground#1c1f26
- list.hoverForeground#c0c5cd
- list.inactiveSelectionBackground#343d64
- list.inactiveSelectionForeground#dfe1e8
- listWarning.foreground#ffedcb
- notificationCenterHeader.foreground#d4d4d4
- notifications.background#282c35
- notifications.foreground#d4d4d4
- panel.background#232830
- panel.border#232830
- peekView.border#314365
- peekViewEditor.matchHighlightBackground#29244b
- peekViewEditor.matchHighlightBorder#5681f4
- peekViewTitle.background#1c1f26
- peekViewTitleDescription.foreground#d4d4d4
- peekViewTitleLabel.foreground#d4d4d4
- pickerGroup.border#5681f4
- pickerGroup.foreground#7c9ffe
- progressBar.background#5681f4
- scrollbar.shadow#282c35
- scrollbarSlider.activeBackground#6d87b860
- scrollbarSlider.background#6d87b830
- scrollbarSlider.hoverBackground#6d87b830
- sideBar.background#1c1f26
- sideBar.border#232830
- sideBar.foreground#7E8C99
- sideBarSectionHeader.background#1c1f26
- sideBarSectionHeader.foreground#c0c5cd
- statusBar.background#1c1f26
- statusBar.debuggingBackground#0E4FFF
- statusBar.debuggingBorder#013AD5
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#64727f
- statusBar.noFolderBackground#21252B
- statusBarItem.hoverBackground#2c313a
- tab.activeBackground#2a2d37
- tab.border#1c1f26
- tab.inactiveBackground#1c1f26
- titleBar.activeBackground#1c1f26
- titleBar.activeForeground#9da5b4
- titleBar.inactiveBackground#1c1f26
- titleBar.inactiveForeground#6B717D
- widget.shadow#282c35
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #d4d4d4ff | — |
| source.reason keyword, source.reason storage.type | #8d9ad1 | italic |
| source.reason keyword.control.switch | #ffedcb | italic |
| source.reason keyword.control.less, source.reason keyword.operator keyword.control | #ffedcb | normal |
| source.reason support.class entity.name.class | #ffedcb | normal |
| source.reason support.property-value entity.name.filename | #d7e2ff | — |
| keyword.operator.type.annotation, meta.brace.round, punctuation, keyword.operator.ternary, meta.brace.curly.graphql, meta.brace.square, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #817c98 | — |
| meta.block.js variable.other.constant.property.js, meta.block.js.jsx variable.other.constant.property.js.jsx, meta.block.ts variable.other.constant.property.ts, meta.block.tsx variable.other.constant.property.tsx | #ceb3f7 | — |
| punctuation.decorator.js, punctuation.decorator.js.jsx, punctuation.decorator.ts, punctuation.decorator.tsx, meta.decorator.js meta.function-call.js entity.name.function.js, meta.decorator.js.jsx meta.function-call.js.jsx entity.name.function.js.jsx, meta.decorator.ts meta.function-call.ts entity.name.function.ts, meta.decorator.tsx meta.function-call.tsx entity.name.function.tsx | #d7e2ff | — |
| source.js meta.object-literal.key.js, source.js.jsx meta.object-literal.key.js.jsx, source.ts meta.object-literal.key.ts, source.tsx meta.object-literal.key.tsx, source.js variable.object.property.js, source.js.jsx variable.object.property.js.jsx, source.ts variable.object.property.ts, source.tsx variable.object.property.tsx | — | — |
| source.js meta.object-literal.key.js punctuation.separator.key-value.js, source.js.jsx meta.object-literal.key.js.jsx punctuation.separator.key-value.js.jsx, source.ts meta.object-literal.key.ts punctuation.separator.key-value.ts, source.tsx meta.object-literal.key.tsx punctuation.separator.key-value.tsx, source.ts keyword.operator.type.annotation.ts, source.tsx keyword.operator.type.annotation.tsx, punctuation.colon.graphql, punctuation.graphql, source.js keyword.operator.ternary.js, source.js.jsx keyword.operator.ternary.js.jsx, source.ts keyword.operator.ternary.ts, source.tsx keyword.operator.ternary.tsx | #ffedcb | — |
| entity.other.attribute-name, source.js entity.other.attribute-name.js, source.js.jsx entity.other.attribute-name.js | #ffedcb | — |
| meta.tag.attributes.js meta.var.expr.js keyword.operator.assignment.js, meta.tag.attributes.js.jsx meta.var.expr.js.jsx keyword.operator.assignment.js.jsx, meta.tag.attributes.tsx meta.var.expr.tsx keyword.operator.assignment.tsx | #ffedcb | — |
| meta.tag.attributes.js keyword.operator.assignment.js, meta.tag.attributes.js.jsx keyword.operator.assignment.js.jsx, meta.tag.attributes.tsx keyword.operator.assignment.tsx, meta.tag.any.html | #c9ccd8 | — |
| source.js entity.name.function.tagged-template.js, source.js.jsx entity.name.function.tagged-template.js.jsx, source.ts entity.name.function.tagged-template.ts, source.tsx entity.name.function.tagged-template.tsx | #A7A7EE | — |
| source.js entity.name.function.graphql, source.js.jsx entity.name.function.graphql, source.ts entity.name.function.graphql, source.tsx entity.name.function.graphql, entity.name.function.graphql | #ffedcb | — |
| source.graphql keyword | #8d9ad1 | italic |
| source.js support.type.builtin.graphql, source.js.jsx support.type.builtin.graphql, source.ts support.type.builtin.graphql, source.tsx support.type.builtin.graphql, keyword.operation.graphql, support.type.builtin.graphql | #8d9ad1 | — |
| source.graphql meta.type.interface.graphql support.type.graphql, keyword.operator.nulltype.graphql, punctuation.assignment.graphql, support.type.graphql | #ffedcb | normal |
| source.graphql meta.type.interface.graphql meta.type.object.graphql support.type.graphql | #d7e2ff | — |
| variable.parameter.graphql | #d7e2ff | — |
| source.js meta.embedded.block.graphql meta.selectionset.graphql meta.arguments.graphql variable.graphql, source.js.jsx meta.embedded.block.graphql meta.selectionset.graphql meta.arguments.graphql variable.graphql, source.ts meta.embedded.block.graphql meta.selectionset.graphql meta.arguments.graphql variable.graphql, source.tsx meta.embedded.block.graphql meta.selectionset.graphql meta.arguments.graphql variable.graphql, meta.selectionset.graphql variable.graphql | #ffedcb | — |
| entity.name.function.directive.graphql | #A7A7EE | — |
| source.js meta.embedded.block.graphql meta.selectionset.graphql meta.selectionset.graphql variable.graphql, source.js.jsx meta.embedded.block.graphql meta.selectionset.graphql meta.selectionset.graphql variable.graphql, source.ts meta.embedded.block.graphql meta.selectionset.graphql meta.selectionset.graphql variable.graphql, source.tsx meta.embedded.block.graphql meta.selectionset.graphql meta.selectionset.graphql variable.graphql, meta.selectionset.graphql meta.selectionset.graphql variable.graphql | — | |
| comment, punctuation.definition.comment | #6F7899 | italic |
| source.js meta.interface.js storage.type.interface.js, source.js.jsx meta.interface.js.jsx storage.type.interface.js.jsx, source.js meta.type.declaration.js storage.type.type.js, source.js.jsx meta.type.declaration.js.jsx storage.type.type.js.jsx, meta.type.flowtype.js variable.other.flowtype.js, meta.type.flowtype.js.jsx variable.other.flowtype.js.jsx, meta.flowtype.polymorph.js variable.other.flowtype.js, meta.flowtype.polymorph.js.jsx variable.other.flowtype.js.jsx | #8d9ad1 | italic |
| source.js meta.type.declaration.js meta.object.type.js meta.field.declaration.js meta.type.annotation.js meta.type.function.return.js support.type.primitive.js, source.js.jsx meta.type.declaration.js.jsx meta.object.type.js.jsx meta.field.declaration.js.jsx meta.type.annotation.js.jsx meta.type.function.return.js.jsx support.type.primitive.js.jsx, source.js meta.interface.js meta.field.declaration.js meta.type.annotation.js meta.type.function.return.js support.type.primitive.js, source.js.jsx meta.interface.js.jsx meta.field.declaration.js.jsx meta.type.annotation.js.jsx meta.type.function.return.js.jsx support.type.primitive.js.jsx | — | — |
| source.js meta.interface.js meta.field.declaration.js meta.type.annotation.js support.type.primitive.js, source.js.jsx meta.interface.js.jsx meta.field.declaration.js.jsx meta.type.annotation.js.jsx support.type.primitive.js.jsx, source.js meta.var.expr.js meta.var-single-variable.expr.js meta.type.annotation.js support.type.primitive.js, source.js.jsx meta.var.expr.js.jsx meta.var-single-variable.expr.js.jsx meta.type.annotation.js.jsx support.type.primitive.js.jsx, source.js meta.type.declaration.js meta.object.type.js meta.field.declaration.js meta.type.annotation.js support.type.primitive.js, source.js.jsx meta.type.declaration.js.jsx meta.object.type.js.jsx meta.field.declaration.js.jsx meta.type.annotation.js.jsx support.type.primitive.js.jsx, source.js meta.class.js meta.field.declaration.js meta.type.annotation.js support.type.primitive.js, source.js.jsx meta.class.js.jsx meta.field.declaration.js.jsx meta.type.annotation.js.jsx support.type.primitive.js.jsx, source.js meta.class.js meta.method.declaration.js meta.parameters.js meta.type.annotation.js support.type.primitive.js, source.js.jsx meta.class.js.jsx meta.method.declaration.js.jsx meta.parameters.js.jsx meta.type.annotation.js.jsx support.type.primitive.js.jsx, source.js meta.interface.js meta.field.declaration.js meta.type.annotation.js support.type.builtin.js, source.js.jsx meta.interface.js.jsx meta.field.declaration.js.jsx meta.type.annotation.js.jsx support.type.builtin.js.jsx, source.js meta.type.declaration.js meta.object.type.js meta.field.declaration.js meta.type.annotation.js support.type.builtin.js, source.js.jsx meta.type.declaration.js.jsx meta.object.type.js.jsx meta.field.declaration.js.jsx meta.type.annotation.js.jsx support.type.builtin.js.jsx, support.type.primitive.js, support.type.primitive.js.jsx | #ceb3f7 | — |
| source.js meta.interface.js meta.field.declaration.js meta.type.annotation.js entity.name.type.js, source.js.jsx meta.interface.js.jsx meta.field.declaration.js.jsx meta.type.annotation.js.jsx entity.name.type.js.jsx, source.js meta.type.declaration.js meta.object.type.js meta.field.declaration.js meta.type.annotation.js entity.name.type.js, source.js.jsx meta.type.declaration.js.jsx meta.object.type.js.jsx meta.field.declaration.js.jsx meta.type.annotation.js.jsx entity.name.type.js.jsx, source.js meta.class.js meta.field.declaration.js meta.type.annotation.js entity.name.type.js, source.js.jsx meta.class.js.jsx meta.field.declaration.js.jsx meta.type.annotation.js.jsx entity.name.type.js.jsx, source.js meta.var.expr.js meta.var-single-variable.expr.js meta.type.annotation.js entity.name.type.js, source.js.jsx meta.var.expr.js.jsx meta.var-single-variable.expr.js.jsx meta.type.annotation.js.jsx entity.name.type.js.jsx, source.js meta.class.js meta.method.declaration.js meta.parameters.js meta.type.annotation.js entity.name.type.js, source.js.jsx meta.class.js.jsx meta.method.declaration.js.jsx meta.parameters.js.jsx meta.type.annotation.js.jsx entity.name.type.js.jsx, source.js meta.type.declaration.js meta.type.parameters.js entity.name.type.js, source.js.jsx meta.type.declaration.js.jsx meta.type.parameters.js.jsx entity.name.type.js.jsx | #d7e2ff | — |
| source.ts meta.interface.ts storage.type.interface.ts, source.tsx meta.interface.tsx storage.type.interface.tsx, source.ts meta.type.declaration.ts storage.type.type.ts, source.tsx meta.type.declaration.tsx storage.type.type.tsx | #8d9ad1 | italic |
| source.ts meta.type.declaration.ts meta.object.type.ts meta.field.declaration.ts meta.type.annotation.ts meta.type.function.return.ts support.type.primitive.ts, source.tsx meta.type.declaration.tsx meta.object.type.tsx meta.field.declaration.tsx meta.type.annotation.tsx meta.type.function.return.tsx support.type.primitive.tsx, source.ts meta.interface.ts meta.field.declaration.ts meta.type.annotation.ts meta.type.function.return.ts support.type.primitive.ts, source.tsx meta.interface.tsx meta.field.declaration.tsx meta.type.annotation.tsx meta.type.function.return.tsx support.type.primitive.tsx | — | — |
| source.ts meta.interface.ts meta.field.declaration.ts meta.type.annotation.ts support.type.primitive.ts, source.tsx meta.interface.tsx meta.field.declaration.tsx meta.type.annotation.tsx support.type.primitive.tsx, source.ts meta.var.expr.ts meta.var-single-variable.expr.ts meta.type.annotation.ts support.type.primitive.ts, source.tsx meta.var.expr.tsx meta.var-single-variable.expr.tsx meta.type.annotation.tsx support.type.primitive.tsx, source.ts meta.type.declaration.ts meta.object.type.ts meta.field.declaration.ts meta.type.annotation.ts support.type.primitive.ts, source.tsx meta.type.declaration.tsx meta.object.type.tsx meta.field.declaration.tsx meta.type.annotation.tsx support.type.primitive.tsx, source.ts meta.class.ts meta.field.declaration.ts meta.type.annotation.ts support.type.primitive.ts, source.tsx meta.class.tsx meta.field.declaration.tsx meta.type.annotation.tsx support.type.primitive.tsx, source.ts meta.class.ts meta.method.declaration.ts meta.parameters.ts meta.type.annotation.ts support.type.primitive.ts, source.tsx meta.class.tsx meta.method.declaration.tsx meta.parameters.tsx meta.type.annotation.tsx support.type.primitive.tsx, source.ts meta.class.ts meta.type.annotation.ts support.type.primitive.ts, source.tsx meta.class.tsx meta.type.annotation.tsx support.type.primitive.tsx, source.ts meta.interface.ts meta.field.declaration.ts meta.type.annotation.ts support.type.builtin.ts, source.tsx meta.interface.tsx meta.field.declaration.tsx meta.type.annotation.tsx support.type.builtin.tsx, support.type.primitive.ts, support.type.primitive.tsx | #ceb3f7 | — |
| source.ts meta.interface.ts meta.field.declaration.ts meta.type.annotation.ts entity.name.type.ts, source.tsx meta.interface.tsx meta.field.declaration.tsx meta.type.annotation.tsx entity.name.type.tsx, source.ts meta.type.declaration.ts meta.object.type.ts meta.field.declaration.ts meta.type.annotation.ts entity.name.type.ts, source.tsx meta.type.declaration.tsx meta.object.type.tsx meta.field.declaration.tsx meta.type.annotation.tsx entity.name.type.tsx, source.ts meta.class.ts meta.field.declaration.ts meta.type.annotation.ts entity.name.type.ts, source.tsx meta.class.tsx meta.field.declaration.tsx meta.type.annotation.tsx entity.name.type.tsx, source.ts meta.var.expr.ts meta.var-single-variable.expr.ts meta.type.annotation.ts entity.name.type.ts, source.tsx meta.var.expr.tsx meta.var-single-variable.expr.tsx meta.type.annotation.tsx entity.name.type.tsx, source.ts meta.class.ts meta.method.declaration.ts meta.parameters.ts meta.type.annotation.ts entity.name.type.ts, source.tsx meta.class.tsx meta.method.declaration.tsx meta.parameters.tsx meta.type.annotation.tsx entity.name.type.tsx, source.ts meta.type.declaration.ts meta.type.parameters.ts entity.name.type.ts, source.tsx meta.type.declaration.tsx meta.type.parameters.tsx entity.name.type.tsx, source.ts meta.class.ts meta.method.declaration.ts meta.parameters.ts meta.type.annotation.ts entity.name.type.ts, source.tsx meta.class.tsx meta.method.declaration.tsx meta.parameters.tsx meta.type.annotation.tsx entity.name.type.tsx, source.ts meta.class.ts meta.method.declaration.ts meta.return.type.ts entity.name.type.ts, source.tsx meta.class.tsx meta.method.declaration.tsx meta.return.type.tsx entity.name.type.tsx, meta.parameters.ts meta.type.annotation.ts entity.name.type.ts, meta.parameters.tsx meta.type.annotation.tsx entity.name.type.tsx | #d7e2ff | — |
| source.ts meta.class.ts meta.method.declaration.ts meta.return.type.ts meta.type.parameters.ts entity.name.type.ts, source.tsx meta.class.tsx meta.method.declaration.tsx meta.return.type.tsx meta.type.parameters.tsx entity.name.type.tsx | #ffedcb | — |
| keyword.type.cs | #ceb3f7 | italic |
| source.cs storage.type.cs | #d7e2ff | — |
| meta.function.parameter.typehinted.php storage.type.php | #c9ccd8 | — |
| source.go storage.type | #c9ccd8 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #c9ccd8 | — |
| source.js keyword, source.js.jsx keyword, storage.type.js, storage.type.js.jsx, storage.type.function.js, storage.type.function.js.jsx, storage.modifier.js, storage.modifier.js.jsx, meta.type.flowtype.js support.type.type.flowtype.js, meta.type.flowtype.js.jsx support.type.type.flowtype.js.jsx, variable.other.flowtype.js, variable.other.flowtype.js.jsx, storage.type.extends.js, storage.type.extends.js.jsx, storage.type.function.js, storage.type.function.js.jsx, storage.type.class.js, storage.type.class.js.jsx, support.type.object.module.js, support.type.object.module.js.jsx, string.regexp.js keyword, string.regexp.js.jsx keyword, constant.language.import-export-all.js, constant.language.import-export-all.js.jsx, source.js meta.group.braces.curly.js keyword.other.substitution, source.js.jsx meta.group.braces.curly.js.jsx keyword.other.substitution, keyword.operator, storage.modifier.async.js, storage.modifier.async.js.jsx, source.js meta.class.js meta.method.declaration.js storage.type.property.js, source.js.jsx meta.class.js.jsx meta.method.declaration.js.jsx storage.type.property.js.jsx, source.js meta.class.js meta.method.declaration.js storage.modifier.async.js, source.js.jsx meta.class.js.jsx meta.method.declaration.js.jsx storage.modifier.async.js.jsx, source.js meta.class.js meta.method.declaration.js meta.block.js meta.function-call.js variable.language.super.js, source.js.jsx meta.class.js.jsx meta.method.declaration.js.jsx meta.block.js.jsx meta.function-call.js.jsx variable.language.super.js.jsx | #8d9ad1 | italic |
| source.ts keyword, source.tsx keyword, source.ts storage.modifier, source.tsx storage.modifer, storage.type.ts, storage.type.tsx, storage.type.function.ts, storage.type.function.tsx, storage.type.extends.ts, storage.type.extends.tsx, storage.type.type.ts, storage.type.type.tsx, storage.type.interface.ts, storage.type.interface.tsx, storage.type.class.ts, storage.type.class.tsx, storage.modifier.ts, storage.modifier.tsx, string.regexp.ts keyword, string.regexp.tsx keyword, constant.language.import-export-all.ts, constant.language.import-export-all.tsx, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, source.ts meta.class.ts meta.method.declaration.ts storage.type.property.ts, source.tsx meta.class.tsx meta.method.declaration.tsx storage.type.property.tsx, source.ts meta.enum.declaration.ts storage.type.enum.ts, source.tsx meta.enum.declaration.tsx storage.type.enum.tsx | #8d9ad1 | italic |
| source.php keyword, storage.type.php, storage.type.function.php, storage.type.extends.php, storage.type.class.php, storage.modifier.php, source.php storage.modifier, storage.modifier.extends.php, storage.modifier.implements.php, source.php meta.group.braces.curly.php keyword.other.substitution, keyword.operator | #8d9ad1 | italic |
| source.dockerfile keyword | #8d9ad1 | italic |
| source.shell keyword | #8d9ad1 | italic |
| text.xml keyword | #8d9ad1 | italic |
| keyword.type.java, storage.type.primitive.java | #ceb3f7 | italic |
| source.java storage.type.java, source.java storage.type.object, source.java entity.other.inherited-class.java | #d7e2ff | — |
| source.java storage.type.generic.java | #ffedcb | — |
| source.java keyword, storage.modifier.java, storage.modifier.extends.java | #8d9ad1 | italic |
| meta.declaration.annotation.java storage.type.annotation.java | #A7A7EE | italic |
| meta.declaration.annotation.java constant.other.key.java | #d7e2ff | — |
| source.shell punctuation.definition.variable.shell | #8d9ad1 | — |
| source.go keyword, storage.modifier.go, storage.type.go, storage.type.primitive.go, storage.type.object.array.go | #8d9ad1 | italic |
| source.elixir keyword, storage.modifier.elixir, storage.type.elixir, storage.type.primitive.elixir, storage.type.object.array.elixir | #8d9ad1 | italic |
| source.elixir.embedded variable.other.readwrite.module.elixir | #d7e2ff | — |
| source.elixir.embedded punctuation.section.embedded.elixir | #8d9ad1 | — |
| source.cs keyword, storage.modifier.cs, source.cs keyword.control.flow.break.cs | #8d9ad1 | italic |
| source.js support.function, source.js.jsx support.function, support.function.js, support.function.js.jsx, variable.function.js, variable.function.js.jsx, meta.function-call.js entity.name.function.js, meta.function-call.js.jsx entity.name.function.js.jsx, meta.method-call.static.js entity.name.function.js, meta.method-call.static.js.jsx entity.name.function.js.jsx, meta.class meta.group.braces.curly meta.function-call variable.function.js, meta.class meta.group.braces.curly meta.function-call variable.function.js.jsx, variable.function.constructor.js, variable.function.constructor.js.jsx, constant.language.import-export-all.js, constant.language.import-export-all.js.jsx, keyword.operator.arithmetic.js, keyword.operator.arithmetic.js.jsx, source.js entity.name.type.js, source.js.jsx entity.name.type.js.jsx, source.js entity.other.inherited-class.js, source.js.jsx entity.other.inherited-class.js.jsx, source.js meta.class entity.name.type.module.js, source.js.jsx meta.class entity.name.type.module.js.jsx | #d7e2ff | — |
| source.go support.function, support.function.go, variable.function.go, keyword.operator.arithmetic.go | #d7e2ff | — |
| source.groovy constant.other.key.groovy | #d7e2ff | — |
| source.ts support.function, source.tsx support.function, support.function.ts, support.function.tsx, meta.function-call.ts entity.name.function.ts, meta.function-call.tsx entity.name.function.tsx, meta.method-call.static.ts entity.name.function.ts, meta.method-call.static.tsx entity.name.function.tsx, meta.class meta.group.braces.curly meta.function-call variable.function.ts, meta.class meta.group.braces.curly meta.function-call variable.function.tsx, variable.function.constructor.ts, variable.function.constructor.tsx, constant.language.import-export-all.ts, constant.language.import-export-all.tsx, meta.var.expr.ts new.expr.ts entity.name.type.ts, meta.var.expr.tsx new.expr.tsx entity.name.type.tsx, source.ts entity.other.inherited-class.ts, source.tsx entity.other.inherited-class.tsx, source.ts meta.class entity.name.type.module.ts, source.tsx meta.class entity.name.type.module.tsx | #d7e2ff | — |
| source.php support.function, variable.function.php, meta.class meta.group.braces.curly meta.function-call variable.function.php, variable.function.constructor.php, meta.method-call.php entity.name.function.php, meta.method-call.static.php entity.name.function.php, meta.function-call.php entity.name.function.php, keyword.operator.arithmetic.php, support.function.construct.output.php, support.class.php, meta.function-call.php support.function.construct.php | #d7e2ff | — |
| source.shell support.function, keyword.operator.arithmetic.shell | #d7e2ff | — |
| text.xml variable.language | #d7e2ff | normal |
| source.java support.function, support.function.java, meta.function-call.java entity.name.function.java, meta.method-call.static.java entity.name.function.java, meta.method-call.java entity.name.function.java, meta.class meta.group.braces.curly meta.function-call variable.function.java, variable.function.constructor.java, keyword.operator.arithmetic.java, storage.modifier.import.java variable.language.wildcard.java | #d7e2ff | — |
| string.quoted.double.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json | #99a7e2 | — |
| source.css keyword.operator, source.scss keyword.operator., source.stylus keyword.operator. | #ffedcb | normal |
| source.css entity.other.attribute-name.class, source.scss entity.other.attribute-name.class, source.stylus entity.other.attribute-name.class | #ffedcb | normal |
| source.css entity.other.attribute-name.id, source.scss entity.other.attribute-name.iccccccccccccccccccccccccccccd, source.stylus entity.other.attribute-name.id | #c9ccd8 | normal |
| source.css entity.other.attribute-name.pseudo-class.css, source.css entity.other.attribute-name.pseudo-element, source.scss entity.other.attribute-name.pseudo-element, source.scss entity.other.attribute-name.pseudo-class.css, source.stylus entity.other.attribute-name.pseudo-class.css, source.stylus entity.other.attribute-name.pseudo-element, source.css.less entity.other.attribute-name.pseudo-class.css, source.css.less entity.other.attribute-name.pseudo-element | #d7e2ff | italic |
| keyword.control.at-rule, keyword.control.at-rule.mixin.scss, keyword.control.at-rule.import.scss, keyword.control.at-rule.include.scss, keyword.control.at-rule.extend.scss, keyword.control.at-rule.extend.scss, keyword.control.if.scss, keyword.control.else.scss, punctuation.definition.keyword.stylus, keyword.control.stylus, source.stylus meta.selector.stylus, source.css.less meta.property-list.css entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css | #8d9ad1 | italic |
| entity.name.variable | #d4d4d4 | — |
| source.css.scss entity.name.function, source.css.stylus entity.name.function, source.stylus entity.name.function.stylus | #ffedcb | — |
| source.css.less keyword.control.logical.operator.less | #8d9ad1 | italic |
| source.css.scss meta.property-list.scss meta.property-value.scss variable.scss, source.css.less meta.property-list.css variable.other.less, source.css.less meta.property-list.css entity.other.attribute-name.class.mixin.css | #d7e2ff | — |
| source.css entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, source.css.scss entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, source.stylus entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, source.css.less entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, source.css entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css, source.css.less entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css, source.scss entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css, source.stylus entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css | #d7e2ff | normal |
| source.cs support.function, support.function.cs, meta.function-call.cs entity.name.function.cs, meta.method-call.static.cs entity.name.function.cs, meta.method-call.cs entity.name.function.cs, meta.class meta.group.braces.curly meta.function-call variable.function.cs, variable.function.constructor.cs, keyword.operator.arithmetic.cs, storage.modifier.import.cs variable.language.wildcard.cs | #d7e2ff | — |
| entity.name.section.group-title.ini | #ffedcb | normal |
| punctuation.separator.key-value.ini | #ffedcb | normal |
| keyword.other.definition.ini | #8d9ad1 | — |
| comment.line.number-sign.ini | #6F7899 | italic |
| markup.heading.markdown | #ffedcb | normal |
| markup.quote.markdown | #d7e2ff | — |
| text.html.markdown comment.block.html | #6F7899 | italic |
| text.html.markdown meta.link.inline.markdown, text.html.markdown meta.image.inline.markdown, text.html.markdown markup.inline.raw.string.markdown | #ceb3f7 | — |
| entity.name.function.js, entity.name.function.js.jsx, meta.class.js entity.name.class, meta.class.js.jsx entity.name.class, meta.class.js entity.name.type.class, meta.class.js.jsx entity.name.type.class, meta.class meta.function-call variable.function.js, meta.class meta.function-call variable.function.js.jsx, source.js keyword.control.loop.js, source.js.jsx keyword.control.loop.js.jsx, storage.type.function.arrow.js, storage.type.function.arrow.js.jsx, tag.decorator.js entity.name.tag.js, tag.decorator.js.jsx entity.name.tag.js.jsx, source.js meta.interface.js entity.name.type.interface.js, source.js.jsx meta.interface.js.jsx entity.name.type.interface.js.jsx, source.js meta.type.declaration.js entity.name.type.js, source.js.jsx meta.type.declaration.js.jsx entity.name.type.js.jsx, source.js entity.name.type.alias.js, source.js.jsx entity.name.type.alias.js.jsx | #ffedcb | — |
| entity.name.function.go, source.go keyword.control.loop.go | #ffedcb | — |
| entity.name.function.ts, entity.name.function.tsx, meta.class.ts entity.name.type.class, meta.class.tsx entity.name.type.class, meta.class meta.function-call variable.function.ts, meta.class meta.function-call variable.function.tsx, source.ts keyword.control.loop.ts, source.tsx keyword.control.loop.tsx, storage.type.function.arrow.ts, storage.type.function.arrow.tsx, source.ts meta.interface.ts entity.name.type.interface.ts, source.tsx meta.interface.tsx entity.name.type.interface.tsx, source.ts meta.type.declaration.ts entity.name.type.ts, source.tsx meta.type.declaration.tsx entity.name.type.tsx, source.ts entity.name.type.alias.ts, source.tsx entity.name.type.alias.tsx | #ffedcb | — |
| entity.name.function.php, meta.class.php entity.name.type.class, meta.class meta.function-call variable.function.php, source.php keyword.control.loop.php, storage.type.function.arrow.php, support.function.magic.php | #ffedcb | — |
| meta.method.identifier.java entity.name.function.java, meta.method.identifier.java storage.type.generic.java, meta.class meta.function-call variable.function.java, source.java keyword.control.loop.java, storage.type.function.arrow.java, meta.class.identifier.java entity.name.type.class.java | #ffedcb | — |
| meta.method.identifier.cs entity.name.function.cs, meta.method.identifier.cs storage.type.generic.cs, meta.class meta.function-call variable.function.cs, source.cs keyword.control.loop.cs, storage.type.function.arrow.cs, meta.class.identifier.cs entity.name.type.class.cs, source.cs entity.name.function.cs, source.cs entity.name.type.class.cs | #ffedcb | — |
| source.elixir entity.name.function.elixir, entity.name.type.module.elixir | #d7e2ff | — |
| meta.tag.preprocessor.xml punctuation.definition.tag.xml, meta.tag.sgml.doctype.xml punctuation.definition.tag.xml | #ffedcb | — |
| keyword.control.flow.js, keyword.control.flow.js.jsx, keyword.control.trycatch.js, keyword.control.trycatch.js.jsx, source.js meta.group.braces.curly.js keyword.control.loop.js, source.js.jsx meta.group.braces.curly.js.jsx keyword.control.loop.js.jsx, source.js meta.export.default.js keyword.control.default.js, source.js.jsx meta.export.default.js.jsx keyword.control.default.js.jsx, keyword.control.switch.js, keyword.control.switch.js.jsx | #ffedcb | — |
| keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.trycatch.ts, keyword.control.trycatch.tsx, source.ts meta.group.braces.curly.ts keyword.control.loop.ts, source.tsx meta.group.braces.curly.tsx keyword.control.loop.tsx, source.ts meta.export.default.ts keyword.control.default.ts, source.tsx meta.export.default.tsx keyword.control.default.tsx, keyword.control.switch.ts, keyword.control.switch.tsx | #ffedcb | — |
| keyword.control.flow.php, keyword.control.trycatch.php, source.php meta.group.braces.curly.php keyword.control.loop.php, keyword.control.switch.php | #ffedcb | — |
| source.shell meta.scope.while-loop.shell keyword.control.shell, source.shell meta.scope.for-in-loop.shell keyword.control.shell | #ffedcb | italic |
| source.shell meta.scope.while-loop.shell meta.scope.if-block.shell keyword.control.shell, source.shell meta.scope.for-in-loop.shell meta.scope.if-block.shell keyword.control.shell | #8d9ad1 | italic |
| keyword.control.flow.java, keyword.control.trycatch.java, source.java meta.group.braces.curly.java keyword.control.loop.java, keyword.control.switch.java | #ffedcb | — |
| source.cs keyword.control.flow, keyword.control.trycatch.cs, source.cs meta.group.braces.curly.cs keyword.control.loop.cs, source.cs keyword.control.switch.cs | #ffedcb | — |
| keyword.control.elixir | #ffedcb | italic |
| keyword.control.java | #ffedcb | italic |
| meta.tag.preprocessor.xml | #ffedcb | — |
| meta.tag.preprocessor.xml entity.other.attribute-name | #c9ccd8 | — |
| keyword.operator.assignment | #ffedcb | — |
| keyword.operator.logical.js, keyword.operator.logical.js.jsx | #ffedcb | — |
| keyword.operator.logical.ts, keyword.operator.logical.tsx | #ffedcb | — |
| source.go keyword.operator.assignment.go | #ffedcb | normal |
| source.php keyword.operator, punctuation.separator.inheritance.php | #ffedcb | — |
| source.shell meta.scope.logical-expression.shell | #ffedcb | — |
| source.shell punctuation.definition.logical-expression.shell, source.shell variable.other, source.shell variable.other.normal.shell | #c9ccd8 | normal |
| entity.name.tag support.class.component, meta.tag.other.html, meta.tag.other.js, meta.tag.other.js.jsx, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js.jsx, entity.name.tag.js, entity.name.tag, meta.tag.html | #99a7e2 | — |
| keyword.other.template.begin, keyword.other.template.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #ffedcb | — |
| source.elixir string.quoted.double.elixir source.elixir.embedded.source punctuation.section.embedded.elixir | #8d9ad1 | — |
| source.elixir string.quoted.double.elixir source.elixir.embedded.source | #c9ccd8 | — |
| string.double, string.quoted, string.interpolated, string.template, punctuation.definition.string, markup.inline.raw.string | #ceb3f7 | — |
| constant.language, constant.numeric, support.constant, constant.character, constant.other.color, constant.other.symbol, constant.other.key, keyword.other.unit, variable.language.this | #cbb1f3 | — |
| markup.inserted | #99C794 | — |
| markup.deleted | #E15A60 | — |
| markup.changed | #BB80B3 | — |
| *url*, *link*, *uri* | — | underline |
| constant.numeric.line-number.find-in-files - match | #AB7967 | — |
| entity.name.filename.find-in-files | #99C794 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| entity.name.tag.doctype, meta.tag.sgml.doctype, meta.tag.sgml.doctype.html, markup.italic.markdown, markup.quote.markdown, support.type.primitive, entity.other.attribute-name, entity.name.tag.custom, source.js entity.other.attribute-name.js, source.js.jsx entity.other.attribute-name.js, ext.html.basic entity.other.attribute-name.html, source.js.jsx keyword.control.flow.js, support.type.property.css, support.function.basic_functions, variable.assignment.coffee, support.function.basic_functions, keyword.operator.type.annotation, assignment.coffee, italic, quote, type .function, type.function, storage.modifier.js, storage.modifier.js.jsx, storage.modifier.ts, storage.modifier.tsx, storage.modifier.php, storage.type.class, modifier, keyword.control.flow, source.shell keyword.control.shell, keyword.control.default, keyword.control.switch, this, support.type.builtin, variable.language.this.php, variable.language.this | — | italic |
| meta.interface.ts variable.object.property, meta.interface.tsx variable.object.property, meta.type.declaration.ts variable.object.property, meta.type.declaration.tsx variable.object.property, meta.function.parameter.typehinted.php storage.type.php, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, source.js meta.group.braces.curly.js keyword.other.substitution, source.js.jsx meta.group.braces.curly.js.jsx keyword.other.substitution, keyword.operator.type.annotation, keyword.operator.type, keyword.operator.logical, source.php keyword.operator, variable.object.property.ts, variable.object.property.tsx, keyword.operator.class.php, support.function.basic_functions.php, keyword.operator.flowtype.other.js, keyword.operator.flowtype.other.js.jsx, source.shell keyword.operator, keyword.operator.ternary.js, keyword.operator.ternary.js.jsx, keyword.operator.ternary.ts, keyword.operator.ternary.tsx, source.js meta.group.regexp keyword.operator, source.js.jsx meta.group.regexp keyword.operator, source.ts meta.group.regexp keyword.operator, source.tsx meta.group.regexp keyword.operator, string.regexp.js keyword.control.anchor.regexp, string.regexp.js.jsx keyword.control.anchor.regexp, string.regexp.ts keyword.control.anchor.regexp, string.regexp.tsx keyword.control.anchor.regexp, keyword.operator.other.elixir, keyword.operator.assignment.go, source.ts keyword.operator.type.annotation.ts, source.tsx keyword.operator.type.annotation.tsx, source.js keyword.operator.ternary.js, source.js.jsx keyword.operator.ternary.js.jsx, source.ts keyword.operator.ternary.ts, source.tsx keyword.operator.ternary.tsx | — | normal |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...