Teppz
Publisher: ofradesThemes in package: 3
Teppz is a version of a carefully designed theme where colors have meanings.
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.activeBackground#1f2036
- activityBar.activeBorder#4ca585
- activityBar.activeForeground#4CA585
- activityBar.background#30323d
- activityBar.border#111
- activityBar.foreground#4ca585
- activityBar.inactiveForeground#876660
- activityBarBadge.background#4CA585
- breadcrumb.activeSelectionForeground#4CA585
- breadcrumb.background#1f2036
- checkbox.border#4CA585
- contrastActiveBorder#4CA585
- contrastBorder#111
- dropdown.background#30323d
- dropdown.border#4CA585
- dropdown.listBackground#242941
- editor.background#242941
- editor.findRangeHighlightBorder#4ca585
- editor.foreground#c1c1c1
- editor.lineHighlightBackground#1f2036
- editor.lineHighlightBorder#1f1f1f
- editor.symbolHighlightBorder#4CA585
- editorBracketMatch.border#4CA585
- editorCursor.foreground#4CA585
- editorError.border#CF5757
- editorGroup.focusedEmptyBorder#4CA585
- editorGroupHeader.noTabsBackground#1f2036
- editorGroupHeader.tabsBackground#1f2036
- editorGutter.background#1f2036
- editorHint.border#4CA585
- editorHoverWidget.background#1f2036
- editorHoverWidget.border#4CA585
- editorIndentGuide.activeBackground#fff2
- editorIndentGuide.background#ffffff06
- editorInfo.border#609AD2
- editorLineNumber.activeForeground#4CA585
- editorMarkerNavigation.background#1f2036
- editorMarkerNavigationError.background#1f2036
- editorMarkerNavigationInfo.background#1f2036
- editorMarkerNavigationWarning.background#1f2036
- editorPane.background#1f2036
- editorSuggestWidget.background#1f2036
- editorSuggestWidget.border#4CA585
- editorSuggestWidget.selectedBackground#30323d
- editorUnnecessaryCode.border#D9C679
- editorWarning.border#D9C679
- editorWidget.background#1f2036
- editorWidget.border#4ca585
- focusBorder#4CA585
- foreground#c1c1c1
- input.background#30323d
- input.border#4CA585
- inputValidation.errorBackground#1f2036
- inputValidation.infoBackground#1f2036
- inputValidation.warningBackground#1f2036
- list.activeSelectionBackground#30323d
- list.activeSelectionForeground#4ca585
- list.dropBackground#30323d
- list.focusBackground#30323d
- list.focusForeground#4CA585
- list.hoverBackground#30323d
- list.hoverForeground#c1c1c1
- list.inactiveSelectionBackground#30323d
- list.inactiveSelectionForeground#4CA585
- menu.background#1f2036
- menu.border#4CA585
- menu.selectionBackground#30323d
- menu.selectionBorder#4CA585
- menu.selectionForeground#4CA585
- menu.separatorBackground#4ca585
- menubar.selectionBorder#4CA585
- menubar.selectionForeground#4CA585
- notificationCenter.border#4CA585
- notificationLink.foreground#ccb7a0
- notifications.border#4CA585
- notificationToast.border#4CA585
- panel.background#1f2036
- panelInput.background#4CA585
- panelInput.border#4CA585
- peekView.border#4CA585
- peekViewEditor.background#1f2036
- peekViewEditorGutter.background#1f2036
- peekViewResult.background#1f2036
- pickerGroup.border#4CA585
- pickerGroup.foreground#ccb7a0
- progressBar.background#ccb7a0
- quickInput.background#5F5151
- quickInput.foreground#ccb7a0
- quickInputTitle.background#1f2036
- scrollbar.shadow#0000
- scrollbarSlider.activeBackground#60758780
- scrollbarSlider.background#60758780
- selection.background#4CA58540
- settings.dropdownBackground#1f2036
- settings.headerForeground#ccb7a0
- settings.modifiedItemIndicator#ccb7a0
- settings.numberInputBackground#1f2036
- settings.textInputBackground#1f2036
- sideBar.background#1f2036
- sideBar.foreground#ccb7a0
- sideBarSectionHeader.background#30323d
- sideBarSectionHeader.border#111
- sideBarSectionHeader.foreground#4ca585
- sideBarTitle.foreground#c1c1c1
- statusBar.background#5F5151
- tab.activeBackground#242941
- tab.activeBorderTop#0000
- tab.activeForeground#4CA585
- tab.hoverBorder#4CA585
- tab.inactiveBackground#1f2036
- tab.inactiveForeground#227255
- tab.unfocusedActiveBackground#1f2036
- tab.unfocusedActiveBorderTop#0000
- tab.unfocusedActiveForeground#227255
- tab.unfocusedInactiveBackground#1f2036
- tab.unfocusedInactiveForeground#227255
- terminal.background#30323d
- textBlockQuote.border#4CA585
- textLink.foreground#ccb7a0
- titleBar.activeBackground#30323d
- titleBar.border#111
- titleBar.inactiveBackground#30323d
- walkThrough.embeddedEditorBackground#1f2036
- widget.shadow#0000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #575B65 | italic |
| string | #5ED2BE | — |
| variable | #DAC779 | — |
| keyword | #CEA47F | italic |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html | #876660 | normal |
| entity.other.attribute-name | #d9c679 | — |
| entity.other.attribute-name.id.html | #6073D1 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #DABA7E | italic |
| keyword.control.razor.directive.page, meta.directive.page, keyword.control.razor.directive.inject, meta.directive.inject, keyword.control.razor.directive.using, meta.directive.using.cshtml, keyword.control.razor.directive.inherits, meta.directive.inherits.cshtml, keyword.control.razor.directive.implements, meta.directive.implements.razor, keyword.control.razor.directive.layout, meta.directive.layout.razor, keyword.control.razor.directive.namespace, meta.directive.namespace, keyword.control.razor.directive.section, meta.directive.section, keyword.control.razor.directive.model, meta.directive.model.cshtml, keyword.control.razor.directive.attribute, meta.directive.attribute.razor | #d052f1 | italic |
| keyword.control.cshtml.transition, meta.expression.explicit.cshtml, meta.directive.addTagHelper.razor, meta.directive.removeTagHelper.razor, meta.directive.tagHelperPrefix.razor, meta.expression.implicit.cshtml, keyword.control.razor.directive.codeblock.open, keyword.control.razor.directive.codeblock.close, keyword.control.razor.directive.code, keyword.control.razor.directive.functions, meta.structure.razor.directive.markblock, meta.statement.using.razor, meta.statement.if.razor, meta.statement.else.razor, meta.statement.for.razor, meta.statement.foreach.razor, meta.statement.do.razor, meta.statement.while.razor, meta.statement.switch.razor, meta.structure.razor.csharp.codeblock.switch, meta.statement.lock.razor, meta.structure.template.razor, constant.character.escape.razor.transition, meta.structure.razor.codeblock, keyword.control.razor.singleLineMarkup, keyword.control.cshtml.transition.textTag.open, keyword.control.cshtml.transition.textTag.close | #765ffe | normal |
| meta.statement.if.razor, meta.statement.foreach.razor, meta.statement.else.razor, meta.directive.attribute.razor, meta.statement.try.razor, meta.statement.catch.razor, meta.statement.finally.razor, meta.structure.razor.csharp.codeblock | #7059E0 | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #cdb2eb | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #575B65 | normal |
| text.aspnetcorerazor | #ebdbb2 | normal |
| keyword.control | #cea47f | normal |
| comment | #575B65 | italic |
| string | #5ED2BE | — |
| variable | #DAC779 | — |
| keyword | #CEA47F | italic |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html | #876660 | normal |
| entity.other.attribute-name | #d9c679 | — |
| entity.other.attribute-name.id.html | #6073D1 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #DABA7E | italic |
| keyword.control.razor.directive.page, meta.directive.page, keyword.control.razor.directive.inject, meta.directive.inject, keyword.control.razor.directive.using, meta.directive.using.cshtml, keyword.control.razor.directive.inherits, meta.directive.inherits.cshtml, keyword.control.razor.directive.implements, meta.directive.implements.razor, keyword.control.razor.directive.layout, meta.directive.layout.razor, keyword.control.razor.directive.namespace, meta.directive.namespace, keyword.control.razor.directive.section, meta.directive.section, keyword.control.razor.directive.model, meta.directive.model.cshtml, keyword.control.razor.directive.attribute, meta.directive.attribute.razor | #d052f1 | italic |
| keyword.control.cshtml.transition, meta.expression.explicit.cshtml, meta.directive.addTagHelper.razor, meta.directive.removeTagHelper.razor, meta.directive.tagHelperPrefix.razor, meta.expression.implicit.cshtml, keyword.control.razor.directive.codeblock.open, keyword.control.razor.directive.codeblock.close, keyword.control.razor.directive.code, keyword.control.razor.directive.functions, meta.structure.razor.directive.markblock, meta.statement.using.razor, meta.statement.if.razor, meta.statement.else.razor, meta.statement.for.razor, meta.statement.foreach.razor, meta.statement.do.razor, meta.statement.while.razor, meta.statement.switch.razor, meta.structure.razor.csharp.codeblock.switch, meta.statement.lock.razor, meta.structure.template.razor, constant.character.escape.razor.transition, meta.structure.razor.codeblock, keyword.control.razor.singleLineMarkup, keyword.control.cshtml.transition.textTag.open, keyword.control.cshtml.transition.textTag.close | #765ffe | normal |
| meta.statement.if.razor, meta.statement.foreach.razor, meta.statement.else.razor, meta.directive.attribute.razor, meta.statement.try.razor, meta.statement.catch.razor, meta.statement.finally.razor, meta.structure.razor.csharp.codeblock | #7059E0 | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #cdb2eb | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #575B65 | normal |
| text.aspnetcorerazor | #ebdbb2 | normal |
| keyword.control | #cea47f | normal |
| comment | #575B65 | italic |
| string | #5ED2BE | — |
| variable | #DAC779 | — |
| keyword | #CEA47F | italic |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html | #876660 | normal |
| entity.other.attribute-name | #d9c679 | — |
| entity.other.attribute-name.id.html | #6073D1 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #DABA7E | italic |
| keyword.control.razor.directive.page, meta.directive.page, keyword.control.razor.directive.inject, meta.directive.inject, keyword.control.razor.directive.using, meta.directive.using.cshtml, keyword.control.razor.directive.inherits, meta.directive.inherits.cshtml, keyword.control.razor.directive.implements, meta.directive.implements.razor, keyword.control.razor.directive.layout, meta.directive.layout.razor, keyword.control.razor.directive.namespace, meta.directive.namespace, keyword.control.razor.directive.section, meta.directive.section, keyword.control.razor.directive.model, meta.directive.model.cshtml, keyword.control.razor.directive.attribute, meta.directive.attribute.razor | #d052f1 | italic |
| keyword.control.cshtml.transition, meta.expression.explicit.cshtml, meta.directive.addTagHelper.razor, meta.directive.removeTagHelper.razor, meta.directive.tagHelperPrefix.razor, meta.expression.implicit.cshtml, keyword.control.razor.directive.codeblock.open, keyword.control.razor.directive.codeblock.close, keyword.control.razor.directive.code, keyword.control.razor.directive.functions, meta.structure.razor.directive.markblock, meta.statement.using.razor, meta.statement.if.razor, meta.statement.else.razor, meta.statement.for.razor, meta.statement.foreach.razor, meta.statement.do.razor, meta.statement.while.razor, meta.statement.switch.razor, meta.structure.razor.csharp.codeblock.switch, meta.statement.lock.razor, meta.structure.template.razor, constant.character.escape.razor.transition, meta.structure.razor.codeblock, keyword.control.razor.singleLineMarkup, keyword.control.cshtml.transition.textTag.open, keyword.control.cshtml.transition.textTag.close | #765ffe | normal |
| meta.statement.if.razor, meta.statement.foreach.razor, meta.statement.else.razor, meta.directive.attribute.razor, meta.statement.try.razor, meta.statement.catch.razor, meta.statement.finally.razor, meta.structure.razor.csharp.codeblock | #7059E0 | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #cdb2eb | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #575B65 | normal |
| text.aspnetcorerazor | #ebdbb2 | normal |
| keyword.control | #cea47f | normal |
| comment | #575B65 | italic |
| string | #5ED2BE | — |
| variable | #DAC779 | — |
| keyword | #CEA47F | italic |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html | #876660 | normal |
| entity.other.attribute-name | #d9c679 | — |
| entity.other.attribute-name.id.html | #6073D1 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #DABA7E | italic |
| keyword.control.razor.directive.page, meta.directive.page, keyword.control.razor.directive.inject, meta.directive.inject, keyword.control.razor.directive.using, meta.directive.using.cshtml, keyword.control.razor.directive.inherits, meta.directive.inherits.cshtml, keyword.control.razor.directive.implements, meta.directive.implements.razor, keyword.control.razor.directive.layout, meta.directive.layout.razor, keyword.control.razor.directive.namespace, meta.directive.namespace, keyword.control.razor.directive.section, meta.directive.section, keyword.control.razor.directive.model, meta.directive.model.cshtml, keyword.control.razor.directive.attribute, meta.directive.attribute.razor | #d052f1 | italic |
| keyword.control.cshtml.transition, meta.expression.explicit.cshtml, meta.directive.addTagHelper.razor, meta.directive.removeTagHelper.razor, meta.directive.tagHelperPrefix.razor, meta.expression.implicit.cshtml, keyword.control.razor.directive.codeblock.open, keyword.control.razor.directive.codeblock.close, keyword.control.razor.directive.code, keyword.control.razor.directive.functions, meta.structure.razor.directive.markblock, meta.statement.using.razor, meta.statement.if.razor, meta.statement.else.razor, meta.statement.for.razor, meta.statement.foreach.razor, meta.statement.do.razor, meta.statement.while.razor, meta.statement.switch.razor, meta.structure.razor.csharp.codeblock.switch, meta.statement.lock.razor, meta.structure.template.razor, constant.character.escape.razor.transition, meta.structure.razor.codeblock, keyword.control.razor.singleLineMarkup, keyword.control.cshtml.transition.textTag.open, keyword.control.cshtml.transition.textTag.close | #765ffe | normal |
| meta.statement.if.razor, meta.statement.foreach.razor, meta.statement.else.razor, meta.directive.attribute.razor, meta.statement.try.razor, meta.statement.catch.razor, meta.statement.finally.razor, meta.structure.razor.csharp.codeblock | #7059E0 | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #cdb2eb | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #575B65 | normal |
| text.aspnetcorerazor | #ebdbb2 | normal |
| keyword.control | #cea47f | normal |
| comment | #575B65 | italic |
| string | #5ED2BE | — |
| variable | #DAC779 | — |
| keyword | #CEA47F | italic |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html | #876660 | normal |
| entity.other.attribute-name | #d9c679 | — |
| entity.other.attribute-name.id.html | #6073D1 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #DABA7E | italic |
| keyword.control.razor.directive.page, meta.directive.page, keyword.control.razor.directive.inject, meta.directive.inject, keyword.control.razor.directive.using, meta.directive.using.cshtml, keyword.control.razor.directive.inherits, meta.directive.inherits.cshtml, keyword.control.razor.directive.implements, meta.directive.implements.razor, keyword.control.razor.directive.layout, meta.directive.layout.razor, keyword.control.razor.directive.namespace, meta.directive.namespace, keyword.control.razor.directive.section, meta.directive.section, keyword.control.razor.directive.model, meta.directive.model.cshtml, keyword.control.razor.directive.attribute, meta.directive.attribute.razor | #d052f1 | italic |
| keyword.control.cshtml.transition, meta.expression.explicit.cshtml, meta.directive.addTagHelper.razor, meta.directive.removeTagHelper.razor, meta.directive.tagHelperPrefix.razor, meta.expression.implicit.cshtml, keyword.control.razor.directive.codeblock.open, keyword.control.razor.directive.codeblock.close, keyword.control.razor.directive.code, keyword.control.razor.directive.functions, meta.structure.razor.directive.markblock, meta.statement.using.razor, meta.statement.if.razor, meta.statement.else.razor, meta.statement.for.razor, meta.statement.foreach.razor, meta.statement.do.razor, meta.statement.while.razor, meta.statement.switch.razor, meta.structure.razor.csharp.codeblock.switch, meta.statement.lock.razor, meta.structure.template.razor, constant.character.escape.razor.transition, meta.structure.razor.codeblock, keyword.control.razor.singleLineMarkup, keyword.control.cshtml.transition.textTag.open, keyword.control.cshtml.transition.textTag.close | #765ffe | normal |
| meta.statement.if.razor, meta.statement.foreach.razor, meta.statement.else.razor, meta.directive.attribute.razor, meta.statement.try.razor, meta.statement.catch.razor, meta.statement.finally.razor, meta.structure.razor.csharp.codeblock | #7059E0 | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #cdb2eb | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #575B65 | normal |
| text.aspnetcorerazor | #ebdbb2 | normal |
| keyword.control | #cea47f | normal |
| comment | #575B65 | italic |
| string | #5ED2BE | — |
| variable | #DAC779 | — |
| keyword | #CEA47F | italic |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html | #876660 | normal |
| entity.other.attribute-name | #d9c679 | — |
| entity.other.attribute-name.id.html | #6073D1 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #DABA7E | italic |
| keyword.control.razor.directive.page, meta.directive.page, keyword.control.razor.directive.inject, meta.directive.inject, keyword.control.razor.directive.using, meta.directive.using.cshtml, keyword.control.razor.directive.inherits, meta.directive.inherits.cshtml, keyword.control.razor.directive.implements, meta.directive.implements.razor, keyword.control.razor.directive.layout, meta.directive.layout.razor, keyword.control.razor.directive.namespace, meta.directive.namespace, keyword.control.razor.directive.section, meta.directive.section, keyword.control.razor.directive.model, meta.directive.model.cshtml, keyword.control.razor.directive.attribute, meta.directive.attribute.razor | #d052f1 | italic |
| keyword.control.cshtml.transition, meta.expression.explicit.cshtml, meta.directive.addTagHelper.razor, meta.directive.removeTagHelper.razor, meta.directive.tagHelperPrefix.razor, meta.expression.implicit.cshtml, keyword.control.razor.directive.codeblock.open, keyword.control.razor.directive.codeblock.close, keyword.control.razor.directive.code, keyword.control.razor.directive.functions, meta.structure.razor.directive.markblock, meta.statement.using.razor, meta.statement.if.razor, meta.statement.else.razor, meta.statement.for.razor, meta.statement.foreach.razor, meta.statement.do.razor, meta.statement.while.razor, meta.statement.switch.razor, meta.structure.razor.csharp.codeblock.switch, meta.statement.lock.razor, meta.structure.template.razor, constant.character.escape.razor.transition, meta.structure.razor.codeblock, keyword.control.razor.singleLineMarkup, keyword.control.cshtml.transition.textTag.open, keyword.control.cshtml.transition.textTag.close | #765ffe | normal |
| meta.statement.if.razor, meta.statement.foreach.razor, meta.statement.else.razor, meta.directive.attribute.razor, meta.statement.try.razor, meta.statement.catch.razor, meta.statement.finally.razor, meta.structure.razor.csharp.codeblock | #7059E0 | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #cdb2eb | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #575B65 | normal |
| text.aspnetcorerazor | #ebdbb2 | normal |
| keyword.control | #cea47f | normal |
| comment | #575B65 | italic |
| string | #5ED2BE | — |
| variable | #DAC779 | — |
| keyword | #CEA47F | italic |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html | #876660 | normal |
| entity.other.attribute-name | #d9c679 | — |
| entity.other.attribute-name.id.html | #6073D1 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #DABA7E | italic |
| keyword.control.razor.directive.page, meta.directive.page, keyword.control.razor.directive.inject, meta.directive.inject, keyword.control.razor.directive.using, meta.directive.using.cshtml, keyword.control.razor.directive.inherits, meta.directive.inherits.cshtml, keyword.control.razor.directive.implements, meta.directive.implements.razor, keyword.control.razor.directive.layout, meta.directive.layout.razor, keyword.control.razor.directive.namespace, meta.directive.namespace, keyword.control.razor.directive.section, meta.directive.section, keyword.control.razor.directive.model, meta.directive.model.cshtml, keyword.control.razor.directive.attribute, meta.directive.attribute.razor | #d052f1 | italic |
| keyword.control.cshtml.transition, meta.expression.explicit.cshtml, meta.directive.addTagHelper.razor, meta.directive.removeTagHelper.razor, meta.directive.tagHelperPrefix.razor, meta.expression.implicit.cshtml, keyword.control.razor.directive.codeblock.open, keyword.control.razor.directive.codeblock.close, keyword.control.razor.directive.code, keyword.control.razor.directive.functions, meta.structure.razor.directive.markblock, meta.statement.using.razor, meta.statement.if.razor, meta.statement.else.razor, meta.statement.for.razor, meta.statement.foreach.razor, meta.statement.do.razor, meta.statement.while.razor, meta.statement.switch.razor, meta.structure.razor.csharp.codeblock.switch, meta.statement.lock.razor, meta.structure.template.razor, constant.character.escape.razor.transition, meta.structure.razor.codeblock, keyword.control.razor.singleLineMarkup, keyword.control.cshtml.transition.textTag.open, keyword.control.cshtml.transition.textTag.close | #765ffe | normal |
| meta.statement.if.razor, meta.statement.foreach.razor, meta.statement.else.razor, meta.directive.attribute.razor, meta.statement.try.razor, meta.statement.catch.razor, meta.statement.finally.razor, meta.structure.razor.csharp.codeblock | #7059E0 | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #cdb2eb | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #575B65 | normal |
| text.aspnetcorerazor | #ebdbb2 | normal |
| keyword.control | #cea47f | normal |
| comment | #575B65 | italic |
| string | #5ED2BE | — |
| variable | #DAC779 | — |
| keyword | #CEA47F | italic |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html | #876660 | normal |
| entity.other.attribute-name | #d9c679 | — |
| entity.other.attribute-name.id.html | #6073D1 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #DABA7E | italic |
| keyword.control.razor.directive.page, meta.directive.page, keyword.control.razor.directive.inject, meta.directive.inject, keyword.control.razor.directive.using, meta.directive.using.cshtml, keyword.control.razor.directive.inherits, meta.directive.inherits.cshtml, keyword.control.razor.directive.implements, meta.directive.implements.razor, keyword.control.razor.directive.layout, meta.directive.layout.razor, keyword.control.razor.directive.namespace, meta.directive.namespace, keyword.control.razor.directive.section, meta.directive.section, keyword.control.razor.directive.model, meta.directive.model.cshtml, keyword.control.razor.directive.attribute, meta.directive.attribute.razor | #d052f1 | italic |
| keyword.control.cshtml.transition, meta.expression.explicit.cshtml, meta.directive.addTagHelper.razor, meta.directive.removeTagHelper.razor, meta.directive.tagHelperPrefix.razor, meta.expression.implicit.cshtml, keyword.control.razor.directive.codeblock.open, keyword.control.razor.directive.codeblock.close, keyword.control.razor.directive.code, keyword.control.razor.directive.functions, meta.structure.razor.directive.markblock, meta.statement.using.razor, meta.statement.if.razor, meta.statement.else.razor, meta.statement.for.razor, meta.statement.foreach.razor, meta.statement.do.razor, meta.statement.while.razor, meta.statement.switch.razor, meta.structure.razor.csharp.codeblock.switch, meta.statement.lock.razor, meta.structure.template.razor, constant.character.escape.razor.transition, meta.structure.razor.codeblock, keyword.control.razor.singleLineMarkup, keyword.control.cshtml.transition.textTag.open, keyword.control.cshtml.transition.textTag.close | #765ffe | normal |
| meta.statement.if.razor, meta.statement.foreach.razor, meta.statement.else.razor, meta.directive.attribute.razor, meta.statement.try.razor, meta.statement.catch.razor, meta.statement.finally.razor, meta.structure.razor.csharp.codeblock | #7059E0 | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #cdb2eb | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #575B65 | normal |
| text.aspnetcorerazor | #ebdbb2 | normal |
| keyword.control | #cea47f | normal |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...