Olympique de Marseille Away
Publisher: Belka HediaThemes in package: 1
A Theme For the Team Olympique de Marseille Away
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#0c2340
- activityBar.foreground#f9a828
- activityBarBadge.background#1e88e5
- activityBarBadge.foreground#f9a828
- button.background#1e88e5
- button.foreground#ffffff
- button.hoverBackground#f9a828
- dropdown.background#0c2340
- dropdown.border#f9a828
- dropdown.foreground#f9a828
- editor.background#011329
- editor.findMatchBackground#1E88E548
- editor.findMatchHighlightBackground#F9A9282F
- editor.foreground#F08828
- editor.hoverHighlightBackground#1e88e583
- editor.lineHighlightBackground#1e88e530
- editor.lineHighlightBorder#f9a82883
- editor.rangeHighlightBackground#0c2340
- editor.selectionBackground#F9A9287C
- editor.selectionHighlightBackground#F9A9282F
- editor.wordHighlightBackground#F9A92844
- editor.wordHighlightStrongBackground#F9A92844
- editorBracketMatch.background#1e88e5
- editorBracketMatch.border#f9a828
- editorCursor.foreground#f9a828
- editorError.foreground#cc241d
- editorGutter.background#001A3A
- editorIndentGuide.background#001A3A
- editorLineNumber.foreground#FCB139
- editorLink.activeForeground#1e88e583
- editorSuggestWidget.background#0c2340
- editorSuggestWidget.border#f9a828
- editorSuggestWidget.highlightForeground#0c2340
- editorSuggestWidget.selectedBackground#1e88e5
- editorWarning.foreground#F06111
- editorWhitespace.foreground#F9a828
- editorWidget.background#0c2340
- editorWidget.border#f9a828
- extensionButton.prominentBackground#1e88e5
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#f9a828
- input.background#0c2340
- input.border#f9a828
- input.foreground#F7AC35
- inputOption.activeBorder#f9a828
- list.activeSelectionBackground#1e88e5
- list.activeSelectionForeground#f9a828
- list.highlightForeground#1e88e5
- list.hoverBackground#1e88e5
- list.inactiveSelectionBackground#1e88e5
- list.inactiveSelectionForeground#ffffff
- merge.currentHeaderBackground#0c2340
- panel.background#082850
- panel.border#f9a828
- panelTitle.activeBorder#f9a828
- panelTitle.activeForeground#f9a828
- panelTitle.inactiveForeground#ffffff
- peekView.border#f9a828
- peekViewEditor.background#1e88e5
- peekViewEditorGutter.background#1e88e5
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#ffffff
- peekViewResult.matchHighlightBackground#0c2340
- peekViewResult.selectionBackground#0c2340
- peekViewResult.selectionForeground#f9a828
- peekViewTitle.background#1e88e5
- peekViewTitleDescription.foreground#ffffff
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#f9a828
- scrollbarSlider.activeBackground#f9a828
- scrollbarSlider.background#1e88e5
- scrollbarSlider.hoverBackground#f9a828
- sideBar.background#0c2340
- sideBar.border#f9a828
- sideBar.foreground#f9a828
- sideBarSectionHeader.background#1e88e5
- sideBarSectionHeader.foreground#f9a828
- sideBarTitle.foreground#f9a828
- statusBar.background#f9a828
- statusBar.border#0c2340
- statusBar.debuggingBackground#f9a828
- statusBar.debuggingForeground#1e88e5
- statusBar.foreground#0c2340
- statusBar.noFolderBackground#f9a828
- statusBar.noFolderForeground#0c2340
- statusBarItem.hoverBackground#1e88e5
- statusBarItem.remoteBackground#0E1E2E
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#0A5CA3
- tab.activeBorder#f9a828
- tab.activeForeground#f9a828
- tab.border#f9a828
- tab.inactiveBackground#0c2340
- tab.inactiveForeground#f9a828
- terminal.background#000B18
- terminal.foreground#f9a828
- titleBar.activeBackground#0c2340
- titleBar.activeForeground#f9a828
- titleBar.inactiveBackground#1e88e5
- titleBar.inactiveForeground#0c2340
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #F08828 | italic |
| variable, string constant.other.placeholder | #0099FF | — |
| constant.other.color | #FF00FF | — |
| invalid, invalid.illegal | #FF0000 | — |
| keyword, storage.type, storage.modifier | #00FF00 | — |
| keyword.control, constant.other.color, meta.tag | #00FF00 | — |
| punctuation, meta.separator, meta.delimiter | #F1730BD8 | — |
| entity.name.function, meta.function-call, support.function, keyword.other.special-method | #00FF00 | — |
| meta.block variable.other | #1e88e5 | — |
| support.other.variable, string.other.link | #66FF00 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #FFFF00 | — |
| string, 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 | #FF9D00 | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #00FF00 | — |
| support.type | #00FF9D | — |
| 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 | #E100FF | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #1e88e5 | — |
| comment, punctuation.definition.comment | #C08261 | italic |
| string | #FF9D00 | — |
| variable | #0099FF | — |
| keyword.operator | #B45000 | — |
| keyword | #00FF00 | — |
| entity.name.function, meta.function-call | #00FF00 | — |
| entity.name.type, entity.name.class | #2AA198 | — |
| meta.object-literal.key | #0026FF | — |
| constant.language | #FFFF00 | — |
| invalid | #FF0000 | — |
| invalid.deprecated | #FF0000 | — |
| text.html.basic source.js.embedded.html | #03A361 | — |
| text.html.basic source.js.embedded.html | #035750 | — |
| text.html.basic source.js.embedded.html meta.function-call | #1e88e5 | — |