Make Apps Theme
Publisher: Danny ConnellThemes in package: 1
A relaxed, easy-on-the-eyes theme based on the Hybrid Next Theme
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#1c2428
- activityBar.foreground#c5c8c6
- activityBar.inactiveForeground#c5c8c677
- activityBarBadge.background#4b7293
- badge.background#4b7293
- breadcrumb.background#20292d
- breadcrumb.focusForeground#c5c8c6
- breadcrumb.foreground#c5c8c677
- button.background#4b7293
- button.foreground#fff
- button.hoverBackground#41627e
- contrastBorder#00000000
- dropdown.background#151b1e
- editor.background#242e33
- editor.foreground#c5c8c6
- editor.lineHighlightBackground#99dbff0a
- editor.selectionBackground#99dbff26
- editor.selectionForeground#c5c8c6
- editor.selectionHighlightBackground#99dbff26
- editorBracketMatch.border#41627e99
- editorCursor.foreground#8abeb7
- editorError.border#092C34
- editorError.foreground#cc666688
- editorGroupHeader.tabsBackground#20292d
- editorIndentGuide.activeBackground#ffffff22
- editorIndentGuide.background#ffffff11
- editorLineNumber.activeForeground#ffffffcc
- editorLineNumber.foreground#ffffff33
- editorWhitespace.foreground#c5c8c626
- editorWidget.background#151b1e
- focusBorder#00000000
- foreground#c5c8c6
- gitDecoration.ignoredResourceForeground#c5c8c655
- input.background#151b1e
- list.activeSelectionBackground#4b729355
- list.focusBackground#4b729355
- list.highlightForeground#c5c8c6
- list.hoverBackground#4b729333
- list.inactiveSelectionBackground#4b729333
- notifications.background#4b7293
- notifications.foreground#fff
- panel.background#20292d
- panel.border#20292d
- panelTitle.activeBorder#a1d7da
- panelTitle.activeForeground#c5c8c6
- panelTitle.inactiveForeground#c5c8c677
- scrollbarSlider.activeBackground#ffffff33
- scrollbarSlider.background#ffffff11
- scrollbarSlider.hoverBackground#ffffff22
- sideBar.background#20292d
- sideBar.dropBackground#34294f4c
- sideBar.foreground#c5c8c6cc
- sideBarSectionHeader.background#242e33
- statusBar.background#1c2428
- statusBar.noFolderBackground#1c2428
- tab.activeBackground#20292d
- tab.activeBorder#81a2be
- tab.activeForeground#c5c8c6
- tab.inactiveBackground#20292d
- tab.inactiveForeground#c5c8c677
- terminal.ansiBlack#242e33
- terminal.ansiBlue#81a2be
- terminal.ansiBrightBlack#7a7a7a
- terminal.ansiBrightBlue#99dbff
- terminal.ansiBrightCyan#8abeb7
- terminal.ansiBrightGreen#b5bd68
- terminal.ansiBrightMagenta#b294bb
- terminal.ansiBrightRed#cc6666
- terminal.ansiBrightWhite#c5c8c6
- terminal.ansiBrightYellow#f0c674
- terminal.ansiCyan#5e8d87
- terminal.ansiGreen#8c9440
- terminal.ansiMagenta#85678f
- terminal.ansiRed#a54242
- terminal.ansiWhite#6c7a80
- terminal.ansiYellow#de935f
- terminal.foreground#c5c8c6
- textLink.activeForeground#81a2be
- textLink.foreground#81a2be
- titleBar.activeBackground#1c2428
- titleBar.activeForeground#c5c8c6
- titleBar.inactiveBackground#1c2428
- titleBar.inactiveForeground#c5c8c677
- tree.indentGuidesStroke#ffffff33
- window.activeBorder#1c2428
- window.inactiveBorder#1c2428
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6c7a80 | italic |
| string | #b5bd68 | — |
| constant.numeric | #de935f | — |
| constant.language | #de935f | — |
| constant.character, constant.other | #de935f | — |
| keyword, storage.modifier.async | #b294bb | — |
| storage | #c5c8c6 | — |
| meta.brace.round | #8abeb7 | — |
| keyword.operator | #8abeb7 | — |
| storage.type | #b294bb | — |
| storage.type.function | #8abeb7 | — |
| entity.name.class | #a6e22e | — |
| entity.other.inherited-class, entity.name.type.module | #81a2be | italic |
| entity.name.function | #81a2be | — |
| variable.parameter | #de935fbb | — |
| entity.name.tag | #de935f | — |
| entity.other.attribute-name | #81a2be | — |
| support.function | #81a2be | — |
| support.constant | — | |
| support.class | #de935f | — |
| support.variable.dom | #de935f | — |
| invalid | #f8f8f0 | |
| invalid.deprecated | #f8f8f0 | — |
| support.variable.object, support.variable.property | #de935f | — |
| meta.brace.square, punctuation.definition.block, punctuation.definition.template-expression, punctuation.definition.typeparameters, punctuation.definition.string.template, punctuation.section.embedded, punctuation.definition.binding-pattern | #f0c674 | — |
| storage.modifier, storage.type.class.js | #f0c674 | — |
| variable.language.this.js | #6c7a80 | italic |
| variable.language.super.js | #f0c674 | — |
| punctuation.definition.parameters | #b5bd68 | — |
| meta.type.annotation, meta.return.type, meta.type.parameters | #cc6666 | — |
| string.template variable.other, string.template punctuation.accessor | #c5c8c6bb | — |
| string.regexp punctuation.definition | #f0c674 | — |
| string.regexp meta.group, string.regexp keyword.other.back-reference | #c5c8c6bb | — |
| string.regexp meta.assertion, string.regexp keyword.operator | #de935f | — |
| string.regexp constant.other | #81a2be | — |
| string.regexp constant.character | #99dbff | — |
| string.regexp keyword.control.anchor | #cc6666 | — |
| source.properties | #de935f | — |
| entity.name.section.group-title.properties | #81a2be | — |
| punctuation.separator.key-value, punctuation.separator.dictionary.key-value | #8abeb7 | — |
| entity.name.tag.yaml | #81a2be | — |
| meta.attribute-selector, punctuation.section.property-list | #f0c674 | — |
| punctuation.separator.operator | #8abeb7 | — |
| punctuation.terminator.rule, punctuation.terminator.statement | #8abeb7 | — |
| meta.selector | #8abeb7 | — |
| keyword.other.unit | #de935f | — |
| meta.property-value | #6c7a80 | — |
| keyword.other.important | #cc6666 | — |
| meta.at-rule.media | #c5c8c6 | — |
| support.type.property-name.media | — | |
| meta.tag.sgml.html | #cc6666 | — |
| meta.tag.inline.any.html, meta.tag.structure.any.html, meta.tag.block.any.html, meta.tag.any.html | #8abeb7 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.xml | #6c7a80 | — |
| entity.name.section.markdown | #b294bb | — |
| punctuation.definition.heading.markdown | #f0c674 | — |
| punctuation.definition.heading.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, beginning.punctuation.definition.list.markdown, punctuation.definition.raw.markdown | #6c7a80 | — |
| punctuation.definition.constant.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown | #f0c674 | |
| fenced_code.block.language | #cc6666 | — |
| markup.italic.markdown | #c5c8c6 | italic |
| markup.bold.markdown | #c5c8c6 | bold |
| meta.link.inline.markdown, markup.underline.link.markdown | #81a2be | |
| markup.quote.markdown | #b5bd6888 | |
| markup.list.unnumbered.markdown | #b5bd68dd | |
| markup.list.numbered.markdown | #b5bd68aa | |
| constant.other.reference.link.markdown | #cc6666 | |
| meta.tag.preprocessor.xml, meta.tag.xml | #8abeb7 | — |
| punctuation.definition.dictionary | #f0c674 | — |
| punctuation.support.type.property-name, punctuation.definition.string | #6c7a80 | — |
| support.type.property-name.json | #81a2be | — |
| punctuation.separator.dictionary.pair.json, punctuation.separator.parameter.js, punctuation.separator.comma.js | #8abeb7 | — |
| punctuation.definition.array.begin.json, punctuation.definition.array.end.json | #cc6666 | — |
| source.graphql meta.variables, source.graphql meta.arguments | #c5c8c6bb | — |
| source.graphql variable.arguments | #de935fbb | — |
| source.graphql constant | #de935f | — |
| source.graphql variable.fragment, source.graphql entity.name.fragment | #99dbff | — |
| source.graphql entity.name.function.directive | #b5bd68aa | — |
| source.graphql support.type | #cc6666 | — |
| source.graphql punctuation.operation, source.graphql meta.brace.round | #f0c674 | — |
| source.graphql keyword.operator | #f0c674 | — |
| source.graphql punctuation.colon, source.graphql punctuation.comma | #8abeb7 | — |
| source.reason entity.name.class | #de935f | — |
| source.reason entity.name.tag.inline.any | #de935fbb | — |
| source.reason markup.inserted constant.language | #c5c8c6bb | — |
| source.reason support.type string.regexp | #cc6666 | — |
| source.reason keyword.control | #8abeb7 | — |
| source.reason constant.numeric | #99dbff | — |
| meta.interpolation.cs variable.other.object.cs, meta.interpolation.cs variable.other.object.property.cs, meta.interpolation.cs variable.other.readwrite.cs | #c5c8c6 | — |
| token.info-token | #81a2be | — |
| token.warn-token | #de935f | — |
| token.error-token | #a54242 | — |
| token.debug-token | #85678f | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...