syme
Publisher: SyThemes in package: 1
Based on monokai and maia.
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#102f40
- activityBar.border#103249
- activityBar.foreground#707cad
- activityBarBadge.background#00896cbb
- activityBarBadge.foreground#fedfe1
- badge.background#102f40
- badge.foreground#fedfe1
- breadcrumb.activeSelectionForeground#fedfe1
- breadcrumb.focusForeground#fedfe1
- breadcrumb.foreground#707cad
- button.background#103249
- button.foreground#00896c
- button.hoverBackground#00896c66
- contrastActiveBorder#00000000
- contrastBorder#00000000
- descriptionForeground#00896c
- diffEditor.insertedTextBackground#00896c44
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#cb1b4544
- diffEditor.removedTextBorder#00000000
- dropdown.background#103249
- dropdown.border#00896c
- dropdown.foreground#00896c
- dropdown.listBackground#102f40
- editor.background#102f40
- editor.findMatchBackground#00896ccc
- editor.findMatchBorder#00896caa
- editor.findMatchHighlightBackground#00000011
- editor.findMatchHighlightBorder#bbbbbb
- editor.findRangeHighlightBackground#00896c22
- editor.findRangeHighlightBorder#00896c00
- editor.foreground#a5dee4
- editor.hoverHighlightBackground#00896c66
- editor.inactiveSelectionBackground#00896c44
- editor.lineHighlightBackground#00896c22
- editor.lineHighlightBorder#00896c00
- editor.rangeHighlightBackground#00896c33
- editor.rangeHighlightBorder#00896c00
- editor.selectionBackground#00896c66
- editor.selectionForeground#00896caa
- editor.selectionHighlightBackground#00896c66
- editor.selectionHighlightBorder#00986c00
- editor.wordHighlightBackground#00896caa
- editor.wordHighlightBorder#00896caa
- editor.wordHighlightStrongBackground#f17c67aa
- editor.wordHighlightStrongBorder#f17c67aa
- editorBracketHighlight.foreground1#f0ffff
- editorBracketHighlight.foreground2#ffd700
- editorBracketHighlight.foreground3#da70d6
- editorBracketHighlight.foreground4#7fff00
- editorBracketMatch.background#00896c88
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#00896c
- editorCursor.background#eeeeee
- editorCursor.foreground#eeeeee
- editorError.border#cb1b45
- editorError.foreground#cb1b45
- editorGroup.border#103249
- editorGroup.dropBackground#00896caa
- editorGroup.emptyBackground#102f40
- editorGroup.focusedEmptyBorder#103249
- editorGroupHeader.noTabsBackground#102f40
- editorGroupHeader.tabsBackground#102f40
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#00896caa
- editorGutter.background#102f40
- editorGutter.deletedBackground#cb1b45
- editorGutter.modifiedBackground#707cad
- editorHint.border#00896c
- editorHint.foreground#00896c
- editorHoverWidget.background#103249
- editorHoverWidget.border#00896c
- editorInfo.border#00896c
- editorInfo.foreground#00896c
- editorLineNumber.activeForeground#00896c
- editorLineNumber.foreground#707cad
- editorLink.activeForeground#00896c
- editorMarkerNavigation.background#103249
- editorMarkerNavigationError.background#cb1045
- editorMarkerNavigationInfo.background#103249
- editorMarkerNavigationWarning.background#f17c67
- editorOverviewRuler.addedForeground#00896c
- editorOverviewRuler.border#103249
- editorOverviewRuler.bracketMatchForeground#00896c
- editorOverviewRuler.deletedForeground#cb1b45
- editorOverviewRuler.errorForeground#cb1b45
- editorOverviewRuler.findMatchForeground#00896caa
- editorOverviewRuler.modifiedForeground#707cad
- editorOverviewRuler.rangeHighlightForeground#00896caa
- editorOverviewRuler.selectionHighlightForeground#00896caa
- editorOverviewRuler.warningForeground#f17c67
- editorOverviewRuler.wordHighlightForeground#00896caa
- editorOverviewRuler.wordHighlightStrongForeground#f17c67aa
- editorPane.background#102f40
- editorRuler.foreground#00896c
- editorSuggestWidget.background#103249
- editorSuggestWidget.border#00896c
- editorSuggestWidget.foreground#fedfe1
- editorSuggestWidget.highlightForeground#00896c
- editorSuggestWidget.selectedBackground#00896caa
- editorUnnecessaryCode.border#707cad00
- editorUnnecessaryCode.opacity#707cad88
- editorWarning.border#f17c67
- editorWarning.foreground#fedfe1
- editorWhitespace.foreground#707cad88
- editorWidget.background#103249
- editorWidget.border#00896c
- editorWidget.resizeBorder#00896c
- errorForeground#cb1b45
- errorLens.errorBackground#cb1b4500
- errorLens.errorForeground#cb1b45
- errorLens.hintBackground#00896c00
- errorLens.hintForeground#00896c
- errorLens.infoBackground#00896c00
- errorLens.infoForeground#00896c
- errorLens.warningBackground#f17c6700
- errorLens.warningForeground#f17c67
- extensionButton.prominentBackground#00896caa
- extensionButton.prominentForeground#fedfe1
- extensionButton.prominentHoverBackground#00896c
- focusBorder#102f40
- foreground#fedfe1
- input.background#103249
- input.border#00896c
- input.foreground#fedfe1
- input.placeholderForeground#707cad
- inputOption.activeBorder#00896c
- inputValidation.errorBackground#cb1b45aa
- inputValidation.errorBorder#cb1b45aa
- inputValidation.infoBackground#00896caa
- inputValidation.infoBorder#00896caa
- inputValidation.warningBackground#f17c67aa
- inputValidation.warningBorder#f17c67aa
- list.activeSelectionBackground#00896c22
- list.activeSelectionForeground#00896c
- list.dropBackground#00896caa
- list.errorForeground#cb1b45
- list.focusBackground#00896c22
- list.focusForeground#00896c
- list.highlightForeground#00896c
- list.hoverBackground#00896c22
- list.hoverForeground#fedfe1
- list.inactiveFocusBackground#103249
- list.inactiveSelectionBackground#103249
- list.inactiveSelectionForeground#00896c
- list.invalidItemForeground#cb1b45
- list.warningForeground#f17c67
- minimap.errorHighlight#cb1b45
- minimap.findMatchHighlight#fedfe1aa
- minimap.selectionHighlight#00896c66
- minimap.warningHighlight#f17c67
- notificationCenter.border#00896c
- notificationCenterHeader.background#103249
- notificationCenterHeader.foreground#00896c
- notificationLink.foreground#00896c
- notifications.background#102f40
- notifications.border#103249
- notifications.foreground#707cad
- notificationToast.border#00896c
- panel.background#102f40
- panel.border#00896c
- panelTitle.activeBorder#00896c
- panelTitle.activeForeground#00896c
- panelTitle.inactiveForeground#707cad
- peekView.border#00896c
- peekViewEditor.background#102f40
- peekViewEditor.matchHighlightBackground#103249
- peekViewEditor.matchHighlightBorder#00896c
- peekViewEditorGutter.background#102f40
- peekViewResult.background#102f40
- peekViewResult.fileForeground#707cad
- peekViewResult.lineForeground#00896c
- peekViewResult.matchHighlightBackground#103249
- peekViewResult.selectionBackground#102f40
- peekViewResult.selectionForeground#707cad
- peekViewTitle.background#102f40
- peekViewTitleDescription.foreground#707cad
- peekViewTitleLabel.foreground#00896c
- pickerGroup.border#00896c
- pickerGroup.foreground#00896c
- progressBar.background#00896c
- quickInput.foreground#707cad
- scrollbar.shadow#00896c66
- scrollbarSlider.activeBackground#00896c
- scrollbarSlider.background#00896c66
- scrollbarSlider.hoverBackground#00896caa
- selection.background#00896caa
- settings.modifiedItemIndicator#f17c67
- sideBar.background#102f40
- sideBar.border#103249
- sideBar.dropBackground#00896caa
- sideBar.foreground#707cad
- sideBarSectionHeader.background#103249
- sideBarSectionHeader.foreground#00896c
- sideBarTitle.foreground#00896c
- statusBar.background#102f40
- statusBar.border#103249
- statusBar.debuggingBackground#21252b
- statusBar.foreground#00896c
- statusBar.noFolderBackground#102f40
- statusBar.noFolderBorder#103249
- statusBar.noFolderForeground#00896c
- statusBarItem.activeBackground#103249
- statusBarItem.hoverBackground#103249
- statusBarItem.prominentBackground#00896caa
- statusBarItem.prominentHoverBackground#00896c
- statusBarItem.remoteForeground#fedfe1
- tab.activeBackground#102f40
- tab.activeBorder#00896c
- tab.activeBorderTop#00000000
- tab.activeForeground#00896c
- tab.activeModifiedBorder#00896c
- tab.border#00000011
- tab.hoverBackground#102f40
- tab.hoverBorder#00000011
- tab.inactiveBackground#103249
- tab.inactiveForeground#707cad
- tab.inactiveModifiedBorder#00896c66
- tab.unfocusedActiveBorder#00896caa
- tab.unfocusedActiveBorderTop#00896caa
- tab.unfocusedActiveForeground#00896caa
- tab.unfocusedActiveModifiedBorder#00896c66
- tab.unfocusedHoverBackground#102f40aa
- tab.unfocusedHoverBorder#00000011
- tab.unfocusedInactiveForeground#707cadaa
- tab.unfocusedInactiveModifiedBorder#00896c66
- textBlockQuote.background#103249
- textBlockQuote.border#103249
- textCodeBlock.background#103249
- textLink.activeForeground#00896c
- textLink.foreground#00896caa
- titleBar.activeBackground#102f40
- titleBar.activeForeground#00896c
- titleBar.border#103249
- titleBar.inactiveBackground#103249
- titleBar.inactiveForeground#707cad
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, string.comment | #676F7D | italic |
| string | #E5C07B | — |
| punctuation.definition.template-expression.begin.js,punctuation.definition.template-expression.end.js,punctuation.definition.template-expression.begin.ts,punctuation.definition.template-expression.end.ts | #C678DD | — |
| string.template.js | #E5C07B | — |
| meta.template.expression.js | #ABB2BF | — |
| constant.numeric | #C678DD | — |
| string.embedded.begin, string.embedded.end | #C678DD | — |
| string.embedded | #98C379 | — |
| constant.language | #56B6C2 | — |
| constant.character, constant.other | #56B6C2 | — |
| variable.language | #E06C75 | — |
| variable.readwrite, variable.readwrite.other.block | #61AFEF | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #E06C75 | — |
| keyword.operator | #E06C75 | — |
| storage | #E06C75 | — |
| storage.type | #56B6C2 | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #61AFEF | — |
| variable.other.object | #61AFEF | — |
| variable.other.property, variable.other.block | #ABB2BF | — |
| entity.other.inherited-class | #98C379 | — |
| entity.name.function, support.function | #98C379 | — |
| variable.parameter | #D19A66 | italic |
| entity.name.function-call | #ABB2BF | — |
| function.support.builtin, function.support.core | #98C379 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx | #E06C75 | — |
| entity.name.tag.class, entity.name.tag.id | #56B6C2 | — |
| entity.other.attribute-name | #98C379 | — |
| support.constant | #56B6C2 | — |
| support.type, support.variable | #56B6C2 | — |
| support.dictionary.json | #56B6C2 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #ABB2BF | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #98C379 | — |
| variable.css, variable.scss, variable.less, variable.sass | #56B6C2 | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #E5C07B | — |
| unit.css, unit.scss, unit.less, unit.sass | #C678DD | — |
| function.css, function.scss, function.less, function.sass | #56B6C2 | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | — |
| invalid.deprecated | #F8F8F0 | — |
| structure.dictionary.property-name.json | #56B6C2 | — |
| string.detected-link | #61AFEF | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #C678DD | — |
| markup.inserted | #E5C07B | — |
| markup.changed | #E5C07B | — |
| constant.numeric.line-number.find-in-files - match | #56B6C2A0 | — |
| entity.name.filename.find-in-files | #E5C07B | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.raw.markdown, punctuation.definition.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.heading.markdown, fenced_code.block.language.markdown | #696969 | |
| markup.bold.markdown | — | bold |
| markup.heading.markdown | #E06C75 | bold |
| markup.quote.markdown | #98C379 | — |
| meta.separator.markdown | #C678DD | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #56B6C2 | — |
| punctuation.definition.list_item.markdown | #FFFFFF | bold |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| comment | #606090 | italic |
| constant, storage.modifier, keyword.control, keyword.operator.expression | #DD5599 | italic bold |
| keyword.control.match-definition | — | |
| storage.type | #77AA66 | — |
| storage.type.class, storage.type.function, storage.type.type, storage.type.interface | #77AA66 | italic bold |
| support.function.dom | #77AA66 | — |
| entity.name.function | #56B6C2 | — |
| variable.other.readwrite, variable.other.constant.property | #AAC7C4 | — |
| variable.other.object | #519FDF | — |
| variable.language.this | #AD83E9 | italic |
| punctuation.accessor.ts, punctuation.accessor.tsx, punctuation.separator.comma.tsx, variable.other.constant.ts, variable.other.constant.tsx, variable.other.constant.object.ts | #A5DEE4 | — |
| punctuation.definition.template-expression.begin.tsx | #C678DD | — |
| punctuation.definition.template-expression.end.tsx | #C678DD | — |
| meta.at-rule.keyframes.scss | #98C379 | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #98C379 | bold |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #008787 | — |
| entity.name.section.markdown | #61AFEF | bold |
| markup.inline.raw.string.markdown | #E06C75 | — |
| keyword.other.fn.rust, storage.type.rust, keyword.other.rust | #77AA66 | italic bold |
| keyword.other.rust | #77AA66 | — |
| support.function.std.rust | #519FDF | — |
| storage.class.std.rust, storage.type.core.rust | #61AFEF | — |
| meta.function-call.generic.python | #56B6C2 | — |
| meta.attribute.rust | #56B6C2 | — |
| variable.language.special.self.python, variable.language.rust | #AD83E9 | italic |
| meta.member.access.python | #ABB2BF | |
| meta.function-call.arguments.python | #A5DEE4 | |
| keyword.operator.logical.python | — | bold italic |
| keyword.other.where.rust | — | bold italic |
| keyword.sonic-pi | #DD5599 | italic bold |
| support.function.sonic-pi | — | bold |
| variable.other.constant.sonic-pi | #56B6C2 | — |
| support.function.sonic-pi | #77AA66 | bold italic |