Expo Theme
Publisher: ExpoThemes in package: 2
Expo-inspired editor and syntax theme.
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.activeBackground#e0e1e6
- activityBar.background#f9f9fb
- activityBar.border#d9d9e0
- activityBar.foreground#60646c
- activityBarBadge.background#0090ff
- badge.background#205d9e
- badge.foreground#ffffff
- breadcrumb.background#fcfcfd
- button.background#0588f0
- editor.background#ffffff
- editor.border#ffffff
- editor.selectionBackground#cdced6
- editor.selectionHighlightBackground#cdced6
- editor.wordHighlightBackground#cdced6
- editorBracketHighlight.foreground1#8b8d98
- editorBracketHighlight.foreground2#8b8d98
- editorBracketHighlight.foreground3#8b8d98
- editorBracketHighlight.foreground4#8b8d98
- editorBracketHighlight.foreground5#8b8d98
- editorBracketHighlight.foreground6#8b8d98
- editorBracketHighlight.unexpectedBracket.foreground#8b8d98
- editorGroup.border#d9d9e0
- editorGroupHeader.border#f0f0f3
- editorGroupHeader.tabsBackground#f0f0f3
- editorGutter.foldingControlForeground#80838d
- editorLineNumber.foreground#8b8d98
- editorWidget.background#ffffff
- focusBorder#00000000
- input.background#f0f0f3
- inputOption.activeBackground#e6f4fe
- inputOption.activeForeground#0d74ce
- list.activeSelectionBackground#e0e1e6
- list.activeSelectionBorder#00000000
- list.activeSelectionForeground#1c2024
- list.focusBackground#e0e1e6
- list.focusOutline#00000000
- list.hoverBackground#e8e8ec
- list.inactiveSelectionBackground#f0f0f3
- menu.background#ffffff
- menu.border#e8e8ec
- menu.separatorBackground#e8e8ec
- panel.background#fcfcfd
- panel.border#d9d9e0
- panelTitle.activeBorder#0588f0
- peekView.border#cdced6
- peekViewEditor.background#f9f9fb
- peekViewResult.background#ffffff
- peekViewResult.lineForeground#80838d
- peekViewResult.matchHighlightBackground#d5efff
- peekViewResult.selectionBackground#e0e1e6
- peekViewTitleDescription.foreground#80838d
- pickerGroup.border#d9d9e0
- pickerGroup.foreground#80838d
- sash.hoverBorder#d9d9e0
- scrollbarSlider.activeBackground#cdced6
- scrollbarSlider.background#e8e8ec
- scrollbarSlider.hoverBackground#e0e1e6
- separator.border#d9d9e0
- settings.checkboxBackground#ffffff
- settings.checkboxBorder#d9d9e0
- settings.dropdownBackground#ffffff
- settings.dropdownBorder#d9d9e0
- settings.modifiedItemIndicator#0588f0
- settings.numberInputBackground#ffffff
- settings.numberInputBorder#d9d9e0
- settings.sashBorder#d9d9e0
- settings.textInputBackground#ffffff
- settings.textInputBorder#d9d9e0
- sideBar.background#fcfcfd
- sideBar.border#d9d9e0
- sideBar.foreground#60646c
- sideBarSectionHeader.background#fcfcfd
- sideBarSectionHeader.border#ffffff
- sideBarTitle.foreground#80838d
- statusBar.background#fcfcfd
- statusBar.border#cdced6
- statusBar.debuggingBackground#ec9455
- statusBar.debuggingBorder#ec9455
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#60646c
- statusBar.noFolderBackground#be93e4
- statusBar.noFolderBorder#be93e4
- statusBar.noFolderForeground#ffffff
- statusBarItem.remoteBackground#0588f0
- tab.activeBackground#fcfcfd
- tab.border#e8e8ec
- tab.inactiveBackground#f0f0f3
- titleBar.activeBackground#f0f0f3
- titleBar.border#d9d9e0
- titleBar.inactiveBackground#f0f0f3
- tree.indentGuidesStroke#d9d9e0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment.line | #80838d | — |
| comment.block | #80838d | — |
| constant.numeric | #ab6400 | — |
| constant.language | #cf3897 | — |
| constant.other.variable | #2b9a66 | — |
| editorBracketMatch.border | #8b8d98 | — |
| entity.name.tag | #f76b15 | — |
| entity.name.type | #2b9a66 | — |
| entity.name.type.class | #0588f0 | — |
| entity.name.type.module | #0588f0 | — |
| entity.other | #0588f0 | — |
| entity.other.attribute-name | #dc3e42 | — |
| entity.scope.name | #0588f0 | — |
| keyword.control | #8145b5 | — |
| keyword.control.flow | #cf3897 | — |
| keyword.control.new | #e5484d | — |
| keyword.other | #cf3897 | — |
| keyword.operator | #80838d | — |
| keyword.operator.assignment | #8b8d98 | — |
| keyword.operator.expression | #f76b15 | — |
| keyword.operator.logical | #80838d | — |
| keyword.operator.rest | #8b8d98 | — |
| keyword.operator.spread | #8b8d98 | — |
| keyword.operator.type.annotation | #8b8d98 | — |
| keyword.operator.ternary | #80838d | — |
| keyword.operator.new | #e5484d | — |
| meta.brace | #8b8d98 | — |
| meta.definition.variable | #1c2024 | — |
| meta.definition.function | #0588f0 | — |
| meta.definition.method | #0588f0 | — |
| meta.definition.property | #0588f0 | — |
| meta.function-call | #8145b5 | — |
| meta.import | #1c2024 | — |
| meta.object-literal.key | #1c2024 | — |
| punctuation.accessor | #8b8d98 | — |
| punctuation.bracket | #8b8d98 | — |
| punctuation.definition | #8b8d98 | — |
| punctuation.definition.annotation | #ab6400 | — |
| punctuation.definition.block | #8b8d98 | — |
| punctuation.definition.parameters | #8b8d98 | — |
| punctuation.definition.string | #8b8d98 | — |
| punctuation.section | #8b8d98 | — |
| punctuation.separator | #8b8d98 | — |
| punctuation.separator.dot-access | #8b8d98 | — |
| punctuation.terminator.statement | #8b8d98 | — |
| storage.modifier | #dc3e42 | — |
| storage.modifier.import | #60646c | — |
| storage.type | #cf3897 | — |
| storage.type.annotation | #ab6400 | — |
| storage.type.generic | #0588f0 | — |
| storage.type.function.arrow | #8b8d98 | — |
| string.quoted | #C07F00 | — |
| string.template | #C07F00 | — |
| support.type.primitive | #f76b15 | — |
| support.type.property-name | #f76b15 | — |
| support.type.builtin | #cf3897 | — |
| variable.object.property | #1c2024 | — |
| variable.other | #1c2024 | — |
| variable.other.constant | #0588f0 | — |
| variable.other.macro.argument | #cf3897 | — |
| variable.parameter.probably | #0588f0 | — |
| variable.language | #cf3897 | — |
| source.java entity.name.function | #3b9eff | — |
| source.java keyword.control.new | #dc3e42 | — |
| source.java storage.modifier | #f76b15 | — |
| source.java storage.modifier.extends | #cf3897 | — |
| source.java storage.modifier.implements | #cf3897 | — |
| source.java storage.type | #2b9a66 | — |
| source.java storage.type.primitive | #cf3897 | — |
| source.java storage.type.generic | #2b9a66 | — |
| source.java punctuation.terminator | #80838d | — |
| source.kotlin keyword.control.new | #dc3e42 | — |
| source.kotlin storage.modifier | #f76b15 | — |
| source.kotlin variable.parameter.function | #ab6400 | — |
| source.kotlin entity.other.inherited-class | #8145b5 | — |
| source.kotlin punctuation.seperator | #80838d | — |
| text.html.markdown fenced_code.block.language | #8145b5 | — |
| text.html.markdown markup.bold | #cf3897 | — |
| text.html.markdown markup.italic | #2b9a66 | — |
| text.html.markdown markup.strikethrough | #dc3e42 | — |
| text.html.markdown markup.inline.raw.string | #ab6400 | — |
| text.html.markdown markup.underline.link | #0588f0 | — |
| text.html.markdown meta.paragraph | #1c2024 | — |
| text.html.markdown punctuation.definition.heading.markdown | #0588f0 | — |
| text.html.markdown string.other.link.title | #2b9a66 | — |
| text.html.markdown meta.separator | #80838d | — |
| source.mdx meta.paragraph | #1c2024 | — |
| source.mdx punctuation.definition.heading | #0588f0 | — |
| source.mdx string.other.begin.code.fenced | #80838d | — |
| source.mdx string.other.end.code.fenced | #80838d | — |
| source.mdx variable.ordered.list | #80838d | — |
| source.mdx variable.unordered.list | #80838d | — |
| source.mdx markup.code | #8145b5 | — |
| source.mdx string.other.number | #80838d | — |
| source.mdx meta.separator | #80838d | — |
| source.mdx support.class.component | #f76b15 | — |
| source.objc entity.name.function | #0588f0 | — |
| source.objc entity.name.function.preprocessor | #f76b15 | — |
| source.objc keyword.other.property.attribute | #f76b15 | — |
| source.objc meta.bracketed | #cf3897 | — |
| source.objc meta.function-call | #1c2024 | — |
| source.objc storage.type | #dc3e42 | — |
| source.objc support.class.cocoa | #2b9a66 | — |
| source.objc support.other.protocol | #f76b15 | — |
| source.ruby constant.other.symbol.hashkey | #2b9a66 | — |
| source.ruby entity.name.function | #0588f0 | — |
| source.ruby support.class | #f76b15 | — |
| source.ruby variable.parameter.function | #2b9a66 | — |
| source.shell entity.name.command | #0588f0 | — |
| source.shell support.function.builtin | #cf3897 | — |
| source.swift entity.name.type | #0588f0 | — |
| source.swift support.function.any-method | #0588f0 | — |
| source.swift keyword.control.new | #dc3e42 | — |
| source.swift meta.parameter-clause | #2b9a66 | — |
| source.swift meta.function-call | #1c2024 | — |
| source.swift entity.name.function | #0588f0 | — |
| source.swift meta.definition.function.body | #1c2024 | — |
| source.swift meta.definition.type.body | #1c2024 | — |
| source.swift meta.inheritance-clause | #f76b15 | — |
| source.swift punctuation.definition.attribute | #f76b15 | — |
| source.swift storage.modifier | #f76b15 | — |
| source.swift support.type | #2b9a66 | — |
| source.swift support.function | #8145b5 | — |
| source.swift variable.parameter.function | #ab6400 | — |
| source.ts punctuation.definition.block.tag.jsdoc | #f76b15 | — |
| source.ts storage.type.class.jsdoc | #f76b15 | — |
| source.tsx punctuation.definition.block.tag.jsdoc | #f76b15 | — |
| source.tsx storage.type.class.jsdoc | #f76b15 | — |
| text.xml entity.other.attribute-name.localname | #0588f0 | — |
| source.gdscript constant.language | #f76b15 | — |
| source.gdscript entity.name.function | #0588f0 | — |
| source.gdscript entity.name.type.class | #dc3e42 | — |
| source.gdscript entity.other.inherited-class | #dc3e42 | — |
| source.gdscript keyword.language | #cf3897 | — |
| source.gdscript keyword.control | #cf3897 | — |
| source.gdscript support.function | #0588f0 | — |
| source.gdscript variable.parameter.function | #2b9a66 | — |
| source.dart entity.name.function | #0588f0 | — |
| source.dart keyword.declaration | #cf3897 | — |
| source.dart punctuation | #80838d | — |
| source.dart other.source | #80838d | — |
| source.dart string.interpolated | #ab6400 | — |
| source.dart string.quoted | #ab6400 | — |
| source.dart string.template | #ab6400 | — |
| source.dart support.class.dart | #f76b15 | — |
| source.dart variable.parameter | #f76b15 | — |
| source.dart storage.modifier | #cf3897 | — |
| source.dart storage.type.annotation | #dc3e42 | — |
| source.dart meta.embedded.expression | #f76b15 | — |
| source.cs keyword.type.string | #f76b15 | — |
| source.cs keyword.type.void | #cf3897 | — |
| source.cs entity.name.function | #0588f0 | — |
| source.cs variable.other.object.property | #8145b5 | — |
| source.cs punctuation | #80838d | — |
| source.diff meta.diff.header | #0588f0 | — |
| source.diff meta.diff.header.from-file | #ce2c31 | — |
| source.diff meta.diff.header.from-file punctuation.definition | #eb8e90 | — |
| source.diff meta.diff.header.to-file | #218358 | — |
| source.diff meta.diff.header.to-file punctuation.definition | #5bb98b | — |
| source.diff meta.diff.range | #8145b5 | — |
| source.diff markup.inserted.diff | #218358 | — |
| source.diff markup.deleted.diff | #ce2c31 | — |
| source.diff punctuation.definition.inserted.diff | #5bb98b | — |
| source.diff punctuation.definition.deleted.diff | #eb8e90 | — |
| source.diff punctuation.definition.range.diff | #be93e4 | — |
| source.rust entity.name.function | #0588f0 | — |
| source.rust keyword.control.flow | #cf3897 | — |
| source.rust entity.name.namespace | #f76b15 | — |
| source.rust meta.attribute.rust | #dc3e42 | — |
| source.rust punctuation | #80838d | — |
| source.zig entity.name.function | #0588f0 | — |
| source.zig keyword.control.flow | #cf3897 | — |
| source.zig keyword.default | #cf3897 | — |
| source.zig keyword.structure | #cf3897 | — |
| source.zig keyword.storage | #8145b5 | — |
| source.zig keyword.type | #8145b5 | — |
| source.zig keyword.type.c | #2b9a66 | — |
| source.zig support.function.builtin.zig | #f76b15 | — |
| source.zig punctuation | #80838d | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...