Aperture
Publisher: Fatih KalifaThemes in package: 2
Color theme for VSCode to help you focus
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.background#FBFBFB
- activityBar.foreground#5d585d
- activityBar.inactiveForeground#a8a8a8
- activityBarBadge.background#0091cd
- badge.background#0091cd
- badge.foreground#f2f7f2
- descriptionForeground#3d383d
- dropdown.background#ebebe7
- editor.background#FBFBFB
- editor.foreground#3d383d
- editorGutter.addedBackground#C3E88D
- editorGutter.deletedBackground#E75A7C
- editorGutter.modifiedBackground#F8DDA4
- editorLineNumber.activeForeground#3d383d
- editorLineNumber.foreground#575757
- focusBorder#ebebe7
- foreground#3d383d
- input.background#ebebe7
- input.border#343438
- input.foreground#3d383d
- list.activeSelectionBackground#9BE2FF
- list.activeSelectionForeground#38383d
- list.focusBackground#9BE2FF66
- list.foreground#38383d
- list.hoverBackground#ebebeb
- panel.background#ebebe7
- sideBar.background#FBFBFB
- sideBar.border#e0e0e7
- sideBar.foreground#3d383d
- sideBarSectionHeader.background#ebebeb
- sideBarTitle.foreground#38383d
- statusBar.background#ebebe7
- statusBar.foreground#38383d
- tab.activeBackground#FBFBFB
- tab.inactiveBackground#EBEBEB
- tab.inactiveForeground#696969
- titleBar.activeBackground#ebebe7
- widget.shadow#ebebe7
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, meta.block variable.other, string constant.other.placeholder, support.variable.object.node, entity.other.attribute-name.class, source.css variable.interpolation variable, punctuation.accessor, punctuation.definition.dictionary, punctuation.definition.array | #3d383d | — |
| comment, punctuation.definition.comment | #a8a8a8 | italic |
| constant.other.color, punctuation, meta.tag, punctuation.separator.inheritance.php, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.function.expression, meta.brace | #c8c8c8 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, support.type.primitive, support.type.builtin, source.css variable, constant.character.entity punctuation, storage.type.core.rust | #e27907 | — |
| string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, punctuation.definition.string, meta.jsx.children, entity.name.import, string.regexp, string.regexp punctuation | #689b1f | — |
| keyword, keyword.control, storage.type, storage.modifier, entity.name.tag.reference, entity.other.attribute-name, entity.other.attribute-name punctuation, keyword.control.at-rule.media punctuation, meta.assertion, keyword.other, entity.name.lifetime.rust | #ad60df | — |
| support.type.object.module, support.class.builtin, support.class.console, support.class.node, support.constant.math, support.constant.json, support.variable, support.function.builtin | #815195 | — |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, entity.other.inherited-class, support.type.sys-types, variable.language, storage.class | #d21e49 | — |
| entity.name.function, meta.function-call, variable.function, keyword.other.special-method, support.function | #0091cd | — |
| entity.name.tag, support.class.component, punctuation.definition.tag, meta.tag.sgml, markup.deleted.git_gutter | #ab2e2e | — |
| meta.array.literal meta.brace.square, meta.objectliteral punctuation.definition.block | #6d686d | — |
| meta.object-literal.key, meta.object-literal.key string, meta.object-literal.key punctuation.definition.string, meta.type.tuple punctuation.definition.string, meta.type.tuple string, meta.tag.attributes entity.other.attribute-name, meta.tag, meta.attribute entity.other.attribute-name, variable.object.property, meta.embedded.block.frontmatter entity.name.tag.yaml, support.type.property-name | #bf860e | — |
| *url*, *link*, *uri* | — | underline |
| text.html.markdown punctuation | #343438 | — |
| punctuation.definition.heading, markup.heading punctuation, markup.heading entity.name | #8c1431 | — |
| markup.bold, punctuation.definition.bold | #7923b1 | bold |
| markup.italic, punctuation.definition.italic | #7923b1 | italic |
| markup.inline.raw, punctuation.definition.raw | #7923b1 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...