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#e6e2cf
- activityBar.activeBorder#1C7555
- activityBar.activeForeground#D88E78
- activityBar.background#eee1c1
- activityBar.foreground#1C7555
- activityBar.inactiveForeground#4D402E
- activityBarBadge.background#1C7555
- breadcrumb.activeSelectionForeground#1C7555
- breadcrumb.background#e6e2cf
- checkbox.border#1C7555
- contrastActiveBorder#1C7555
- contrastBorder#eee
- dropdown.background#eee1c1
- dropdown.border#1C7555
- dropdown.listBackground#eee1c1
- editor.background#eeeada
- editor.findMatchBorder#1C7555
- editor.findRangeHighlightBorder#1C7555
- editor.foreground#4D402E
- editor.lineHighlightBackground#e6e2cf
- editor.lineHighlightBorder#eee1c1
- editor.rangeHighlightBorder#1C7555
- editor.selectionHighlightBorder#1C7555
- editor.symbolHighlightBorder#1C7555
- editor.wordHighlightBorder#1C7555
- editor.wordHighlightStrongBorder#1C7555
- editorBracketMatch.border#1C7555
- editorCursor.foreground#1C7555
- editorError.border#A84848
- editorGroup.focusedEmptyBorder#1C7555
- editorGroupHeader.noTabsBackground#e6e2cf
- editorGroupHeader.tabsBackground#e6e2cf
- editorGutter.background#e6e2cf
- editorHint.border#1C7555
- editorHoverWidget.background#e6e2cf
- editorHoverWidget.border#1C7555
- editorIndentGuide.activeBackground#aaa
- editorIndentGuide.background#d2d2d2
- editorInfo.border#306Aa2
- editorLineNumber.activeForeground#1C7555
- editorMarkerNavigation.background#e6e2cf
- editorMarkerNavigationError.background#e6e2cf
- editorMarkerNavigationInfo.background#e6e2cf
- editorMarkerNavigationWarning.background#e6e2cf
- editorPane.background#e6e2cf
- editorSuggestWidget.background#e6e2cf
- editorSuggestWidget.border#1C7555
- editorSuggestWidget.selectedBackground#eeeada
- editorSuggestWidget.selectedForeground#1C7555
- editorUnnecessaryCode.border#a99649
- editorWarning.border#a99649
- editorWidget.background#e6e2cf
- editorWidget.border#1C7555
- editorWidget.resizeBorder#1C7555
- focusBorder#1C7555
- foreground#4D402E
- input.background#eeeada
- input.border#1C7555
- inputValidation.errorBackground#e6e2cf
- inputValidation.infoBackground#e6e2cf
- inputValidation.warningBackground#e6e2cf
- list.activeSelectionBackground#eeeada
- list.activeSelectionForeground#1C7555
- list.dropBackground#eeeada
- list.filterMatchBorder#1C7555
- list.focusBackground#eeeada
- list.focusForeground#1C7555
- list.hoverBackground#eeeada
- list.hoverForeground#68513F
- list.inactiveSelectionBackground#eeeada
- list.inactiveSelectionForeground#1C7555
- menu.background#e6e2cf
- menu.border#1C7555
- menu.selectionBackground#eeeada
- menu.selectionBorder#1C7555
- menu.selectionForeground#1C7555
- menu.separatorBackground#1C7555
- menubar.selectionBorder#1C7555
- menubar.selectionForeground#1C7555
- notificationCenter.border#1C7555
- notificationLink.foreground#1C7555
- notifications.border#1C7555
- notificationToast.border#1C7555
- panel.background#e6e2cf
- panel.border#eee
- panelInput.border#1C7555
- peekView.border#1C7555
- peekViewEditor.background#e6e2cf
- peekViewEditorGutter.background#e6e2cf
- peekViewResult.background#e6e2cf
- pickerGroup.border#1C7555
- pickerGroup.foreground#1C7555
- progressBar.background#1C7555
- quickInput.background#9E735F
- quickInput.foreground#eeeada
- quickInputTitle.background#9E735F
- scrollbar.shadow#fff0
- scrollbarSlider.activeBackground#1C755550
- scrollbarSlider.background#4D402E80
- selection.background#1C755540
- settings.dropdownBackground#eee1c1
- settings.dropdownBorder#1C7555
- settings.headerForeground#1C7555
- settings.modifiedItemIndicator#1C7555
- sideBar.background#e6e2cf
- sideBar.border#eee
- sideBar.foreground#9E735F
- sideBarSectionHeader.background#eee1c1
- sideBarSectionHeader.border#eeeada
- sideBarSectionHeader.foreground#9E735F
- statusBar.background#9E735F
- statusBar.border#eee
- statusBar.foreground#eee
- tab.activeBackground#eeeada
- tab.activeBorderTop#0000
- tab.activeForeground#227255
- tab.border#e6e2cf
- tab.hoverBorder#1C7555
- tab.inactiveBackground#e6e2cf
- tab.inactiveForeground#9E735F
- tab.unfocusedActiveBackground#e6e2cf
- tab.unfocusedActiveBorderTop#0000
- tab.unfocusedActiveForeground#9E735F
- tab.unfocusedInactiveBackground#e6e2cf
- tab.unfocusedInactiveForeground#9E735F
- terminal.background#eee1c1
- textBlockQuote.border#1C7555
- textLink.foreground#1C7555
- titleBar.activeBackground#eee1c1
- titleBar.border#eee
- titleBar.inactiveBackground#eee1c1
- walkThrough.embeddedEditorBackground#e6e2cf
- widget.shadow#fff0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #272B35 | italic |
| string | #3091a2 | — |
| variable | #a99649 | — |
| keyword | #9E735F | 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 | #5F5151 | normal |
| entity.other.attribute-name | #8c804d | — |
| entity.other.attribute-name.id.html | #304391 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #9A7A4E | 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 | #68257a | 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 | #533dd4 | 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 | #6D58AE | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #324 | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #272B35 | normal |
| text.aspnetcorerazor | #343026 | normal |
| keyword.control | #b59070 | normal |
| comment | #272B35 | italic |
| string | #3091a2 | — |
| variable | #a99649 | — |
| keyword | #9E735F | 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 | #5F5151 | normal |
| entity.other.attribute-name | #8c804d | — |
| entity.other.attribute-name.id.html | #304391 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #9A7A4E | 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 | #68257a | 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 | #533dd4 | 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 | #6D58AE | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #324 | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #272B35 | normal |
| text.aspnetcorerazor | #343026 | normal |
| keyword.control | #b59070 | normal |
| comment | #272B35 | italic |
| string | #3091a2 | — |
| variable | #a99649 | — |
| keyword | #9E735F | 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 | #5F5151 | normal |
| entity.other.attribute-name | #8c804d | — |
| entity.other.attribute-name.id.html | #304391 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #9A7A4E | 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 | #68257a | 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 | #533dd4 | 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 | #6D58AE | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #324 | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #272B35 | normal |
| text.aspnetcorerazor | #343026 | normal |
| keyword.control | #b59070 | normal |
| comment | #272B35 | italic |
| string | #3091a2 | — |
| variable | #a99649 | — |
| keyword | #9E735F | 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 | #5F5151 | normal |
| entity.other.attribute-name | #8c804d | — |
| entity.other.attribute-name.id.html | #304391 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #9A7A4E | 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 | #68257a | 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 | #533dd4 | 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 | #6D58AE | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #324 | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #272B35 | normal |
| text.aspnetcorerazor | #343026 | normal |
| keyword.control | #b59070 | normal |
| comment | #272B35 | italic |
| string | #3091a2 | — |
| variable | #a99649 | — |
| keyword | #9E735F | 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 | #5F5151 | normal |
| entity.other.attribute-name | #8c804d | — |
| entity.other.attribute-name.id.html | #304391 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #9A7A4E | 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 | #68257a | 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 | #533dd4 | 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 | #6D58AE | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #324 | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #272B35 | normal |
| text.aspnetcorerazor | #343026 | normal |
| keyword.control | #b59070 | normal |
| comment | #272B35 | italic |
| string | #3091a2 | — |
| variable | #a99649 | — |
| keyword | #9E735F | 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 | #5F5151 | normal |
| entity.other.attribute-name | #8c804d | — |
| entity.other.attribute-name.id.html | #304391 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #9A7A4E | 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 | #68257a | 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 | #533dd4 | 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 | #6D58AE | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #324 | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #272B35 | normal |
| text.aspnetcorerazor | #343026 | normal |
| keyword.control | #b59070 | normal |
| comment | #272B35 | italic |
| string | #3091a2 | — |
| variable | #a99649 | — |
| keyword | #9E735F | 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 | #5F5151 | normal |
| entity.other.attribute-name | #8c804d | — |
| entity.other.attribute-name.id.html | #304391 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #9A7A4E | 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 | #68257a | 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 | #533dd4 | 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 | #6D58AE | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #324 | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #272B35 | normal |
| text.aspnetcorerazor | #343026 | normal |
| keyword.control | #b59070 | normal |
| comment | #272B35 | italic |
| string | #3091a2 | — |
| variable | #a99649 | — |
| keyword | #9E735F | 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 | #5F5151 | normal |
| entity.other.attribute-name | #8c804d | — |
| entity.other.attribute-name.id.html | #304391 | — |
| punctuation.definition.tag.html | #1E9248 | — |
| meta.tag.sgml.doctype.html | #9A7A4E | 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 | #68257a | 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 | #533dd4 | 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 | #6D58AE | normal |
| meta.structure.razor.csharp.codeblock, meta.structure.razor.directive.codeblock | #324 | normal |
| meta.comment.razor, keyword.control.razor.comment.star | #272B35 | normal |
| text.aspnetcorerazor | #343026 | normal |
| keyword.control | #b59070 | normal |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...