Juno Theme
Publisher: Jeff LamThemes in package: 2
A cosy light and vibey dark code theme inspired by the light yellow tint from Anthropic and dark neon glow of cyberpunk cities.
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.activeBackground#ffffff08
- activityBar.activeBorder#feb32b
- activityBar.background#0C1222
- activityBar.foreground#F8F8F2
- activityBar.inactiveForeground#6E7687
- activityBarBadge.background#feb32b
- activityBarBadge.foreground#0C1222
- badge.background#1F2638
- badge.foreground#F8F8F2
- breadcrumb.activeSelectionForeground#F8F8F2
- breadcrumb.background#0a0c12
- breadcrumb.focusForeground#F8F8F2
- breadcrumb.foreground#6272A4
- breadcrumbPicker.background#070B18
- button.background#1F2638
- button.foreground#F8F8F2
- contrastBorder#070B18
- debugToolBar.background#0a0c12
- diffEditor.insertedTextBackground#50FA7B20
- diffEditor.removedTextBackground#FF555550
- dropdown.background#0C1222
- dropdown.border#070B18
- dropdown.foreground#F8F8F2
- editor.background#0a0c12
- editor.findMatchBackground#feb32b80
- editor.findMatchHighlightBackground#FFFFFF40
- editor.findRangeHighlightBackground#1F263875
- editor.foldBackground#0a0c12
- editor.foreground#F8F8F2
- editor.hoverHighlightBackground#8BE9FD50
- editor.lineHighlightBorder#1F2638
- editor.rangeHighlightBackground#e8515415
- editor.selectionBackground#1F2638
- editor.selectionHighlightBackground#424450
- editor.snippetFinalTabstopHighlightBackground#0a0c12
- editor.snippetFinalTabstopHighlightBorder#50FA7B
- editor.snippetTabstopHighlightBackground#0a0c12
- editor.snippetTabstopHighlightBorder#6272A4
- editor.wordHighlightBackground#8BE9FD50
- editor.wordHighlightStrongBackground#50FA7B50
- editorCodeLens.foreground#6272A4
- editorError.foreground#FF5555
- editorGroup.border#e85154
- editorGroup.dropBackground#1F263870
- editorGroupHeader.tabsBackground#070B18
- editorGutter.addedBackground#50FA7B80
- editorGutter.deletedBackground#FF555580
- editorGutter.modifiedBackground#8BE9FD80
- editorHoverWidget.background#0a0c12
- editorHoverWidget.border#3A4769
- editorIndentGuide.activeBackground#FFFFFF45
- editorIndentGuide.background#FFFFFF1A
- editorLineNumber.foreground#6272A4
- editorLink.activeForeground#8BE9FD
- editorMarkerNavigation.background#0a0c12
- editorOverviewRuler.addedForeground#50FA7B80
- editorOverviewRuler.border#070B18
- editorOverviewRuler.currentContentForeground#50FA7B
- editorOverviewRuler.deletedForeground#FF555580
- editorOverviewRuler.errorForeground#FF555580
- editorOverviewRuler.incomingContentForeground#e85154
- editorOverviewRuler.infoForeground#8BE9FD80
- editorOverviewRuler.modifiedForeground#8BE9FD80
- editorOverviewRuler.selectionHighlightForeground#feb32b
- editorOverviewRuler.warningForeground#feb32b80
- editorOverviewRuler.wordHighlightForeground#8BE9FD
- editorOverviewRuler.wordHighlightStrongForeground#50FA7B
- editorRuler.foreground#FFFFFF1A
- editorSuggestWidget.background#0a0c12
- editorSuggestWidget.foreground#F8F8F2
- editorSuggestWidget.selectedBackground#1F2638
- editorWarning.foreground#8BE9FD
- editorWhitespace.foreground#FFFFFF1A
- editorWidget.background#0a0c12
- errorForeground#FF5555
- extensionButton.prominentBackground#50FA7B90
- extensionButton.prominentForeground#F8F8F2
- extensionButton.prominentHoverBackground#50FA7B60
- focusBorder#3A4769
- foreground#F8F8F2
- gitDecoration.conflictingResourceForeground#feb32b
- gitDecoration.deletedResourceForeground#FF5555
- gitDecoration.ignoredResourceForeground#6272A4
- gitDecoration.modifiedResourceForeground#8BE9FD
- gitDecoration.untrackedResourceForeground#50FA7B
- icon.foreground#feb32b
- input.background#1a1a1a
- input.border#070B18
- input.foreground#F8F8F2
- input.placeholderForeground#6272A4
- inputOption.activeBorder#e85154
- inputValidation.errorBorder#FF5555
- inputValidation.infoBorder#feb32b
- inputValidation.warningBorder#feb32b
- list.activeSelectionBackground#1F2638bb
- list.activeSelectionForeground#F8F8F2
- list.dropBackground#1F2638
- list.errorForeground#FF5555
- list.focusBackground#1F263875
- list.highlightForeground#8BE9FD
- list.hoverBackground#1F263875
- list.inactiveSelectionBackground#1F263875
- list.warningForeground#feb32b
- listFilterWidget.background#0C1222
- listFilterWidget.noMatchesOutline#FF5555
- listFilterWidget.outline#424450
- merge.currentHeaderBackground#50FA7B90
- merge.incomingHeaderBackground#e8515490
- notification.background#0a0c12
- notification.buttonBackground#1F2638
- notification.buttonForeground#F8F8F2
- notification.buttonHoverBackground#1F263875
- notification.errorBackground#FF5555
- notification.errorForeground#F8F8F2
- notification.foreground#F8F8F2
- notification.infoBackground#8BE9FD
- notification.infoForeground#0a0c12
- notification.warningBackground#feb32b
- notification.warningForeground#0a0c12
- panel.background#0a0c12
- panel.border#ffffff15
- panelTitle.activeBorder#feb32b
- panelTitle.activeForeground#F8F8F2
- panelTitle.inactiveForeground#6272A4
- peekView.border#1F2638
- peekViewEditor.background#0a0c12
- peekViewEditor.matchHighlightBackground#F1FA8C80
- peekViewResult.background#0a0c12
- peekViewResult.fileForeground#F8F8F2
- peekViewResult.lineForeground#F8F8F2
- peekViewResult.matchHighlightBackground#F1FA8C80
- peekViewResult.selectionBackground#1F2638
- peekViewResult.selectionForeground#F8F8F2
- peekViewTitle.background#070B18
- peekViewTitleDescription.foreground#6272A4
- peekViewTitleLabel.foreground#F8F8F2
- pickerGroup.border#e85154
- pickerGroup.foreground#8BE9FD
- progressBar.background#feb32b
- selection.background#6272A4
- settings.checkboxBackground#0a0c12
- settings.checkboxBorder#070B18
- settings.checkboxForeground#F8F8F2
- settings.dropdownBackground#0a0c12
- settings.dropdownBorder#070B18
- settings.dropdownForeground#F8F8F2
- settings.headerForeground#F8F8F2
- settings.modifiedItemForeground#feb32b
- settings.modifiedItemIndicator#feb32b
- settings.numberInputBackground#0a0c12
- settings.numberInputBorder#070B18
- settings.numberInputForeground#F8F8F2
- settings.textInputBackground#0a0c12
- settings.textInputBorder#070B18
- settings.textInputForeground#F8F8F2
- sideBar.background#0a0c12
- sideBarSectionHeader.background#0a0c12
- sideBarSectionHeader.border#070B18
- sideBarTitle.foreground#F8F8F2
- statusBar.background#070B18
- statusBar.debuggingBackground#FF5555
- statusBar.debuggingForeground#070B18
- statusBar.foreground#F8F8F2
- statusBar.noFolderBackground#070B18
- statusBar.noFolderForeground#F8F8F2
- statusBarItem.prominentBackground#FF5555
- statusBarItem.prominentHoverBackground#feb32b
- statusBarItem.remoteBackground#e85154
- statusBarItem.remoteForeground#F8F8F2
- tab.activeBackground#0a0c12
- tab.activeBorderTop#feb32b
- tab.activeForeground#F8F8F2
- tab.border#070B18
- tab.inactiveBackground#0a0c12
- tab.inactiveForeground#6272A4
- terminal.ansiBlack#0a0c12
- terminal.ansiBlue#e85154
- terminal.ansiBrightBlack#6272A4
- terminal.ansiBrightBlue#D6ACFF
- terminal.ansiBrightCyan#A4FFFF
- terminal.ansiBrightGreen#69FF94
- terminal.ansiBrightMagenta#FF92DF
- terminal.ansiBrightRed#FF6E6E
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFFFA5
- terminal.ansiCyan#8BE9FD
- terminal.ansiGreen#50FA7B
- terminal.ansiMagenta#feb32b
- terminal.ansiRed#FF5555
- terminal.ansiWhite#F8F8F2
- terminal.ansiYellow#F1FA8C
- terminal.background#0a0c12
- terminal.foreground#F8F8F2
- textLink.activeForeground#e85154
- textLink.foreground#e85154
- titleBar.activeBackground#0a0c12
- titleBar.activeForeground#F8F8F2
- titleBar.inactiveBackground#070B18
- titleBar.inactiveForeground#6272A4
- walkThrough.embeddedEditorBackground#0a0c12
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #f8f8f2 | — |
| comment, punctuation.definition.comment, unused.comment, wildcard.comment | #6272a4 | italic |
| string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape | #6272a4 | — |
| string | #e85154 | — |
| constant.numeric | #ac80ff | — |
| constant.language | #ac80ff | — |
| constant.character, constant.other | #ac80ff | — |
| variable | — | |
| variable.other.readwrite.instance | #F9EAE1 | |
| constant.character.escaped, constant.character.escape, string source, string source.ruby | #f92472 | |
| source.ruby string.regexp.classic.ruby, source.ruby string.regexp.mod-r.ruby | #FF695A | |
| keyword | #f92472 | — |
| storage | #f92472 | |
| storage.type | #feb32b | — |
| storage.type.namespace | #feb32b | italic |
| storage.type.class | #f92472 | italic |
| entity.name.class | #feb32b | underline |
| meta.path | #50FA7B | underline |
| entity.other.inherited-class | #feb32b | italic underline |
| entity.name.function, meta.function-call.generic, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix | #6be5fd | |
| variable.parameter | #F9EAE1 | italic |
| entity.name.tag | #f92472 | |
| entity.other.attribute-name | #6be5fd | |
| support.function | #feb32b | |
| support.constant | #6be5fd | |
| support.type, support.class | #50FA7B | italic |
| support.other.variable | — | |
| support.other.namespace | #50FA7B | italic |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #6272a4 | — |
| markup.deleted | #f92472 | — |
| markup.inserted | #6be5fd | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #ac80ff | — |
| entity.name.filename | #E6DB74 | — |
| message.error | #F83333 | — |
| punctuation.definition.string.begin.json - meta.structure.dictionary.value.json, punctuation.definition.string.end.json - meta.structure.dictionary.value.json | #EEEEEE | — |
| meta.structure.dictionary.json string.quoted.double.json | #feb32b | — |
| meta.structure.dictionary.value.json string.quoted.double.json | #e85154 | — |
| meta meta meta meta meta meta meta.structure.dictionary.value string | #6be5fd | — |
| meta meta meta meta meta meta.structure.dictionary.value string | #F9EAE1 | — |
| meta meta meta meta meta.structure.dictionary.value string | #f92472 | — |
| meta meta meta meta.structure.dictionary.value string | #ac80ff | — |
| meta meta meta.structure.dictionary.value string | #6be5fd | — |
| meta meta.structure.dictionary.value string | #F9EAE1 | — |
| markup.strike | #feb32b | italic |
| markup.bold | #feb32b | bold |
| markup.italic | #feb32b | italic |
| markup.heading | #8BE9FD | — |
| punctuation.definition.list_item.markdown | #F9EAE1 | — |
| markup.quote | #6272A4 | italic |
| punctuation.definition.blockquote.markdown | #6272A4 | italic |
| meta.separator | #6272A4 | — |
| text.html.markdown markup.raw.inline | #50FA7B | — |
| markup.underline | #e85154 | underline |
| markup.raw.block | #CFCFC2 | — |
| markup.raw.block.fenced.markdown source | #F8F8F2 | — |
| punctuation.definition.fenced.markdown, variable.language.fenced.markdown | #6272A4 | italic |
| variable.language.fenced.markdown | #6272A4 | italic |
| punctuation.accessor | #F9EAE1 | — |
| meta.function.return-type | #F9EAE1 | — |
| punctuation.section.block.begin | #ffffff | — |
| punctuation.section.block.end | #ffffff | — |
| punctuation.section.embedded.begin | #f92472 | — |
| punctuation.section.embedded.end | #f92472 | — |
| punctuation.separator.namespace | #f92472 | — |
| variable.function | #6be5fd | — |
| variable.other | #ffffff | — |
| variable.language | #ac80ff | — |
| entity.name.module.ruby | #feb32b | — |
| entity.name.constant.ruby | #ac80ff | — |
| support.function.builtin.ruby | #ffffff | — |
| storage.type.namespace.cs | #f92472 | — |
| entity.name.namespace.cs | #feb32b | — |
| entity.name.type, keyword.primitive-datatypes.swift, keyword.type.cs, meta.protocol-list.objc, meta.return-type.objc, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name, storage.class.std.rust, storage.type.attribute.swift, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.groovy, storage.type.objc, storage.type.php, storage.type.haskell, storage.type.ocaml | #8BE9FD | italic |
| constant.other.symbol.hashkey.ruby, keyword.operator.dereference.java, keyword.operator.navigation.groovy, meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string, storage.modifier.import, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.separator.list.comma.css, constant.language.empty-list.haskell | #F8F8F2 | — |
| source.shell variable.other | #feb32b | — |
| support.constant | #feb32b | normal |
| meta.scope.prerequisites.makefile | #50FA7B | — |
| meta.attribute-selector.scss | #50FA7B | — |
| punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss | #F8F8F2 | — |
| meta.preprocessor.haskell | #6272A4 | — |