Sublette
Publisher: minmul117Themes in package: 1
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#202535
- activityBar.border#202535
- activityBar.dropBorder#405570
- activityBar.foreground#96a0aa
- activityBarBadge.background#e57
- activityBarBadge.foreground#ffe
- badge.background#405570
- badge.foreground#ccced0
- button.background#347
- button.foreground#ccced0
- button.hoverBackground#58f
- debugToolBar.background#253045
- debugToolBar.border#e57
- descriptionForeground#96a0aa
- dropdown.background#253045
- dropdown.border#405570
- dropdown.foreground#ccced0
- dropdown.listBackground#202535
- editor.background#202535
- editor.findMatchBackground#555045
- editor.findMatchBorder#fd8
- editor.findMatchHighlightBackground#555045
- editor.findMatchHighlightBorder#555045
- editor.findRangeHighlightBackground#253045
- editor.focusedStackFrameHighlightBackground#454
- editor.foreground#ccced0
- editor.hoverHighlightBackground#405570
- editor.inactiveSelectionBackground#347
- editor.lineHighlightBackground#253045
- editor.lineHighlightBorder#253045
- editor.rangeHighlightBackground#253045
- editor.rangeHighlightBorder#253045
- editor.selectionBackground#405570
- editor.selectionHighlightBackground#253045
- editor.selectionHighlightBorder#58f
- editor.stackFrameHighlightBackground#555045
- editorBracketMatch.background#4ee
- editorBracketMatch.border#4ee
- editorCursor.background#202535
- editorCursor.foreground#ccced0
- editorError.border#e57
- editorError.foreground#e57
- editorGroup.dropBackground#202535
- editorGroup.emptyBackground#253045
- editorGroupHeader.tabsBackground#253045
- editorGroupHeader.tabsBorder#253045
- editorGutter.addedBackground#454
- editorGutter.background#253045
- editorGutter.deletedBackground#534
- editorGutter.modifiedBackground#555045
- editorHint.border#f7c
- editorHint.foreground#f7c
- editorIndentGuide.background#405570
- editorInfo.border#5e7
- editorInfo.foreground#5e7
- editorLineNumber.activeForeground#ccced0
- editorLineNumber.foreground#96a0aa
- editorOverviewRuler.border#202535
- editorOverviewRuler.errorForeground#e57
- editorOverviewRuler.infoForeground#5e7
- editorOverviewRuler.warningForeground#fd8
- editorWarning.border#fd8
- editorWarning.foreground#fd8
- editorWhitespace.foreground#405570
- errorForeground#e57
- focusBorder#58f
- foreground#ccced0
- input.background#253045
- input.border#253045
- input.foreground#ccced0
- input.placeholderForeground#405570
- inputOption.activeBorder#58f
- inputValidation.errorBackground#e57
- inputValidation.errorBorder#e57
- inputValidation.infoBackground#5e7
- inputValidation.infoBorder#5e7
- inputValidation.warningBackground#fd8
- inputValidation.warningBorder#fd8
- list.activeSelectionBackground#58f
- list.dropBackground#202535
- list.focusForeground#4ee
- list.hoverBackground#202535
- list.hoverForeground#ccced0
- list.inactiveFocusBackground#356
- list.inactiveSelectionBackground#347
- list.inactiveSelectionForeground#ccced0
- notificationCenter.border#f7c
- notificationCenterHeader.background#f7c
- notificationCenterHeader.foreground#202535
- notifications.background#253045
- notifications.border#253045
- notifications.foreground#ccced0
- notificationToast.border#f7c
- panel.background#202535
- panel.border#58f
- panel.dropBorder#253045
- panelTitle.activeBorder#58f
- panelTitle.activeForeground#ccced0
- panelTitle.inactiveForeground#96a0aa
- quickInputList.focusBackground#202035
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#40557090
- scrollbarSlider.background#40557090
- scrollbarSlider.hoverBackground#40557090
- selection.background#253045
- sideBar.background#253045
- sideBar.border#405570
- sideBar.dropBackground#202535
- sideBar.foreground#ccced0
- sideBarSectionHeader.background#405570
- sideBarSectionHeader.foreground#ccced0
- sideBarTitle.foreground#ccced0
- statusBar.background#58f
- statusBar.border#58f
- statusBar.debuggingBackground#e57
- statusBar.debuggingBorder#e57
- statusBar.debuggingForeground#202535
- statusBar.foreground#202535
- statusBar.noFolderBackground#202535
- statusBar.noFolderBorder#405570
- statusBar.noFolderForeground#ccced0
- statusBarItem.activeBackground#00000022
- statusBarItem.hoverBackground#00000022
- statusBarItem.prominentBackground#fd8
- statusBarItem.prominentHoverBackground#ff7
- tab.activeBackground#202535
- tab.activeBorder#58f
- tab.activeForeground#ccced0
- tab.border#253045
- tab.hoverBackground#405570
- tab.hoverBorder#7bf
- tab.inactiveBackground#253045
- tab.inactiveForeground#96a0aa
- terminal.ansiBlack#253045
- terminal.ansiBlue#58f
- terminal.ansiBrightBlack#405570
- terminal.ansiBrightBlue#7bf
- terminal.ansiBrightCyan#5fb
- terminal.ansiBrightGreen#9e7
- terminal.ansiBrightMagenta#a8f
- terminal.ansiBrightRed#e65
- terminal.ansiBrightWhite#ffe
- terminal.ansiBrightYellow#ff7
- terminal.ansiCyan#4ee
- terminal.ansiGreen#5e7
- terminal.ansiMagenta#f7c
- terminal.ansiRed#e57
- terminal.ansiWhite#f5f5da
- terminal.ansiYellow#fd8
- terminal.background#202535
- terminal.foreground#ccced0
- terminal.selectionBackground#405570
- terminalCursor.background#202535
- terminalCursor.foreground#ccced0
- textLink.foreground#7bf
- titleBar.activeBackground#202535
- titleBar.activeForeground#ccced0
- titleBar.border#405570
- titleBar.inactiveBackground#253045
- titleBar.inactiveForeground#405570
- widget.shadow#00000044
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| comment, meta.documentation, string.docstring, punctuation.definition.comment | #58f | italic |
| string | #e57 | — |
| string.regexp | #e57 | — |
| constant.character.escape | #e57 | — |
| constant.language, meta.preprocessor | #4ee | — |
| constant.character, constant.other | #f7c | — |
| punctuation.section, punctuation.separator | #ccced0ff | — |
| constant.numeric | #e57 | — |
| invalid | #e65 | — |
| string.quoted.double, string.quoted.single | #e57 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #ccced0 | — |
| meta.brace.square | #fd8 | — |
| meta.brace.round, punctuation.definition.parameters.begin, punctuation.definition.parameters.end | #ff7 | — |
| meta.brace.curly | #ff7 | — |
| variable, punctuation.definition.variable | #ccced0 | — |
| variable.function | #ccced0 | — |
| keyword | #fd8 | — |
| meta.import.keyword, keyword.import, keyword.package, keyword.module, keyword.control.import, keyword.control.import.from, keyword.other.import, keyword.control.at-rule.include, keyword.control.at-rule.import, keyword.control.using | #f7c | — |
| storage | #fd8 | — |
| keyword.operator | #ccced0ff | — |
| variable.parameter | #ccced0ff | — |
| keyword.control, keyword.operator.logical, keyword.other.operator | #fd8 | — |
| entity.name.function | #4ee | — |
| keyword.control.class, meta.class, entity.name.class, entity.name.type.class | #4ee | — |
| support.type, support.class | #5e7 | — |
| entity.name.function.preprocessor.c, meta.preprocessor.c.include, meta.preprocessor.macro.c | #f7c | — |
| meta.preprocessor.c.include string, meta.preprocessor.c.include punctuation.definition.string.begin, meta.preprocessor.c.include punctuation.definition.string.end | #e57 | — |
| support.constant.color, invalid.deprecated.color.w3c-non-standard-color-name.scss | #f5f5da | — |
| source.css support.type | #ff7 | — |
| meta.selector.css | #ff7 | — |
| entity.name.tag.css, entity.name.tag.scss, source.less keyword.control.html.elements, source.sass keyword.control.untitled | #4ee | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.sass, source.css entity.other.attribute-name.id, source.less entity.other.attribute-name.id, source.scss entity.other.attribute-name.id, source.sass entity.other.attribute-name.id | #4ee | — |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.tag.pseudo-class | #fd8 | — |
| source.go entity.name.function | #ccced0 | — |
| source.go support.function | #ccced0 | — |
| text.html.derivative entity.name.tag.html | #fd8 | — |
| text.html.derivative punctuation.definition.tag.html, text.html.derivative punctuation.definition.tag.begin, text.html.derivative punctuation.definition.tag.end | #ccced0 | — |
| text.html.derivative entity.other.attribute-name | #5e7 | — |
| meta.tag.metadata.doctype.html | #58f | — |
| text.html.basic meta.tag.other.html, text.html.basic meta.tag.any.html, text.html.basic meta.tag.block.any, text.html.basic meta.tag.inline.any, text.html.basic meta.tag.structure.any.html, text.html.basic source.js.embedded.html, punctuation.separator.key-value.html | #ff7 | — |
| text.html.basic entity.other.attribute-name.html, meta.tag.xml entity.other.attribute-name | #4ee | — |
| storage.modifier.import.java | #f7c | — |
| meta.class punctuation | #ccced0 | — |
| entity.name.tag.yaml, support.type.property-name.json, keyword.key.toml | #4ee | — |
| meta.tag.table.toml | #fd8 | — |
| markup.heading, punctuation.definition.heading.markdown | #4ee | — |
| markup.quote | #fd8 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.underline.link.markdown, meta.link.reference constant.other.reference.link.markdown | #e57 | — |
| constant.other.reference.link.markdown | #e57 | — |
| support.function.perl | #fd8 | — |
| meta.array support.function.construct.php | #4ee | — |
| storage.type.class.python, storage.type.function.python, storage.modifier.global.python | #fd8 | — |
| support.type.python, support.function.builtin.python | #4ee | — |
| punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python | #ccced0ff | — |
| keyword.other.special-method.ruby | #fd8 | — |
| variable.other.constant.ruby | #4ee | — |
| constant.other.symbol.ruby | #e57 | — |
| keyword.other.special-method.ruby | #f7c | — |
| meta.scope.case-block.shell, meta.scope.case-body.shell | #58f | — |
| punctuation.definition.logical-expression.shell | #e57 | — |
| punctuation.section.group.tex, punctuation.definition.arguments.begin.latex, punctuation.definition.arguments.end.latex, punctuation.definition.arguments.latex | #e57 | — |
| meta.group.braces.tex | #4ee | — |
| string.other.math.tex | #4ee | — |
| variable.parameter.function.latex | #f7c | — |
| punctuation.definition.constant.math.tex | #e57 | — |
| text.tex.latex constant.other.math.tex, constant.other.general.math.tex, constant.other.general.math.tex, constant.character.math.tex | #e57 | — |
| string.other.math.tex | #4ee | — |
| punctuation.definition.string.begin.tex, punctuation.definition.string.end.tex | #e57 | — |
| keyword.control.label.latex, text.tex.latex constant.other.general.math.tex | #e57 | — |
| variable.parameter.definition.label.latex | #e57 | — |
| support.function.be.latex | #fd8 | — |
| support.function.section.latex | #f7c | — |
| support.function.general.tex | #e57 | — |
| keyword.control.ref.latex | #e57 | — |
| meta.scope.for-in-loop.shell, variable.other.loop.shell | #58f | — |
| meta.diff, meta.diff.header | #58f | — |
| meta.diff.range | #fd8 | — |
| markup.deleted | #e57 | — |
| markup.changed | #e57 | — |
| markup.inserted | #fd8 | — |
| sublimelinter.notes | #58f | — |
| sublimelinter.outline.illegal | #58f | — |
| sublimelinter.outline.warning | #f5f5da | — |
| sublimelinter.outline.violation | #ff7 | — |
| sublimelinter.mark.warning | #4ee | — |
| sublimelinter.mark.error | #e57 | — |
| sublimelinter.gutter-mark | #ff7 | — |
| brackethighlighter.all | #58f | — |
| entity.name.filename.find-in-files | #e57 | — |
| constant.numeric.line-number.find-in-files | #58f | — |
| markup.deleted.git_gutter | #e57 | — |
| markup.inserted.git_gutter | #fd8 | — |
| markup.changed.git_gutter | #4ee | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...