Daybreak Asuna
Publisher: Canti FirestarterThemes in package: 1
Daybreak Asuna Theme, a custom complex dark theme for Visual Studio Code.
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#202020
- activityBar.border#2a2929
- activityBar.foreground#99202c
- activityBar.inactiveForeground#99202cBB
- activityBarBadge.background#99202c
- activityBarBadge.foreground#202020
- badge.background#99202c
- badge.foreground#202020
- breadcrumb.activeSelectionForeground#579DFA
- breadcrumb.focusForeground#7a3f41
- breadcrumb.foreground#5d5051
- button.background#272524
- button.foreground#998c92
- button.hoverBackground#232323AA
- button.secondaryBackground#272524CC
- button.secondaryForeground#998c92BB
- button.secondaryHoverBackground#531616AA
- charts.blue#579DFA
- charts.green#42E66C
- charts.orange#FCA57E
- charts.purple#9B6BDF
- charts.red#E356A7
- charts.yellow#EFA554
- checkbox.border#766A6B
- checkbox.foreground#99202c
- debugConsole.errorForeground#FF5555
- debugConsole.infoForeground#7a3f41
- debugConsole.sourceForeground#579DFA
- debugExceptionWidget.border#2a2929
- debugIcon.breakpointCurrentStackframeForeground#531616
- debugIcon.breakpointDisabledForeground#6f606b
- debugIcon.breakpointForeground#99202c
- debugIcon.breakpointStackframeForeground#2b2b2b
- debugIcon.breakpointUnverifiedForeground#65656B
- debugIcon.continueForeground#99202c
- debugIcon.restartForeground#42E66C
- debugIcon.startForeground#99202c
- debugIcon.stepIntoForeground#EFA554
- debugIcon.stepOutForeground#75D7EC
- debugIcon.stepOverForeground#9B6BDF
- debugIcon.stopForeground#FF5555
- debugTokenExpression.boolean#e0474b
- debugTokenExpression.error#FF5555
- debugTokenExpression.name#7ECAFA
- debugTokenExpression.number#86dbfd
- debugTokenExpression.string#FFD86E
- debugTokenExpression.value#7a3f41
- debugToolBar.background#1e1e1e
- debugView.stateLabelBackground#282828
- debugView.valueChangedHighlight#53161699
- descriptionForeground#7a3f41
- diffEditor.insertedTextBackground#1B3B1C50
- diffEditor.removedTextBackground#32323450
- dropdown.background#1b1b1b
- dropdown.border#2a2929
- dropdown.foreground#bbbbbb
- editor.background#1b1b1b
- editor.findMatchBackground#531616
- editor.findMatchBorder#99202c
- editor.findMatchHighlightBackground#A8A117AA
- editor.focusedStackFrameHighlightBackground#2b2b2b
- editor.lineHighlightBackground#20202077
- editor.lineHighlightBorder#20202000
- editor.linkedEditingBackground#313131
- editor.selectionBackground#531616
- editor.selectionHighlightBackground#313131AA
- editor.snippetTabstopHighlightBackground#313131AA
- editor.stackFrameHighlightBackground#531616
- editor.wordHighlightBackground#313131AA
- editor.wordHighlightStrongBackground#313131AA
- editorBracketHighlight.foreground1#ffd700
- editorBracketHighlight.foreground2#da70d6
- editorBracketHighlight.foreground3#179fff
- editorBracketHighlight.unexpectedBracket.foreground#FF5555
- editorBracketMatch.border#99202c
- editorCursor.background#1b1b1b
- editorCursor.foreground#99202c
- editorError.border#581F1F
- editorError.foreground#FF5555
- editorGutter.addedBackground#1B3B1C
- editorGutter.background#00000000
- editorGutter.deletedBackground#323234
- editorGutter.modifiedBackground#203952
- editorHoverWidget.border#2a2929
- editorIndentGuide.activeBackground1#2a2929
- editorIndentGuide.background1#2a2929
- editorInfo.border#2a2929
- editorLineNumber.activeForeground#99202c
- editorLineNumber.foreground#5d5051
- editorOverviewRuler.border#2a2929
- editorOverviewRuler.findMatchForeground#2b2b2baa
- editorSuggestWidget.background#1e1e1e
- editorSuggestWidget.border#1b1b1b
- editorUnnecessaryCode.border#65656B
- editorWidget.background#1e1e1e
- editorWidget.border#99202c
- errorForeground#FF5555
- focusBorder#2a2929
- foreground#bbbbbb
- gitDecoration.ignoredResourceForeground#6f606b
- gitDecoration.modifiedResourceForeground#99202c
- input.background#1c1c1cAA
- input.border#2a2929
- input.placeholderForeground#7a3f41
- inputOption.activeBorder#2a2929
- inputValidation.errorBackground#581F1F
- inputValidation.errorForeground#FF5555
- inputValidation.warningBackground#20221c
- keybindingLabel.background#272524
- keybindingLabel.bottomBorder#2a2929
- keybindingLabel.foreground#998c92
- list.activeSelectionBackground#531616
- list.activeSelectionForeground#fbfbfb
- list.deemphasizedForeground#7a3f41
- list.errorForeground#FF5555
- list.focusBackground#531616
- list.focusForeground#fbfbfb
- list.highlightForeground#b62230
- list.hoverBackground#5316167a
- list.inactiveSelectionBackground#2b2b2b99
- list.inactiveSelectionForeground#bbbbbb
- list.invalidItemForeground#6f606b
- merge.border#2a2929
- minimap.errorHighlight#FF5555AA
- minimap.selectionHighlight#531616aa
- notebook.cellHoverBackground#272727
- notebook.focusedCellBorder#282828
- notificationCenter.border#2a2929
- notifications.background#1e1e1e80
- notifications.border#2a2929
- notificationToast.border#99202c9A
- panel.background#1b1b1b
- panel.border#2a2929
- panelSection.dropBackground#313131AA
- panelSectionHeader.background#1e1e1e
- panelTitle.activeBorder#99202c
- panelTitle.activeForeground#bbbbbb
- panelTitle.inactiveForeground#bbbbbb
- peekView.border#99202c
- peekViewEditor.background#232323
- peekViewEditor.matchHighlightBackground#2b2b2b
- peekViewEditorGutter.background#232323
- peekViewResult.background#1c1c1c
- peekViewResult.fileForeground#7a3f41
- peekViewResult.matchHighlightBackground#2b2b2b
- peekViewResult.selectionBackground#531616
- peekViewTitle.background#1e1e1e
- peekViewTitleDescription.foreground#7a3f41
- peekViewTitleLabel.foreground#bbbbbb
- pickerGroup.border#2a2929
- pickerGroup.foreground#7a3f41
- progressBar.background#99202c
- quickInput.foreground#bbbbbb
- quickInputList.focusBackground#531616AA
- scrollbar.shadow#1111113a
- scrollbarSlider.activeBackground#99202c9A
- scrollbarSlider.background#99202c5A
- scrollbarSlider.hoverBackground#99202c9A
- searchEditor.findMatchBackground#A8A117
- selection.background#531616
- settings.focusedRowBackground#282828
- settings.modifiedItemIndicator#99202c
- settings.numberInputBackground#202d35
- settings.numberInputBorder#182329
- settings.textInputBackground#202d35
- settings.textInputBorder#182329
- sideBar.background#1b1b1b
- sideBar.border#2a2929
- sideBarSectionHeader.background#202020
- statusBar.background#99202c
- statusBar.border#2a2929
- statusBar.debuggingBackground#99202c
- statusBar.noFolderBackground#99202c
- statusBarItem.prominentBackground#531616AA
- statusBarItem.prominentForeground#fbfbfb
- statusBarItem.remoteBackground#531616
- statusBarItem.remoteForeground#fbfbfb
- symbolIcon.arrayForeground#86dbfd
- symbolIcon.booleanForeground#e0474b
- symbolIcon.classForeground#7ECAFA
- symbolIcon.colorForeground#99202c
- symbolIcon.constantForeground#86dbfd
- symbolIcon.constructorForeground#7ECAFA
- symbolIcon.enumeratorForeground#FCA57E
- symbolIcon.enumeratorMemberForeground#86dbfd
- symbolIcon.eventForeground#99202c
- symbolIcon.fieldForeground#FCA57E
- symbolIcon.fileForeground#766A6B
- symbolIcon.folderForeground#766A6B
- symbolIcon.functionForeground#579DFA
- symbolIcon.interfaceForeground#FFD86E
- tab.activeBackground#282828
- tab.activeBorder#99202c
- tab.border#2a2929
- tab.hoverBackground#282828AA
- tab.inactiveBackground#1b1b1b
- terminal.ansiBlue#579DFA
- terminal.ansiCyan#75D7EC
- terminal.ansiGreen#42E66C
- terminal.ansiMagenta#E356A7
- terminal.ansiRed#E64747
- terminal.ansiYellow#EFA554
- terminalCursor.background#1b1b1b
- terminalCursor.foreground#99202c
- testing.iconErrored#FF5555
- testing.iconFailed#FF5555
- testing.message.info.decorationForeground#7a3f41
- testing.runAction#99202c
- textBlockQuote.background#232323
- textBlockQuote.border#2a2929
- textCodeBlock.background#232323
- textLink.activeForeground#99202c
- textLink.foreground#99202cAA
- textSeparator.foreground#2a2929
- titleBar.activeBackground#1e1e1e
- titleBar.border#2a2929
- titleBar.inactiveBackground#1e1e1e
- toolbar.activeBackground#282828
- toolbar.hoverBackground#282828
- toolbar.hoverOutline#282828
- tree.indentGuidesStroke#2a2929
- welcomePage.tileBackground#232323AA
- welcomePage.tileHoverBackground#531616AA
- widget.shadow#1111115A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| keyword.operator.logical, keyword.operator.new | #ba8ef7 | — |
| comment, punctuation.definition.comment | #4ca34a | italic |
| comment.line.shebang | #ff8ad1 | — |
| string constant.other.placeholder, variable | #939da5 | — |
| invalid, invalid.illegal | #FF5555 | underline strikethrough |
| invalid.deprecated | #7a3f41 | underline italic |
| constant.language.boolean, constant.language.java, constant.language.json, constant.language.python, constant.language.undefined, keyword, keyword.operator.expression.typeof, keyword.operator.instanceof, keyword.operator.new, keyword.operator.optional, markup.heading.setext, punctuation.definition.raw.markdown, storage.modifier, storage.type, support.type.primitive.ts, variable.language.this | #FF6363 | — |
| constant.other.color, keyword.operator, keyword.other.substitution, keyword.other.template, punctuation, punctuation.section.embedded | #FFD86E | — |
| keyword.control | #E9BC5F | — |
| punctuation.definition.string, punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end | #5FB3B3 | — |
| constant.language, variable.other.property | #ffa763 | — |
| meta.template.expression, punctuation.definition.template-expression, punctuation.definition.typeparameters | #939da5 | — |
| punctuation.definition.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html, punctuation.separator.inheritance.php | #939da5 | — |
| support.function.builtin | #89ddff | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #FF6363 | — |
| support.class.component | #E9BC5F | — |
| entity.name.function, keyword.other.special-method, meta.block-level, meta.function-call, support.function, variable.function | #579DFA | — |
| meta.function-call, punctuation.definition.arguments | #FFD86E | — |
| punctuation.accessor.js, punctuation.parenthesis | #FFD86E | — |
| variable.other | #939da5 | — |
| string.other.link, support.other.variable | #FAC863 | — |
| constant.numeric | #2e74b5 | — |
| constant.character, constant.escape, constant.language, keyword.other, keyword.other.unit, support.constant, variable.parameter | #FCA57E | — |
| support.variable.property | #ffa763 | — |
| constant.other.key, constant.other.object.key.js, constant.other.symbol, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly, string, string.unquoted.label.js | #5bec95 | — |
| meta.return.type | #ffea6b | — |
| entity.name.class, entity.name.type.class, markup.changed.git_gutter, meta.use.php, support.class, support.orther.namespace.use.php, support.other.namespace.php, support.type | #E9BC5F | — |
| keyword.other.unit.px.css, keyword.other.unit.s.css, meta.property-value.css, support.constant.color.w3c-standard-color-name.css, support.constant.property-value.css | #ffa763 | — |
| source.css support.type.property-name, source.less support.type.property-name, source.postcss support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.stylus support.type.property-name | #939da5 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #e15ae1 | — |
| variable.language | #E15A60 | italic |
| entity.name.method.js | #D8DEE9 | — |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #D8DEE9 | — |
| storage.type.function.arrow | #939da5 | — |
| support.type, support.type.primitive, support.type.sys-types | #89ddff | — |
| entity.other.attribute-name | #579DFA | — |
| entity.other.attribute-name.html, entity.other.attribute-name | #579DFA | — |
| entity.other.attribute-name.class | #579DFA | — |
| entity.other.attribute-name.id.css | #ff8ad1 | — |
| markup.inserted | #99C794 | — |
| markup.deleted | #E15A60 | — |
| markup.changed | #BB80B3 | — |
| string.regexp | #FFD86E | — |
| constant.character.escape | #FFD86E | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #6699CC | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #b15e7c | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #E9BC5F | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #939da5 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #5bec95 | — |
| markup.bold, markup.bold string | — | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | — | bold |
| markup.italic | — | italic |
| markup.underline | #939da5 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #939da5 | — |
| string.other.link.title.markdown | #89ddff | — |
| string.other.link.description.title.markdown | #E9BC5F | — |
| constant.other.reference.link.markdown | #ffea6b | — |
| markup.raw.block | #E9BC5F | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, punctuation.section.class.end, variable.language.fenced.markdown | #939da5 | — |
| variable.language.fenced.markdown | #939da5 | — |
| meta.separator | #8796b0 | bold |
| markup.table | #939da5 | — |
| entity.name.type.class | #FF6363 | — |
| support.type.object.module | #E9BC5F | — |
| constant.language.boolean | #E9BC5F | — |
| entity.name.type | #89ddff | — |
| constant.numeric.line-number.find-in-files - match | #AB7967 | — |
| entity.name.filename.find-in-files | #99C794 | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #E15A60 | italic |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| source.js entity.other.attribute-name.js | — | italic |
| text.html.basic entity.other.attribute-name.html | — | italic |