Coffee at 2 AM
Publisher: AuracleThemes in package: 1
Peaceful coding 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.activeBackground#0000
- activityBar.activeBorder#0000
- activityBar.activeFocusBorder#0000
- activityBar.background#161622
- activityBar.border#0000
- activityBar.dropBorder#4da3ff99
- activityBar.foreground#4da3ff
- activityBar.inactiveForeground#08080c
- activityBarBadge.background#161622
- activityBarBadge.foreground#4da3ff
- button.background#8282a6
- button.border#0000
- button.foreground#08080c
- button.hoverBackground#4da3ff
- contrastBorder#0000
- diffEditor.border#1E1D2E
- diffEditor.diagonalFill#16162299
- diffEditor.insertedLineBackground#636cee10
- diffEditor.insertedTextBackground#636cee40
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#b35ab610
- diffEditor.removedTextBackground#b35ab640
- diffEditor.removedTextBorder#00000000
- diffEditorGutter.insertedLineBackground#636cee33
- diffEditorGutter.removedLineBackground#b35ab633
- diffEditorOverview.insertedForeground#636cee50
- diffEditorOverview.removedForeground#b35ab650
- dropdown.background#161622
- editor.background#222236
- editor.findMatchBackground#4da3ff99
- editor.findMatchHighlightBackground#bf40b466
- editor.foreground#b3b3d4
- editor.lineHighlightBackground#4da3ff09
- editor.selectionBackground#4da3ff66
- editor.wordHighlightBackground#4da3ff33
- editorBracketHighlight.foreground1#d792ec
- editorBracketHighlight.foreground2#f1b47a
- editorBracketHighlight.foreground3#7fdaab
- editorBracketHighlight.foreground4#ec97c3
- editorBracketHighlight.foreground5#cfb070
- editorBracketHighlight.foreground6#a7a0f5
- editorBracketHighlight.unexpectedBracket.foreground#ef5d5d
- editorCursor.foreground#4da3ff
- editorError.foreground#f56464
- editorGroup.border#1A1F2E
- editorGroupHeader.tabsBackground#1E1D2E
- editorGutter.addedBackground#6bc5e088
- editorGutter.deletedBackground#b35ab688
- editorGutter.modifiedBackground#636cee88
- editorIndentGuide.background1#31314e
- editorInlayHint.background#1E1D2E
- editorInlayHint.foreground#8282a6
- editorLineNumber.activeForeground#4da3ff
- editorLineNumber.foreground#43435f
- editorOverviewRuler.addedForeground#0000
- editorOverviewRuler.background#00000000
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#0000
- editorOverviewRuler.commonContentForeground#ff0000
- editorOverviewRuler.currentContentForeground#00ff00
- editorOverviewRuler.deletedForeground#0000
- editorOverviewRuler.errorForeground#f56464
- editorOverviewRuler.findMatchForeground#bf40b466
- editorOverviewRuler.incomingContentForeground#0000ff
- editorOverviewRuler.infoForeground#bf40b4
- editorOverviewRuler.modifiedForeground#0000
- editorOverviewRuler.rangeHighlightForeground#F0F
- editorOverviewRuler.selectionHighlightForeground#4da3ff33
- editorOverviewRuler.warningForeground#ecaf69
- editorOverviewRuler.wordHighlightForeground#4da3ff33
- editorOverviewRuler.wordHighlightStrongForeground#00F
- editorOverviewRuler.wordHighlightTextForeground#4da3ff33
- editorSuggestWidget.background#161622
- editorWarning.foreground#ecaf69
- editorWhitespace.foreground#4da3ff66
- editorWidget.background#161622
- errorLens.errorBackground#f5646422
- errorLens.errorForeground#f56464c4
- errorLens.warningBackground#ecaf690C
- errorLens.warningForeground#ecaf69c4
- focusBorder#0000
- foreground#8282a6
- gitDecoration.addedResourceForeground#6bc5e0
- gitDecoration.deletedResourceForeground#c46bc7
- gitDecoration.ignoredResourceForeground#8663e7
- gitDecoration.modifiedResourceForeground#9ba1ff
- gitDecoration.untrackedResourceForeground#6bc5e0
- input.background#222236
- input.border#0000
- input.foreground#4da3ff
- input.placeholderForeground#8282a6
- list.activeSelectionBackground#4da3ff11
- list.activeSelectionForeground#4da3ff
- list.errorForeground#f56464
- list.focusBackground#4da3ff22
- list.hoverBackground#4da3ff08
- list.inactiveSelectionBackground#4da3ff11
- list.inactiveSelectionForeground#8282a6
- list.warningForeground#ecaf69
- menu.border#0000
- minimap.errorHighlight#f56464
- minimap.warningHighlight#ecaf69
- panel.background#1E1D2E
- panel.border#0000
- panel.dropBorder#4da3ff99
- panelInput.border#0000
- panelSection.border#1E1D2E
- panelSection.dropBackground#4da3ff22
- panelSectionHeader.background#161622
- panelSectionHeader.border#1E1D2E
- panelSectionHeader.foreground#8282a6
- panelTitle.activeBorder#0000
- panelTitle.activeForeground#4da3ff
- panelTitle.inactiveForeground#8282a6
- pickerGroup.foreground#FFE792
- problemsErrorIcon.foreground#f56464
- problemsWarningIcon.foreground#ecaf69
- scrollbar.shadow#0000
- scrollbarSlider.activeBackground#4da3ff33
- scrollbarSlider.background#31314e66
- scrollbarSlider.hoverBackground#31314e99
- selection.background#4da3ff33
- sideBar.background#1E1D2E
- sideBar.border#0000
- sideBarSectionHeader.background#161622
- sideBarTitle.foreground#8282a6
- statusBar.background#161622
- statusBar.border#0000
- statusBar.debuggingBackground#4da3ff99
- statusBar.debuggingBorder#0000
- statusBar.debuggingForeground#8282a6
- statusBar.focusBorder#0000
- statusBar.foreground#8282a6
- statusBar.noFolderBackground#0000
- statusBar.noFolderBorder#0000
- statusBar.noFolderForeground#8282a6
- statusBarItem.activeBackground#4da3ff33
- statusBarItem.compactHoverBackground#0000
- statusBarItem.errorBackground#f56464
- statusBarItem.errorForeground#8282a6
- statusBarItem.focusBorder#0000
- statusBarItem.hoverBackground#4da3ff33
- statusBarItem.prominentBackground#4da3ff33
- statusBarItem.prominentForeground#8282a6
- statusBarItem.prominentHoverBackground#4da3ff33
- statusBarItem.remoteBackground#0000
- statusBarItem.remoteForeground#8282a6
- statusBarItem.warningBackground#ecaf69
- statusBarItem.warningForeground#8282a6
- tab.activeBackground#222236
- tab.activeBorderTop#4da3ff
- tab.activeForeground#4da3ff
- tab.border#1E1D2E
- tab.inactiveBackground#1E1D2E
- tab.inactiveForeground#8282a6
- tab.unfocusedActiveBorderTop#4da3ff99
- tab.unfocusedInactiveForeground#8282a6
- terminal.background#1E1D2E
- terminalCursor.foreground#4da3ff99
- titleBar.activeBackground#1E1D2E
- titleBar.activeForeground#8282a6
- titleBar.border#0000
- titleBar.inactiveBackground#161622
- titleBar.inactiveForeground#8282a6
- widget.border#1E1D2E
- widget.shadow#1E1D2E
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| #97a7c8ff | — | |
| comment | #506686 | — |
| string | #22ffbd | — |
| entity.name.namespace.rust | #90A1C8 | — |
| string.unquoted.html, string.quoted.double.js, string.quoted.single.html, constant.other.symbol, entity.other.inherited-class | #22ffbd | — |
| string.quoted.single.js | #22ffbd | — |
| support.variable.dom.js | #59f2f7 | — |
| variable.other.constant.js, variable.other.constant.object.js, variable.other.constant.property.js | #e9b684 | — |
| constant.language | #FFE792 | — |
| constant.character, constant.other | #AC58FF | — |
| variable | #B7C6DA | — |
| keyword | #E95293 | — |
| storage | #FF5BA2 | — |
| storage.type | #D59DF6 | — |
| entity.name.class | #82C600 | — |
| entity.other.inherited-class | #82C600 | italic underline |
| variable.parameter | #85AC3A | — |
| entity.name.tag | #E76572 | — |
| entity.other.attribute-name, entity.other.attribute-name.class.css, string.quoted.double.json | #EAB780 | — |
| meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html | #E26674 | — |
| variable.language.this.js, variable.language.this.ts, entity.name.type | #eab780 | — |
| entity.other.attribute-name.id.html | #fffa9e | — |
| entity.name.function.js, entity.name.function.method.js, entity.name.accessor.js, entity.name.class.js | #71b1fe | — |
| support.class.builtin.js, entity.name.type.class.js | #fffa9e | — |
| variable.parameter.js, constant.other.object.key.js, variable.other.readwrite.js, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, meta.object-literal.key.js, meta.array.literal.js, meta.brace.round.js, punctuation.definition.block.js, meta.objectliteral.js | #97a7c8 | — |
| constant.language.boolean.false.js, constant.language.boolean.true.js | #eab780 | — |
| support.variable.property.dom.js, entity.name.type.new.js | #e76572 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #E26674 | — |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #82BAF2 | — |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #D0B344 | — |
| meta.toc-list.id | #88F2AF | — |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, string.quoted.double.handlebars | #56A3B1 | — |
| entity.other.attribute-name.id | #85AC3A | — |
| support.type.property-name.css | #4ff2f8 | — |
| entity.other.attribute-name.id.css | #fffa9e | — |
| constant.other.color.rgb-value.hex.css | #4ff2f8 | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #85AC3A | — |
| support.function | #71b1fe | — |
| support.constant | #E76572 | — |
| support.type, support.class | #4DB1D8 | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array | #d8d8d8 | — |
| none | #d8d8d8 | — |
| keyword.operator | #4FF2F8 | — |
| keyword | #D59DF6 | — |
| variable, meta.selector.css | #e6e6e6 | — |
| entity.name.function, meta.require, support.function.any-method | #6EC4E3 | — |
| support.class, entity.name.class, entity.name.type.class | #E76572 | — |
| meta.class | #f8f8f8 | — |
| keyword.other.special-method | #7cafc2 | — |
| storage | #ba8baf | — |
| constant.numeric | #42ff76 | — |
| none | #dc9656 | — |
| none | #dc9656 | — |
| constant | #dc9656 | — |
| invalid.deprecated | #ff2259 | — |
| meta.diff, meta.diff.header | #655c2d | — |
| markup.deleted | #FF5BA2 | — |
| markup.inserted | #82C600 | — |
| markup.changed | #ffff63 | — |
| entity.name.filename.find-in-files | #ffff63 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| entity.name.section.markdown | #EF596F | — |
| punctuation.definition.heading.markdown | #E76572 | — |
| punctuation.definition.list.begin.markdown | #E5C07B | — |
| punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.underline.markdown | #E5C07B | — |
| markup.inline.raw.markdown | #89CA78 | — |
| markup.inline.raw.string.markdown | #70ca8e | — |
| punctuation.definition.raw.markdown | #E5C07B | — |
| punctuation.definition.list.markdown | #E5C07B | — |
| punctuation.definition.metadata.markdown | #FFFFFF | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #56A3B1 | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #3bb3e2 | — |
| markup.quote.markdown | #FFFFFF | — |
| markup.bold.markdown | #c59164 | bold |
| markup.italic.markdown | #c59164 | italic |
| markup.underline.markdown | #c59164 | underline |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #E5C07B | — |
| beginning.punctuation.definition.list.markdown | #EF596F | — |
| markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #EF596F | — |
| fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown | #3bb3e2 | — |
| text.html.markdown string.unquoted.plain.out.yaml | #506686 | — |
| text.html.markdown entity.name.tag.yaml | #97a7c8 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...