Voir
Publisher: PierreCapoThemes in package: 1
Voir color scheme
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.background#011627
- activityBarBadge.background#189edc
- editor.background#050523
- editor.foreground#eeffff
- editorGroupHeader.noTabsBackground#011627
- editorGroupHeader.tabsBackground#011627
- editorSuggestWidget.background#000030
- editorSuggestWidget.foreground#249ef5
- editorSuggestWidget.highlightForeground#f5e447
- editorSuggestWidget.selectedBackground#202080
- gitDecoration.conflictingResourceForeground#b871d0
- gitDecoration.deletedResourceForeground#e17096
- gitDecoration.ignoredResourceForeground#777fabaa
- gitDecoration.modifiedResourceForeground#249ef5
- gitDecoration.untrackedResourceForeground#3dc7b9
- input.background#0b253a
- list.hoverBackground#ffffff05
- list.hoverForeground#ffffffee
- sideBar.background#050523
- sideBarSectionHeader.background#011627
- sideBarTitle.foreground#bbbbbb
- tab.inactiveBackground#011627
- titleBar.activeBackground#050523
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#050523
- titleBar.inactiveForeground#56566b
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.other.attribute-name.tsx, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, entity.other.attribute-name.ts, punctuation.section.embedded.begin.ts, punctuation.section.embedded.end.ts, JSXAttrs, keyword.control.trycatch.js, meta.method-call.with-arguments.js, keyword.operator.logical.js | #e17096 | — |
| meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx | #fff | — |
| support.class.component.tsx, punctuation.definition.tag.begin, punctuation.definition.tag.end.tsx, string.template.tsx, support.class.component.ts, punctuation.definition.tag.end, string.template.ts, meta.tag.jsx, JSXEndTagStart, JSXStartTagEnd, string.template.js, entity.name.class | #f5e447 | — |
| source.css.scss | #eed7c4 | — |
| string, string.quoted.single.tsx, constant.numeric.decimal.tsx, string.quoted.double.tsx, string.quoted.single.ts, constant.numeric.decimal.ts, string.quoted.double.ts, string.quoted.double.json, string.quoted.module.js, constant.numeric.js, string.quoted.double.js, support.constant.property-value.css, constant.numeric.css, constant.length.units.css | #29d4ff | — |
| variable.other.readwrite.alias.tsx, meta.object-literal.key.tsx, punctuation.definition.block.tsx, string.unquoted.js, meta.definition.property.tsx, keyword.operator.type.annotation.tsx, keyword.operator.optional.tsx, variable.other.readwrite.tsx, variable.other.property.tsx, variable.other.readwrite.alias.ts, meta.object-literal.key.ts, punctuation.definition.block.ts, variable.other.object, meta.definition.property.ts, keyword.operator.type.annotation.ts, keyword.operator.optional.ts, variable.other.readwrite.ts, variable.other.property.ts, punctuation.definition.dictionary.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, punctuation.definition.dictionary.begin.json, variable.other.property.js, variable.other.readwrite.js, meta.brace.curly.js, punctuation.type.flowtype, meta.brace.curly.litobj.js, punctuation.separator.key-value.js, variable.other.constant.js, variable.other.object.property.ts, variable.other.readwrite.shorthandpropertyname.js, storage.type.function.js, variable.other.property.static.js, storage.modifier.import.java, variable.other.property.static.js, variable.other.definition, variable.other, kewyword.operator.intersection.flowtype | #3dc7b9 | — |
| constant.language.json, keyword.operator.assignment.tsx, keyword.control.default.tsx, keyword.operator.ternary.tsx, storage.type.interface.tsx, keyword.operator.arithmetic.tsx, constant.language.boolean, keyword.operator.logical.tsx, constant.language.null.tsx, punctuation.definition.template-expression.begin.tsx, punctuation.definition.template-expression.end.tsx, keyword.operator.assignment.ts, keyword.control.default.ts, keyword.operator.ternary.ts, storage.type.interface.ts, keyword.operator.arithmetic.ts, keyword.operator.logical.ts, constant.language.null.ts, meta.type.declaration, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, storage.type, keyword.other.typedef.flowtype, storage.type.class.js, storage.type.extends.js, keyword.operator.assignment.js, constant.language.null, keyword.operator.ternary.js, entity.quasi.element.js, constant.language.undefined, keyword.control.switch.js, keyword.control.conditional.js, keyword.control.switch.ts, keyword.control.conditional.ts, keyword.control.switch.tsx, keyword.control.conditional.tsx, keyword.control.loop.js, storage.type.annotation.java, meta.class | #b871d0 | — |
| keyword.control.from.tsx, keyword.control.export.tsx, keyword.control.flow.tsx, keyword.control.import, keyword.control.from.ts, keyword.control.export.ts, keyword.control.flow.ts, keyword.control.module.js, keyword.control.flow.js, variable.language.this.js, keyword.operator.new, keyword.control.new.java, support.class.builtin.js, keyword.control.module.reference.js, storage.modifier.js, keyword.operator.typeof.js, keyword.other.import.java, keyword.control.java, keyword.other.declare.flowtype | #b871d0 | italic |
| constant.numeric.json, meta.arrow.tsx, meta.brace.square.tsx, punctuation.terminator.statement.tsx, variable.other.constant.tsx, variable.parameter.tsx, meta.arrow.ts, meta.brace.square.ts, punctuation.terminator.statement.ts, variable.other.constant.ts, variable.parameter.ts, variable.other.class.js, entity.name.class.js, meta.brace.round.js, storage.type.function.arrow.js, punctuation.terminator.statement.js, meta.brace.square.js, meta.delimiter.comma.js, keyword.operator.accessor.js, entity.name.type.instance.js, entity.name.type.class, entity.other.inherited-class | #249ef5 | — |
| entity.name.function, meta.brace.round.tsx, entity.name.function.tagged-template.tsx, meta.brace.round.ts, entity.name.function.tagged-template.ts, entity.name.function.method.js | #249ef5 | italic |
| comment | #546e7a | — |
| entity.name.type, support.type.property-name.json, entity.name.type.tsx, entity.name.type.module.tsx, entity.name.type.interface.tsx, support.type.primitive.tsx, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx, meta.type.annotation.tsx, entity.name.type.alias.tsx, entity.name.type.ts, entity.name.type.module.ts, entity.name.type.interface.ts, support.type.primitive.ts, punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, meta.type.annotation.ts, entity.name.type.alias.ts, support.type.class.flowtype, support.type.builtin.class.flowtype, keyword.operator.maybe.flowtype, punctuation.flowtype, support.type.builtin.primitive.flowtype, meta.object.flowtype, keyword.operator.optional.parameter.flowtype, storage.type.generic.java, punctuation.bracket.angle.java | #FF9800 | — |