VXCode Theme Modern
Publisher: renato3xThemes in package: 1
A VSCode theme based on XCode
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.activeBorder#e84f8f
- activityBar.activeFocusBorder#e84f8f
- activityBar.background#18191a
- activityBar.border#333333
- activityBar.foreground#ffffff
- activityBarBadge.background#e84f8f
- activityBarBadge.foreground#ffffff
- badge.background#e84f8f
- badge.foreground#ffffff
- button.background#555555
- button.foreground#fcfbfc
- button.hoverBackground#666666
- dropdown.background#18191a
- dropdown.border#333333
- editor.background#1c1d1e
- editor.foreground#ffffffd8
- editor.lineHighlightBackground#00000000
- editor.selectionBackground#4c566a
- editorGroup.border#404040
- editorGroupHeader.tabsBackground#18191a
- editorGroupHeader.tabsBorder#404040
- panel.background#18191a
- panel.border#404040
- sideBar.background#18191a
- sideBar.border#404040
- sideBar.foreground#eaf0f6
- sideBarSectionHeader.background#18191a
- sideBarSectionHeader.border#404040
- statusBar.background#18191a
- statusBar.border#404040
- statusBar.debuggingBackground#18191a
- statusBar.foreground#ffffffd8
- statusBar.noFolderBackground#18191a
- statusBarItem.remoteBackground#e84f8f
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#1c1d1e
- tab.activeBorder#1c1d1e
- tab.activeBorderTop#e84f8f
- tab.inactiveBackground#18191a
- tab.inactiveForeground#b7b7b7
- titleBar.activeBackground#18191a
- titleBar.activeForeground#b8b7bc
- titleBar.border#404040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #808080 | — |
| string | #fe8170 | — |
| storage.type, storage.modifier, keyword, variable.language.this | #e84f8f | — |
| entity.name.function | #cbbcf1 | — |
| entity.name.type.class, entity.other.inherited-class, meta.return.type, entity.name.type, support.type.primitive, storage.type.string.go, storage.type.numeric.go, storage.type.boolean.go, support.class.component | #8ecce1 | — |
| variable.other.readwrite, variable.object.property, meta.object-literal.key, variable.parameter, variable.other.property, support.type.property-name.json, variable.other.assignment, variable.other.go | #9777d9 | — |
| variable.other.readwrite.alias | #ffffff | — |
| variable.other.constant, variable.other.enummember, property.readonly, constant.language.boolean, constant.language.json | #64adc9 | — |
| punctuation.separator.key-value | #e84f8f | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.decimal | #ffeb7c | — |
| entity.name.tag | #64adc9 | — |
| entity.other.attribute-name | #9777d9 | — |
| variable.css, variable.argument.css, support.type.property-name.css, variable.prop.css, support.type.property-name.media.css, variable.parameter.keyframe-list.css | #9777d9 | — |
| support.constant.font-name.css, support.constant.property-value.misc.css, support.constant.property-value.css, support.constant.media.css, support.constant.color.w3c-standard-color-name.css, support.constant.color.w3c-extended-color-name.css, constant.other.color | #fe8170 | — |
| support.function.misc.css | #cbbcf1 | — |
| constant.language | #64adc9 | — |
| markup.heading.markdown | #e84f8f | bold |
| markup.bold.markdown | #e84f8f | bold |
| markup.italic.markdown | #ffffff | italic |
| punctuation.definition.quote | #e84f8f | bold |
| punctuation.definition.list | #9777d9 | bold |
| markup.inline.raw | #fe8170 | — |
| markup.underline.link | #9777d9 | italic |
| constant.character.escape.markdown | #fe8170 | italic |
| constant.other.placeholder.go | #9777d9 | — |
| constant.character.escape | #e84f8f | — |