Flate Next
Publisher: Ledian LekaThemes in package: 3
Flate Theme, but with some tweaks.
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#c9a46c
- activityBar.activeFocusBorder#c9a46c
- activityBar.background#1a1a1e
- activityBar.border#2b3038
- activityBar.foreground#d8dadf
- activityBar.inactiveForeground#7a838f
- activityBarBadge.background#c9a46c
- activityBarBadge.foreground#0f1114
- badge.background#c9a46c
- badge.foreground#0f1114
- breadcrumbPicker.background#1a1a1e
- button.background#2a2f38
- button.foreground#eff2f5
- button.hoverBackground#303540
- commandCenter.activeBackground#20242a
- commandCenter.background#1a1a1e
- commandCenter.border#323843
- commandCenter.foreground#d8dadf
- contrastBorder#2b3038
- diffEditor.border#323843
- diffEditor.insertedTextBackground#6fca7a2a
- diffEditor.removedTextBackground#d97a7a2a
- dropdown.background#1a1a1e
- dropdown.border#323843
- dropdown.listBackground#1a1a1e
- editor.background#1a1a1e
- editor.findMatchBackground#8fa9c944
- editor.findMatchBorder#8fa9c9aa
- editor.findMatchHighlightBackground#8fa9c933
- editor.findMatchHighlightBorder#8fa9c980
- editor.findRangeHighlightBackground#8fa9c91f
- editor.findRangeHighlightBorder#8fa9c933
- editor.foreground#e6e7ea
- editor.inactiveSelectionBackground#303a4855
- editor.lineHighlightBackground#22262c
- editor.lineHighlightBorder#2b3038
- editor.selectionBackground#3a46577a
- editor.selectionHighlightBackground#c9a46c29
- editor.selectionHighlightBorder#c9a46c99
- editor.wordHighlightBackground#c9a46c22
- editor.wordHighlightBorder#c9a46c
- editor.wordHighlightStrongBackground#c9a46c33
- editor.wordHighlightStrongBorder#c9a46c
- editorBracketMatch.background#262b34
- editorBracketMatch.border#c9a46c88
- editorCursor.foreground#f2f2f2
- editorGroup.border#2b3038
- editorGroupHeader.tabsBackground#1a1a1e
- editorGroupHeader.tabsBorder#2b3038
- editorHoverWidget.background#1a1a1e
- editorHoverWidget.border#323843
- editorIndentGuide.activeBackground1#3a414b
- editorIndentGuide.activeBackground2#4a515c
- editorIndentGuide.activeBackground3#5a626e
- editorIndentGuide.background1#262b34
- editorIndentGuide.background2#2f3540
- editorIndentGuide.background3#3a414b
- editorOverviewRuler.border#2b3038
- editorRuler.foreground#3a414b
- editorSuggestWidget.background#1a1a1e
- editorSuggestWidget.border#323843
- editorSuggestWidget.selectedBackground#2a2f38
- editorWhitespace.foreground#3a414b
- editorWidget.background#1a1a1e
- editorWidget.border#323843
- extensionButton.prominentBackground#c9a46c
- extensionButton.prominentForeground#0f1114
- extensionButton.prominentHoverBackground#bd985f
- focusBorder#2b3038
- input.background#1a1a1e
- input.border#323843
- input.placeholderForeground#8e97a3
- list.activeSelectionBackground#2a2f38
- list.activeSelectionForeground#f1f3f6
- list.dropBackground#3c4654aa
- list.focusBackground#2b313b
- list.focusForeground#ffffff
- list.hoverBackground#23272e
- list.hoverForeground#eef1f4
- list.inactiveSelectionBackground#22262c
- list.inactiveSelectionForeground#dfe5ea
- menu.border#323843
- menu.separatorBackground#323843
- minimap.findMatchHighlight#8fa9c9aa
- minimap.selectionHighlight#c9a46c80
- notifications.background#1a1a1e
- notifications.border#323843
- panel.background#1a1a1e
- panel.border#2b3038
- panelTitle.activeBorder#c9a46c
- panelTitle.activeForeground#eef1f4
- panelTitle.inactiveForeground#a7b0bb
- peekView.border#323843
- peekViewEditor.background#1a1a1e
- peekViewResult.background#1a1a1e
- peekViewResult.selectionBackground#22262c
- peekViewTitle.background#1a1a1e
- scrollbar.shadow#00000066
- sideBar.background#1a1a1e
- sideBar.border#2b3038
- sideBar.foreground#c9cdd3
- sideBarSectionHeader.background#1a1a1e
- sideBarSectionHeader.border#323843
- statusBar.background#1a1a1e
- statusBar.border#2b3038
- statusBar.debuggingBackground#c9a46c
- statusBar.debuggingForeground#0f1114
- statusBar.foreground#d7dade
- statusBar.noFolderBackground#1a1a1e
- statusBarItem.remoteBackground#22262c
- statusBarItem.remoteForeground#dde3e8
- tab.activeBackground#22262c
- tab.activeBorderTop#c9a46c
- tab.activeForeground#f2f3f5
- tab.border#2b3038
- tab.hoverBackground#252a31
- tab.hoverForeground#ffffff
- tab.inactiveBackground#1a1a1e
- tab.inactiveForeground#8e97a3
- tab.unfocusedActiveBorderTop#c9a46c66
- terminal.ansiBlack#2b3038
- terminal.ansiBrightBlack#3a414b
- terminal.background#1a1a1e
- terminal.border#2b3038
- terminal.foreground#d7dade
- terminalCursor.foreground#f2f2f2
- titleBar.activeBackground#1a1a1e
- titleBar.border#2b3038
- titleBar.inactiveBackground#1a1a1e
- toolbar.activeBackground#282c33
- toolbar.hoverBackground#23272e
- tree.indentGuidesStroke#3a414b
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| invalid.deprecated.entity.other.attribute-name.html, keyword.control.as, keyword.control.at-rule, keyword.control.default, keyword.control.export, keyword.control.from, keyword.control.import, keyword.import.go, keyword.input, keyword.operator.type.annotation, keyword.other.sql.sqlite, keyword.package.go, keyword.type, punctuation.decorator, punctuation.definition, punctuation.definition.binding-pattern.object, punctuation.definition.block.tag.jsdoc, storage.type.class.jsdoc, support.type.object.module.js | #8f8d88 | none |
| Constants, constant.other.object.key.js, entity.name, entity.name.method.js, entity.name.module.js, entity.name.module.js, entity.name.tag, entity.name.tag.css, entity.name.tag.js, entity.name.type, entity.name.type.class, invalid, invalid.illegal, keyword.control, keyword.other.unit.px.css, punctuation.definition.binding-pattern.array, markup.bold markup.italic string, markup.bold markup.italic, markup.bold string, markup.bold, markup.deleted, markup.deleted.git_gutter, markup.italic markup.bold string, markup.italic markup.bold, markup.italic, markup.quote markup.bold string, markup.quote markup.bold, markup.underline, meta.brace.square, meta.class-method.js, meta.structure.dictionary.json, meta.structure.dictionary.value.json, meta.tag.sgml, source.js, source.json, source.sass, string.other.link, string.other.link.title.markdown, string.unquoted.label.js, support.class.component, support.other.variable, support.type, support.variable.object.node, tag.decorator.js punctuation.definition.tag.js, tag.decorator.js, variable.function.constructor, variable.import.parameter.js, variable.language, variable.other.class.js, variable.other.property, variable.other.readwrite.alias, variable.other.readwrite.alias.tsx | #00cecb | none |
| keyword.control.flow, keyword.function.go, keyword.input.graphql, keyword.type.graphql, keyword.control.at-rule.function, keyword.control.return.scss, storage.modifier, storage.modifier.async, storage.type.class, storage.type.enum, storage.type.function, storage.type.interface, storage.type.property, storage.type.type, support.function, punctuation.section.embedded.begin, punctuation.section.embedded.end, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.jsx, punctuation.section.embedded.end.tsx, punctuation.definition.parameters.begin.jsx, punctuation.definition.parameters.begin.tsx, punctuation.definition.parameters.end.jsx, punctuation.definition.parameters.end.tsx, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, variable.scss | #a29bfe | none |
| constant, constant.numeric, constant.other.caps.python, constant.other.placeholder, entity.other.attribute-name, entity.other.attribute-name.id, entity.other.attribute-name.placeholder.css, fenced_code.block.language, keyword.control.operator.css.scss, keyword.operator, keyword.operator.assignment, keyword.operator.assignment.compound, keyword.operator.new, keyword.other.unit, markup.bold, markup.deleted, meta.group.regexp, punctuation.accessor.optional, punctuation.separator.key-value.html, punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.constant, source.css, source.php, storage.type.function.arrow, support.class, support.constant, support.type.exception.python, text.html.markdown string, variable | #e84855 | none |
| entity.name.function, entity.name.function.sql.sqlite, entity.name.tag.yaml, keyword.other.special-method, markup.raw.block.fenced.markdown, markup.table, meta.function-call, punctuation.definition.list_item.markdown, punctuation.section.class.end, support.function.builtin.python, support.function, support.function.magic.python, support.function.misc.scss, text.html.markdown, variable.function, variable.language.fenced.markdown, variable.other.bare | #23d18c | none |
| comment, comment.block.scss, constant.character.escape, constant.other.color, entity.other.attribute-name, keyword, keyword.control, keyword.operator.type.annotation.tsx, keyword.other.substitution, keyword.other.template, markup.changed, markup.quote punctuation.definition.blockquote.markdown, markup.raw.block, meta.function-call.sql.sqlite, meta.parens, meta.separator, meta.tag, punctuation, punctuation.definition.comment, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.section.embedded, punctuation.separator.inheritance.php, punctuation.definition.section.case-statement, string.other.link.description.title.markdown, string.quoted.docstring.multi, string.quoted.docstring.multi.python constant.character.escape, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.regexp, variable.language.fenced.markdown | #424b54 | none |
| support.type.property-name.json, variable.other.env, keyword.other.definition.insert_final_newline.editorconfig, keyword.other.definition.root.editorconfig, keyword.other.definition.indent_size.editorconfig, keyword.other.definition.indent_style.editorconfig, keyword.other.definition.indent_style.editorconfig, keyword.other.definition.end_of_line.editorconfig, keyword.other.definition.charset.editorconfig, keyword.other.definition.trim_trailing_whitespace.editorconfig | #00cecb | none |
| constant.character, constant.escape, constant.language, constant.numeric, entity.other.attribute-name.pseudo-class.css, keyword.other, keyword.other.unit, keyword.control.trycatch, source.json, support.constant, support.variable.property | #f0aa85 | none |
| keyword.control.as, keyword.operator.assignment.env, punctuation.separator.key-value.editorconfig, meta.brace.round, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.section.function.scss, punctuation.section.function.begin.bracket.round, punctuation.section.function.end.bracket.round, punctuation.definition.media-query.begin.bracket.round, punctuation.definition.media-query.end.bracket.round, source meta.block keyword.control.loop, source switch-statement.expr switch-block.expr keyword.control.loop, storage.type | #ff5d8f | none |
| constant.character.escape.backslash.regexp, entity.name.type.instance.jsdoc, entity.other.attribute-name.html, entity.other.attribute-name.js.jsx, entity.other.attribute-name.tsx, entity.other.inherited-class, keyword.control.loop, meta.structure.dictionary.value.json, source.js meta.arrow.js meta.block.js meta.function-call.js variable.other.object.js, source.js meta.class.js meta.method.declaration.js meta.block.js meta.block.js meta.arrow.js meta.block.js meta.var.expr.js meta.function-call.js variable.other.object.js, source.js meta.class.js meta.method.declaration.js meta.block.js meta.block.js meta.function-call.js variable.other.object.js, source.js meta.class.js meta.method.declaration.js meta.block.js meta.block.js meta.var.expr.js meta.function-call.js variable.other.object.js, source.js meta.class.js meta.method.declaration.js meta.block.js meta.block.js meta.var.expr.js meta.objectliteral.js meta.object.member.js meta.objectliteral.js meta.object.member.js meta.function-call.js variable.other.object.js, source.js meta.class.js meta.method.declaration.js meta.block.js meta.var.expr.js meta.function-call.js variable.other.object.js, source.js meta.export.default.js meta.function.expression.js meta.block.js meta.tag.without-attributes.js meta.jsx.children.js meta.tag.without-attributes.js meta.jsx.children.js meta.tag.js meta.tag.attributes.js entity.other.attribute-name.js, source.json | #f49e4c | none |
| entity.name, markup.changed.git_gutter, meta.property-value.scss, variable.other.object, meta.use.php, support.class, support.constant.property-value.css, support.orther.namespace.use.php, support.other.namespace.php, support.type.builtin.graphql, support.type.primitive, support.type.sys-types | #eab464 | none |
| keyword.control.conditional, keyword.control.switch | #f38375 | none |
| *link*, *uri*, *url* | — | underline |
| constant.other.color, markup.inline.raw.markdown, meta.definition.property.tsx, meta.object-literal.key, punctuation.definition.raw.markdown, source.css, source.js meta.class.js meta.method.declaration.js meta.block.js meta.block.js meta.block.js meta.objectliteral.js meta.object.member.js meta.objectliteral.js meta.object.member.js meta.function-call.js variable.other.object.js, source.js meta.class.js meta.method.declaration.js meta.block.js meta.block.js meta.objectliteral.js meta.object.member.js meta.function-call.js variable.other.object.js, source.js meta.class.js meta.method.declaration.js meta.block.js meta.block.js meta.objectliteral.js meta.object.member.js meta.objectliteral.js meta.object.member.js meta.function-call.js variable.other.object.js, source.js meta.class.js meta.method.declaration.js meta.block.js meta.block.js meta.var.expr.js meta.objectliteral.js meta.object.member.js variable.other.object.js, source.js meta.class.js meta.method.declaration.js meta.block.js meta.var.expr.js meta.function-call.js variable.other.object.js, source.less, source.postcss, source.sass, source.scss, source.stylus, source meta.class meta.method.declaration meta.block meta.block meta.arrow meta.block variable.other.object, source.ts meta.class.ts meta.field.declaration.ts meta.definition.property.ts variable.object.property.ts, source.ts meta.interface.ts meta.field.declaration.ts meta.definition.property.ts variable.object.property.ts, source.ts meta.type.declaration.ts meta.object.type.ts meta.field.declaration.ts meta.definition.property.ts variable.object.property.ts, string.quoted.double.env, string.quoted.double.json, string.quoted.single.env, string.quoted.single.yaml, string.unquoted.plain.out.yaml, support.type.property-name, support.type.property-name.css, text.html.markdown, variable.graphql, variable.object.property.tsx, variable.other.constant, variable.other.jsdoc, variable.other.object.property, variable.other.readwrite, variable.parameter | #e9dbdb | none |
| constant.other.key, constant.other.object.key.js, constant.other.refzortce.link.markdown, constant.other.symbol, entity.name, entity.other.attribute-name, entity.other.attribute-name.class, markdown.heading, markup.heading, markup.heading, markup.heading.markdown, markup.inserted, markup.inserted.git_gutter, meta.group.braces.curly, meta.jsx.children, meta.structure.dictionary.jsoYn, meta.structure.dictionary.value.json, punctuation.definition.block, punctuation.definition.binding-pattern.object, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly, punctuation.definition.interpolation.begin.bracket.curly, punctuation.definition.interpolation.end.bracket.curly, punctuation.definition.heading.markdown, source.json, string.quoted.double.html, string.unquoted.label.js, text.html.basic, text.html.basic, string | #ffe066 | none |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...