f-enjoy Theme
Publisher: feafarotThemes in package: 1
Beautiful and soft dark VS Code theme. Target languages are TypeScript, JavaScript, CSS/Less, HTML, SQL.
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#2e2e2e
- editor.foreground#dedede
- editor.lineHighlightBackground#252526
- editor.selectionBackground#2f5263f0
- editorCursor.foreground#dedede
- editorWhitespace.foreground#3b3a32
- peekViewEditor.background#292929
- peekViewEditor.matchHighlightBackground#1b3f4b
- peekViewResult.background#252526
- peekViewResult.matchHighlightBackground#142f38
- peekViewTitle.background#252526
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line.triple-slash.directive.ts | #8A8A8A | — |
| string | #FDFF89 | — |
| constant.numeric | #FDFF89 | — |
| constant.language | #5EA4E4 | — |
| constant.character, constant.other | #FFBF5B | — |
| variable | — | |
| keyword, storage.modifier, storage.modifier.tsx, support.type.primitive, variable.language.super, keyword.operator.new, variable.language.this, storage.modifier.async, variable.language.super | #5EA4E4 | — |
| storage | — | |
| storage.type, storage.modifier.js | #5EA4E4 | — |
| storage.type.cs, entity.name.class, entity.name.type.class, entity.name.type, inherited-class.js, entity.other.inherited-class | #1CB7E3 | — |
| entity.name.type.namespace | #DEDEDE | — |
| entity.other.inherited-class | — | — |
| entity.name.function | — | |
| variable.parameter | — | — |
| entity.name.tag | #5EA4E4 | |
| entity.other.attribute-name | — | |
| support.function | — | |
| support.constant | — | |
| support.type, support.class, inherited-class.js | #1CB7E3 | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| keyword.operator, storage.type.function.arrow.ts, punctuation, meta.brace | #8F8F8F | — |
| keyword.operator.expression | #5EA4E4 | — |
| string.quoted.double.html, string.quoted.single.html | #1CB7E3 | — |
| meta.selector.css, entity.name.tag.css, entity.other.attribute-name.class.css | #D52A66 | — |
| entity.other.attribute-name.pseudo-class.css | #BD2258 | — |
| keyword.other.unit.css, constant.other.rgb-value.css | #D1E26A | — |
| entity.other.attribute-name.class.mixin.css | #AD2D58 | — |
| meta.property-list.css entity.other.attribute-name.class.mixin.css | — | italic |
| cast.expr.ts | — | — |
| storage.type.function.arrow.ts | — | — |
| entity.name.type.module.ts | #A6E0BD | — |
| constant.character.entity.html | #D52A66 | — |
| support.type.property-name.json | #DEDEDE | — |
| punctuation.decorator.ts | #238AAD | — |
| meta.decorator entity.name.function | #2096BD | — |
| entity.other.inherited-class.js | #1CB7E3 | — |
| storage.modifier.async | #5EA4E4 | — |
| meta.template.expression | #DEDEDE | — |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.interpolation punctuation.definition.interpolation, meta.interpolation punctuation.definition.interpolation punctuation | #5c768e | — |
| meta.type.parameters entity.name.type | #1CB7E3 | — |
| meta.block meta.type.parameters entity.name.type, meta.type.annotation meta.type.parameters entity.name.type | #1CB7E3 | — |
| keyword.operator.comparison, keyword.operator.logical | #DEDEDE | — |
| punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx | #5c768e | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| constant.language.import-export-all | #AD2D58 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...