Sandy Light Theme
Publisher: BruinsFan77Themes in package: 1
"Sand" colored theme based on Hop Light.
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.
- editor.background#e3d5c1
- editor.foreground#0d0d0d
- editor.lineHighlightBackground#e3d5c1
- editor.lineHighlightBorder#e4e4e4
- editor.selectionBackground#c2e8f4
- editorBracketMatch.background#cdcaae
- editorBracketMatch.border#b4b4b4
- editorCursor.foreground#00bbec
- editorGutter.background#edcfa3
- editorIndentGuide.background#c0c0c0
- editorLineNumber.foreground#a68a4a
- editorRuler.foreground#e6e6e6
- editorWhitespace.foreground#a9a9a9
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #0D0D0D | — |
| comment | #800080 | — |
| keyword.operator | #0000cd | bold |
| string | #008b8b | italic |
| constant.numeric | #4169e1 | italic |
| support.constant, constant.language | #700808 | italic |
| variable.other.constant.property, constant.character, constant.other | #398BC9 | bold |
| variable | #333333 | — |
| variable.language.this | #398bc9 | — |
| keyword | #840404 | — |
| storage | #800c0c | italic |
| storage.type | #2b91af | |
| storage.type.class.jsdoc | #8a8a8a | — |
| entity.name.class | #82776c | — |
| comment.entity.name.class | #8c7c76 | — |
| variable.other.jsdoc | #8a8a8a | — |
| comment.block.documentation | — | — |
| entity.other.inherited-class | #CB4718 | — |
| entity.name.function | #08088b | — |
| comment.entity.name.function | #6c7b65 | — |
| variable.parameter | #398bc9 | — |
| support.function | #398BC9 | — |
| support.constant | #398BC9 | — |
| support.class | #4e94ce | — |
| support.type | #3F831E | — |
| support.other.variable | #CB4718 | — |
| invalid | #FF5722 | — |
| invalid.deprecated | #FF8A65 | — |
| markup.heading | #CB4718 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end, entity.name.tag | #840404 | — |
| entity.other.attribute-name | #C00808 | — |
| string.quoted.single.html, string.quoted.double.html, string.html | #008b8b | italic |
| meta.selector.css, entity.other.attribute-name.id | #AF33A6 | — |
| storage.modifier.ts | #C07F00 | — |
| cast.expr.ts | #398BC9 | — |
| token.info-token | #316bcd | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #cd3131 | — |
| token.debug-token | #800080 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...