Linear Theme
Publisher: pabueThemes in package: 16
A set of pleasant themes inspired by Linear
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.activeBorder#5e6ad2
- activityBar.background#21232c
- activityBar.border#2e323e
- activityBar.foreground#c1c5d1
- activityBarBadge.background#5e6ad2
- badge.background#5e6ad2
- button.background#5e6ad2
- button.hoverBackground#727ee6
- contrastBorder#3b404f
- diffEditor.insertedTextBackground#85c75e26
- diffEditor.removedTextBackground#e6292926
- dropdown.background#292d38
- dropdown.border#3b404f
- editor.background#21232c
- editor.foreground#c1c5d1
- editor.hoverHighlightBackground#43495b
- editor.lineHighlightBackground#292d38
- editor.lineHighlightBorder#292d38
- editor.selectionBackground#5163f966
- editor.selectionHighlightBackground#4456ec40
- editor.wordHighlightBackground#ffffff00
- editor.wordHighlightBorder#5163f9ff
- editor.wordHighlightStrongBackground#ffffff00
- editor.wordHighlightStrongBorder#5163f9ff
- editorCursor.foreground#00c4ff
- editorGroupHeader.border#292d38
- editorGroupHeader.tabsBackground#21232c
- editorGroupHeader.tabsBorder#2e323e
- editorIndentGuide.activeBackground#555c72
- editorIndentGuide.background#3b404f
- editorLineNumber.activeForeground#c1c5d1
- editorLineNumber.foreground#4c5367
- editorRuler.foreground#43495b
- editorSuggestWidget.highlightForeground#8793fb
- editorSuggestWidget.selectedBackground#323643
- editorWhitespace.foreground#43495b
- editorWidget.background#292d38
- errorForeground#eb5757
- focusBorder#5e6ad2
- foreground#c1c5d1
- gitDecoration.conflictingResourceForeground#F2994A
- gitDecoration.deletedResourceForeground#eb5757
- gitDecoration.ignoredResourceForeground#555c72
- gitDecoration.modifiedResourceForeground#50d1eb
- gitDecoration.untrackedResourceForeground#5cc49f
- icon.foreground#c1c5d1
- input.background#323643
- input.border#43495b
- inputOption.activeBackground#5e6ad2
- inputValidation.errorBorder#eb5757
- list.activeSelectionBackground#323643
- list.activeSelectionForeground#9ba7ff
- list.focusBackground#323643
- list.hoverBackground#323643
- list.inactiveSelectionBackground#2e323e
- list.inactiveSelectionForeground#9ba7ff
- panel.border#2e323e
- panelTitle.activeBorder#5e6ad2
- peekViewEditor.background#292d38
- progressBar.background#727ee6
- selection.background#5e6ad2
- sideBar.background#21232c
- sideBar.border#2e323e
- sideBarSectionHeader.background#323643
- statusBar.foreground#c1c5d1
- tab.activeBackground#2e323e
- tab.activeBorderTop#5e6ad2
- tab.border#2e323e
- tab.inactiveBackground#21232c
- terminal.ansiBrightGreen#76e2b9
- terminal.ansiCyan#50d1eb
- terminal.ansiGreen#5cc49f
- terminal.ansiMagenta#b995f8
- terminal.ansiRed#eb5757
- terminal.ansiYellow#ffc66d
- terminalCursor.foreground#00c4ff
- titleBar.activeBackground#292d38
- titleBar.inactiveBackground#292d38
- tree.indentGuidesStroke#4c5367
- tree.tableColumnsBorder#4c5367
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.line, punctuation.definition.comment | #878fa6 | italic |
| variable, variable.other, variable.parameter, entity.name.variable, string constant.other.placeholder, source.vue meta.object.member.ts meta.object.member.ts | #d8e6f5 | — |
| variable.parameter | #d8e6f5 | — |
| constant.other.class, variable.other.property, variable.other.object.property | #d8e6f5 | — |
| invalid, invalid.illegal | #eb5757 | — |
| keyword, storage.type, storage.modifier, meta storage.type | #6897bb | italic |
| keyword.definition | #6897bb | — |
| keyword.operator.comparison, keyword.operator.logical | #6da2cb | — |
| keyword.operator.logical.soil | unset | — |
| constant.other.color, punctuation, keyword.other.template, keyword.other.substitution, meta.brace, punctuation.support.type.property-name, expression.embbeded punctuation.definition.tag.begin.html, expression.embbeded punctuation.definition.tag.end.html | #a9b7c6 | |
| keyword.operator | #6da2cb | |
| punctuation.definition.binding-pattern.object.js | #a9b7c6 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #74829e | — |
| text.html, meta.jsx.children.js | #bdc4cc | — |
| keyword.control, entity.name.type.namespace, keyword.other, meta.directive support.function | #6897bb | italic |
| keyword.control.flow, keyword.control.export, keyword.control.return, meta.function.closure, keyword.control.import, keyword.control.from, keyword.control.as, keyword.other.namespace | — | italic |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #86dada | — |
| meta.method.declaration meta.function-call entity.name.function, meta.method-call entity.name.function, meta.function-call entity.name.function, variable.function, support.function, entity.name.function, keyword.other.special-method | #6dd2ac | — |
| meta.function entity.name.function, meta.method entity.name.method, meta.method.declaration entity.name.function, meta.definition.method entity.name.function | #76e2b9 | — |
| support.other.variable, string.other.link | #b995f8 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, support.constant.property-value | #fe95cb | — |
| string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #ffc66d | — |
| string punctuation.definition.string | #ffc66d9d | — |
| entity.name, entity.name.type.class, support.type, support.class, new.expr meta.function-call entity.name.function, markup.changed.git_gutter, support.type.sys-types, support.constant, entity.name.type.namespace, meta.tag.custom entity.name.tag.html, source.vue invalid.illegal.unrecognized-tag.html | #b995f8 | |
| support.type, meta.return.type, entity.name.type, meta.use.php | #b995f8 | italic |
| meta.type.tuple meta.brace | — | italic |
| entity.other.inherited-class, support.orther.namespace.use, support.other.namespace | #9ebecc | |
| variable.language, variable.language.this, meta variable.language.this | #a8f2ff | italic |
| entity.other.attribute-name, meta entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, meta.directive.vue keyword.control, meta.directive entity.name.type | #e86888 | italic |
| entity.other.attribute-name.class, entity.other.attribute-name.id, entity.name.tag.css | #e86888 | |
| markup.inserted | #a2d484 | — |
| markup.deleted | #eb5757 | — |
| markup.changed | #26B5CE | — |
| *url*, *link*, *uri* | — | underline |
| keyword.control.at-rule | #6dd2ac | italic |
| entity.name.tag.reference | #5fdfff | — |
| support.type.property-name.json, meta.objectliteral, source.vue meta.object.member.ts meta.object.member.ts meta.object.member.ts, 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, entity.name.tag.yaml | #b1c5ca | |
| keyword.other.unit | #c86d9b | — |
| source.env | #ffc66d | — |
| text.html.markdown, string.other.link.title.markdown | #d8e6f5 | — |
| markup.underline.link.markdown | #b995f8 | — |
| markup.fenced_code.block.markdown | #ffc66d | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...