Beryl
Publisher: Akshay GaneshenThemes in package: 1
VS Code colour scheme based on material colours.
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#424242
- activityBar.activeFocusBorder#EEEEEE
- activityBar.background#212121
- activityBar.foreground#FAFAFA
- activityBar.inactiveForeground#F5F5F5
- activityBarBadge.background#EEEEEE
- activityBarBadge.foreground#424242
- button.background#424242
- button.border#424242
- button.foreground#FAFAFA
- button.hoverBackground#616161
- button.secondaryBackground#212121
- button.secondaryForeground#FAFAFA
- button.secondaryHoverBackground#616161
- checkbox.background#424242
- checkbox.border#F5F5F5
- checkbox.foreground#FAFAFA
- descriptionForeground#FAFAFA
- disabledForeground#F5F5F5
- editor.background#212121
- editor.foldBackground#75757510
- editor.foreground#FAFAFA
- editor.lineHighlightBackground#424242
- editor.selectionBackground#616161AA
- editor.selectionHighlightBorder#FAFAFA48
- editorBracketHighlight.foreground1#FF5252
- editorBracketHighlight.foreground2#FF6E40
- editorBracketHighlight.foreground3#FFFF00
- editorBracketHighlight.foreground4#B2FF59
- editorBracketHighlight.foreground5#64FFDA
- editorBracketHighlight.foreground6#448AFF
- editorBracketMatch.border#F5F5F580
- editorCursor.foreground#EEEEEE
- editorGutter.addedBackground#66BB6A
- editorGutter.commentRangeForeground#AB47BC
- editorGutter.deletedBackground#EF5350
- editorGutter.modifiedBackground#29B6F6
- editorIndentGuide.activeBackground#9E9E9E
- editorIndentGuide.background#424242
- editorLightBulb.foreground#FFC400
- editorLightBulbAutoFix.foreground#FFC400
- editorLineNumber.activeForeground#E0E0E0
- editorLineNumber.foreground#757575
- editorRuler.foreground#9E9E9E
- errorForeground#FF1744
- focusBorder#EEEEEE
- foreground#FAFAFA
- icon.foreground#FAFAFA
- minimap.background#212121
- minimap.errorHighlight#FF174480
- minimap.findMatchHighlight#FAFAFA80
- minimap.selectionHighlight#F5F5F580
- minimap.selectionOccurrenceHighlight#F5F5F580
- minimap.warningHighlight#FFC40080
- sash.hoverBorder#F5F5F5
- selection.background#616161
- sideBar.background#212121
- sideBar.dropBackground#21212180
- sideBar.foreground#FAFAFA
- sideBarSectionHeader.background#424242
- sideBarSectionHeader.foreground#FAFAFA
- sideBarTitle.foreground#FAFAFA
- statusBar.background#212121
- statusBar.debuggingBackground#757575
- statusBar.noFolderBackground#212121
- toolbar.activeBackground#424242
- toolbar.hoverBackground#424242
- toolbar.hoverOutline#616161
- widget.shadow#616161
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #757575 | italic |
| meta.definition.variable | #FFA726 | — |
| constant.other.color | #FAFAFA | — |
| invalid, invalid.illegal | #EF5350 | — |
| keyword | #FF5252 | — |
| storage.modifier | #FF7043 | — |
| storage.type, keyword.interface, keyword.struct, keyword.function, keyword.type, keyword.var | #42A5F5 | — |
| keyword.control, punctuation - punctuation.other, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #FF5252 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #FF7043 | — |
| entity.name.function, variable.function, support.function, keyword.other.special-method | #00C853 | — |
| support.other.variable, string.other.link | #F5F5F5 | — |
| constant.numeric | #FFC107 | — |
| constant.language, support.constant, constant.character, constant.escape | #AB47BC | — |
| variable.parameter | #FFA726 | italic |
| keyword.other.unit, keyword.other | #FF5252 | — |
| string, string.quoted, string.quoted punctuation, entity.name.import | #00C853 | — |
| string.template, string.template punctuation | #BDBDBD | — |
| constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #EF5350 | — |
| entity.name - entity.name.package, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #66BB6A | — |
| support.type | #FFC107 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #42A5F5 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #00C853 | — |
| variable.language | #FFA726 | italic |
| support.function.builtin | #66BB6A | — |
| entity.name.method.js, entity.name.method.jsx, entity.name.method.ts, entity.name.method.tsx, meta.class-method.js entity.name.function.js, meta.class-method.jsx entity.name.function.jsx, meta.class-method.ts entity.name.function.ts, meta.class-method.tsx entity.name.function.tsx, variable.function.constructor | #42A5F5 | italic |
| entity.other.attribute-name | #66BB6A | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #66BB6A | italic |
| entity.other.attribute-name.class, entity.other.attribute-name.class punctuation | #66BB6A | — |
| source.sass keyword.control, entity.other.attribute-name.id, entity.other.attribute-name.id punctuation | #FFAB40 | — |
| meta.diff, meta.diff.header | #F5F5F5 | italic |
| meta.diff.range | #AB47BC | italic |
| markup.ignored | #757575 | italic |
| markup.untracked | #9E9E9E | italic |
| markup.inserted | #66BB6A | — |
| markup.deleted | #EF5350 | — |
| markup.changed | #29B6F6 | — |
| string.regexp, string.regexp punctuation | #FFAB40 | — |
| constant.character.escape | #E040FB | — |
| string constant.other.placeholder | #E040FB | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #42A5F5 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json support.type.property-name.json punctuation | #EF5350 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation | #FF7043 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation | #FFEE58 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation | #9CCC65 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation | #26A69A | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation | #42A5F5 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation | #5C6BC0 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation | #AB47BC | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation | #EC407A | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #FAFAFA | — |
| text.html.markdown markup.inline.raw.markdown, text.html.markdown markup.inline.raw.string.markdown, text.html.markdown markup.inline.raw.markdown punctuation, text.html.markdown markup.inline.raw.string.markdown punctuation | #FF6E40 | — |
| markdown.heading, markup.heading, markup.heading | markup.heading entity.name | #00C853 | — |
| markup.heading.markdown punctuation.definition.heading.markdown | #EF5350 | — |
| markup.heading heading.1.markdown | #EF5350 | — |
| markup.heading heading.2.markdown | #FFA726 | — |
| markup.heading heading.3.markdown | #26A69A | — |
| markup.heading heading.4.markdown | #5C6BC0 | — |
| markup.italic | — | italic |
| markup.bold, markup.bold string | — | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | — | italic bold |
| markup.underline | — | underline |
| markup.quote punctuation.definition.blockquote.markdown, markup.quote punctuation.definition.quote.begin.markdown | #757575 | — |
| markup.quote meta.paragraph | — | italic |
| string.other.link.title.markdown, meta.link.inline.markdown punctuation.definition.link.title, meta.link.reference.markdown punctuation.definition.link.title | #E040FB | — |
| string.other.link.description.title.markdown, meta.link.inline.markdown punctuation.definition.metadata | #F5F5F5 | — |
| constant.other.reference.link.markdown, meta.link.reference.markdown punctuation.definition.constant | #66BB6A | — |
| markup.raw.block, markup.fenced_code.block.markdown punctuation.definition.markdown, markup.fenced_code.block.markdown punctuation.definition.fenced.markdown, markup.fenced_code.block.markdown fenced_code.block.language.markdown | #E040FB | — |
| meta.separator, markup.list punctuation | #757575 | — |
| markup.table | #757575 | — |
| markup.bold punctuation.definition, markup.italic punctuation.definition, markup.strikethrough punctuation.definition | #EEEEEE | — |