After eight
Publisher: hhochart29Themes in package: 1
A VSCode Theme inspired by After Eight & Mint colors
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#73f8c5
- activityBar.background#1a1919
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#ffffff5b
- activityBarBadge.background#73f8c5
- activityBarBadge.foreground#1a1919
- badge.background#73f8c5
- badge.foreground#1a1919
- button.background#73f8c5
- button.foreground#1a1919
- button.hoverBackground#73f8c5c9
- debugToolBar.background#232e33
- diffEditor.insertedTextBackground#00ff001a
- diffEditor.removedTextBackground#ff00001a
- dropdown.background#131313
- dropdown.border#131313
- dropdown.foreground#ffffff
- editor.background#1a1919
- editor.findMatchBackground#0096887a
- editor.foreground#d4d4d4
- editor.lineHighlightBackground#ffffff13
- editor.selectionBackground#ffffff13
- editorBracketMatch.background#354044
- editorBracketMatch.border#ff000000
- editorCursor.foreground#73f8c5
- editorGroup.dropBackground#ffffff21
- editorGroupHeader.tabsBackground#1a1919
- editorLineNumber.foreground#ffffff3d
- editorOverviewRuler.findMatchForeground#0000ff
- editorSuggestWidget.background#29363d
- editorSuggestWidget.border#29363d
- editorSuggestWidget.foreground#e6f5f3
- editorSuggestWidget.highlightForeground#e6f5f3
- editorSuggestWidget.selectedBackground#009688
- editorWidget.background#222222
- editorWidget.border#222222
- focusBorder#1a1919
- gitDecoration.conflictingResourceForeground#f69864
- gitDecoration.deletedResourceForeground#ef5350
- gitDecoration.ignoredResourceForeground#ffffff57
- gitDecoration.modifiedResourceForeground#ffca28
- gitDecoration.untrackedResourceForeground#8bc34a
- input.background#131313
- input.foreground#ffffff
- input.placeholderForeground#ffffff4f
- list.activeSelectionBackground#73f8c5
- list.activeSelectionForeground#1a1919
- list.dropBackground#ffffff38
- list.focusBackground#ffffff11
- list.focusForeground#73f8c5
- list.highlightForeground#eeffff
- list.hoverBackground#ffffff21
- list.hoverForeground#ffffff
- list.inactiveFocusBackground#73f8c5
- list.inactiveSelectionBackground#ffffff21
- list.inactiveSelectionForeground#ffffff
- notificationCenterHeader.background#222222
- notificationCenterHeader.foreground#ffffff
- notifications.background#222222
- panel.background#1a1919
- panel.border#ffffff25
- panelTitle.activeBorder#73f8c5
- pickerGroup.border#73f8c5
- pickerGroup.foreground#b1b1b1
- quickInput.background#222222
- scrollbar.shadow#1a1919
- scrollbarSlider.activeBackground#ffffff36
- scrollbarSlider.background#ffffff18
- scrollbarSlider.hoverBackground#ffffff28
- settings.numberInputBackground#131313
- settings.numberInputForeground#ffffff
- settings.textInputBackground#131313
- settings.textInputForeground#ffffff
- sideBar.background#1a1919
- sideBar.border#ffffff25
- sideBar.foreground#ffffffc2
- sideBarSectionHeader.background#1a1919
- sideBarSectionHeader.foreground#ffffffc2
- sideBarTitle.foreground#bbbbbb
- statusBar.background#73f8c5
- statusBar.foreground#1a1919
- tab.activeBackground#1a1919
- tab.activeBorder#73f8c5
- tab.activeForeground#ffffff
- tab.border#ffffff10
- tab.inactiveBackground#1a1919
- tab.inactiveForeground#ffffff7a
- terminal.ansiBlack#313131
- terminal.ansiBlue#73f8c5
- terminal.ansiBrightBlack#708284
- terminal.ansiBrightBlue#73f8c5
- terminal.ansiBrightCyan#73f8c5
- terminal.ansiBrightGreen#ecd2af
- terminal.ansiBrightMagenta#e23673
- terminal.ansiBrightRed#FF869A
- terminal.ansiBrightWhite#e6e5e5
- terminal.ansiBrightYellow#ffc5f5
- terminal.ansiCyan#00b9cc
- terminal.ansiGreen#ecd2af
- terminal.ansiMagenta#e23673
- terminal.ansiRed#ff5d4e
- terminal.ansiWhite#e6e5e5
- terminal.ansiYellow#ffc5f5
- terminal.background#1a1919
- terminal.foreground#d4d4d4
- terminal.selectionBackground#ffffff13
- textLink.activeForeground#73f8c5c9
- textLink.foreground#73f8c5
- titleBar.activeBackground#1a1919
- tree.indentGuidesStroke#ffffff5b
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, punctuation.definition.dictionary, punctuation.separator.dictionary.pair, variable.other, variable.assignment, entity.name.type.instance, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.definition.constant.css, constant.other.color, support.constant.color, meta.property-name.css, meta.property-value.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.section.media.begin.bracket.curly.css, punctuation.section.media.end.bracket.curly.css, punctuation.separator.list.comma.css, meta.paragraph.markdown, text.html.markdown, text.html.basic, punctuation.definition.variable.less, variable.other.object, text.jade, punctuation.section.property-list.begin.bracket.curly.scss, punctuation.section.property-list.end.bracket.curly.scss, variable.interpolation.scss, punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, string.other.link.description.title.markdown, constant.language.import-export-all.js, constant.language.import-export-all.ts, constant.language.import-export-all.tsx, meta.parameters.js, punctuation.separator.comma.js | #ecd2af | — |
| punctuation, meta.brace | #ffffff99 | — |
| string.quoted, meta.jsx.children.js, string.template.js | #ffc5f5 | — |
| support.type.property-name, meta.object-literal.key, source.coffee.embedded.source, entity.name.section.markdown, punctuation.definition.heading.markdown, string.unquoted.plain.out.yaml, string.interpolated.jade, support.type.builtin.graphql | #ffffff99 | — |
| constant.numeric, variable.parameter.function, keyword.other.unit | #FF869A | — |
| constant.language, entity.name.tag.html, entity.name.tag.structure.any.html, entity.name.tag.inline.any.html, entity.name.tag.block.any.html, constant.other.table-name.sql, constant.other.database-name.sql, entity.name.tag.xml, entity.name.tag.localname.xml, entity.name.tag.yaml, entity.name.tag.style.html, entity.name.tag.other.html, support.variable.property.js, entity.name.tag.jade, constant.name.attribute.tag.jade, entity.name.tag.js, entity.name.tag.ts, entity.name.tag.tsx, support.class.component.js, support.class.component.ts, support.class.component.tsx, meta.group.regexp, string.regexp.js, keyword.operator, support.constant, support.type.object.module.js | #FF869A | — |
| comment, punctuation.definition.comment | #ffffff55 | italic |
| punctuation.definition.keyword, punctuation.definition.directive, storage.modifier.cs, markup.italic.markdown, punctuation.definition.italic.markdown, meta.tag.sgml.doctype.html, storage.modifier.java, punctuation.definition.storage.type.objc, storage.modifier.perl, storage.modifier.async.js, support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.definition.block.tag.jsdoc, storage.modifier.js, storage.modifier.ts, storage.modifier.tsx, entity.name.function, support.class.component.html, meta.export.default.js, keyword.control.export.js, keyword.control.default.js | #73f8c5 | — |
| markup.italic.markdown, punctuation.definition.italic.markdown | #73f8c5 | italic |
| keyword.control, storage.type, keyword.other.important.css, keyword.other.class.cs, keyword.type.cs, keyword.package.go, keyword.import.go, keyword.function.go, keyword.var.go, keyword.const.go, keyword.other.DML.sql, keyword.other.alias.sql, keyword.other.definition.ini, keyword.type.graphql, support.function, variable.other.property, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.quote.markdown, meta.function-call.generic.python, keyword.other.special-method.ruby, entity.name.type.js, variable.other.object.property.js, entity.name.section.group-title.ini, support.variable.property.dom.js, support.variable.property.dom.ts, entity.name.type.ts, entity.name.type.tsx, variable.graphql | #ffffffee | — |
| markup.quote.markdown | #82AAFF | italic |
| support.class, entity.name.type.class, constant.numeric.css, entity.other.attribute-name, support.variable.object.node.js, support.variable.object.process.js, support.variable.property.process.js, support.variable.dom.js, support.constant.json.js, entity.other.inherited-class, support.variable.dom.ts, support.type.primitive.ts, entity.name.type.interface.ts, entity.name.type.module.js, entity.name.type.module.ts, entity.name.type.module.tsx, support.variable.dom.tsx, support.type.graphql | #ffffff99 | — |
| markup.bold.markdown, punctuation.definition.bold.markdown | #FF869A | bold |
| variable.language.super, punctuation.definition.metadata.markdown, variable.language.special.self.python, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss | #e4b291 | — |
| support.type.property-name.css, support.type.property-name.media.css, support.constant.parity.css, meta.object-literal.key.js | #ffffffee | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #FF869A | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |