Flare Theme
Publisher: PyxelThemes in package: 1
A minimal dark theme based on Min Dark and Railgun.
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#1A1A1A
- activityBar.foreground#7D7D7D
- activityBarBadge.background#383838
- badge.background#383838
- badge.foreground#C1C1C1
- button.background#ea603e
- debugIcon.breakpointCurrentStackframeForeground#ea603e
- debugIcon.breakpointDisabledForeground#848484
- debugIcon.breakpointForeground#F85931
- debugIcon.breakpointStackframeForeground#ea603e
- debugIcon.breakpointUnverifiedForeground#848484
- debugIcon.continueForeground#F85931
- debugIcon.disconnectForeground#F85931
- debugIcon.pauseForeground#F85931
- debugIcon.restartForeground#ea603e
- debugIcon.startForeground#ea603e
- debugIcon.stepBackForeground#F85931
- debugIcon.stepIntoForeground#F85931
- debugIcon.stepOutForeground#F85931
- debugIcon.stepOverForeground#F85931
- debugIcon.stopForeground#ea603e
- editor.background#1f1f1f
- editor.foreground#bcac8f
- editor.lineHighlightBorder#303030
- editor.selectionBackground#3c3c3c
- editorGroupHeader.tabsBackground#1A1A1A
- editorGroupHeader.tabsBorder#3c3c3c
- editorIndentGuide.activeBackground#383838
- editorIndentGuide.background#2A2A2A
- editorLineNumber.foreground#727272
- editorRuler.foreground#3a3a3a
- editorSuggestWidget.background#1A1A1A
- focusBorder#444
- foreground#888888
- gitDecoration.ignoredResourceForeground#444444
- input.background#2A2A2A
- input.foreground#E0E0E0
- inputOption.activeBackground#3a3a3a
- list.activeSelectionBackground#212121
- list.activeSelectionForeground#F5F5F5
- list.focusBackground#292929
- list.highlightForeground#EAEAEA
- list.hoverBackground#262626
- list.hoverForeground#9E9E9E
- list.inactiveSelectionBackground#212121
- list.inactiveSelectionForeground#F5F5F5
- panelTitle.activeBorder#1f1f1f
- panelTitle.activeForeground#FAFAFA
- panelTitle.inactiveForeground#484848
- peekView.border#444
- peekViewEditor.background#242424
- pickerGroup.border#363636
- pickerGroup.foreground#EAEAEA
- progressBar.background#FAFAFA
- scrollbar.shadow#1f1f1f
- sideBar.background#1A1A1A
- sideBar.border#3c3c3c
- sideBarSectionHeader.background#202020
- statusBar.background#1A1A1A
- statusBar.border#3c3c3c
- statusBar.debuggingBackground#1A1A1A
- statusBar.foreground#7E7E7E
- statusBar.noFolderBackground#1A1A1A
- statusBarItem.prominentBackground#fafafa1a
- statusBarItem.remoteBackground#ea603e
- statusBarItem.remoteForeground#ffffff
- symbolIcon.classForeground#DB9833
- symbolIcon.constructorForeground#FFC62F
- symbolIcon.enumeratorForeground#DB9833
- symbolIcon.enumeratorMemberForeground#ea603e
- symbolIcon.eventForeground#DB9833
- symbolIcon.fieldForeground#ea603e
- symbolIcon.functionForeground#FFC62F
- symbolIcon.interfaceForeground#ea603e
- symbolIcon.methodForeground#FFC62F
- symbolIcon.variableForeground#ea603e
- tab.activeBorder#3c3c3c
- tab.activeForeground#FAFAFA
- tab.border#1A1A1A
- tab.inactiveBackground#1A1A1A
- tab.inactiveForeground#727272
- terminal.ansiBrightBlack#5c5c5c
- textLink.activeForeground#fafafa
- textLink.foreground#CCC
- titleBar.activeBackground#1A1A1A
- titleBar.border#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.comment | #5f5f5f | — |
| keyword.operator | #FF8F2E | — |
| punctuation, delimiter, bracket, brace, paren, delimiter.tag, punctuation.tag, tag.html, tag.xml, meta.property-value punctuation.separator.key-value,punctuation.definition.metadata.md, string.link.md, meta.brace | #7f7b66 | — |
| string, meta.property-value.string, support.constant.property-value.string, meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.json string.quoted.double.json, meta.preprocessor string | #cc7f66 | — |
| constant.numeric, meta.property-value.numeric, support.constant.property-value.numeric, meta.property-value.color, support.constant.property-value.color,constant.language | #DB9833 | — |
| constant.character, constant.other,entity.name.function, entity.name.class, entity.other.inherited-class, entity.other.attribute-name, entity.name, entity.other.attribute-name, entity.other.attribute-name.html, support.type.property-name, entity.name.tag.table, meta.structure.dictionary.json string.quoted.double.json | #798283 | — |
| keyword, meta.property-value.keyword, support.constant.property-value.keyword, meta.preprocessor.keyword,keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as | #ea603e | — |
| storage, storage.type, storage.type.ts, storage.type.var.ts, storage.type.js, storage.type.var.js, storage.type.const.ts, storage.type.let.ts, storage.type.let.js, storage.type.const.js, entity.name.tag | #FFC62F | — |
| meta.ptr, meta.pointer, meta.address, meta.array.cxx | #EBA96C | — |
| meta.preprocessor | #798283 | |
| support.type, support.class, support.function, support.constant | #FF8F2E | — |
| invalid | #f8f8f0 | |
| invalid.deprecated | #f8f8f0 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F85931 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| punctuation.definition.heading.md, entity.name.type.md, beginning.punctuation | #798283 | — |
| markup.heading, entity.name.section | #FFC62F | bold |
| markup.raw, markup.inline.raw, markup.fenced, markup.fenced_code | #cc7f66 | — |
| markup.link, string.other.link.title, string.other.link.description, meta.link.inline, meta.image.inline | #798283 | — |
| variable.language.makefile, variable.other.makefile | #798283 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| entity.other.attribute-name.class.css | #FF8F2E | — |
| entity.name.tag.css | #FFC62F | |
| meta.property-name.css | #798283 | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...