Jolly
Publisher: Sean BrynjolfssonThemes in package: 1
A vibrant light theme inspired by volcanoes, glaciers, and the northern lights
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#00000000
- activityBar.activeBorder#107ac1
- activityBar.activeFocusBorder#107ac1
- activityBar.background#dadfe6
- activityBar.border#bbc4d2
- activityBar.dropBorder#002a5e
- activityBar.foreground#676F93
- activityBar.inactiveForeground#9a91ae
- activityBarBadge.background#cd0030
- activityBarBadge.foreground#eef2f7
- badge.background#107ac1
- badge.foreground#eef2f7
- breadcrumb.activeSelectionForeground#002a5e
- breadcrumb.background#eef2f7
- breadcrumb.focusForeground#002a5e
- breadcrumb.foreground#676F93
- breadcrumbPicker.background#eef2f7
- button.background#107ac1
- button.border#00000000
- button.foreground#eef2f7
- button.hoverBackground#00569c
- button.secondaryBackground#750eb1
- button.secondaryForeground#eef2f7
- button.secondaryHoverBackground#750eb1
- charts.blue#107ac1
- charts.foreground#002a5e
- charts.green#079672
- charts.lines#bbc4d2
- charts.orange#cd0030
- charts.purple#af00db
- charts.red#cd0030
- charts.yellow#9f6c0e
- contrastActiveBorder#00000000
- contrastBorder#00000000
- debugIcon.breakpointCurrentStackframeForeground#9f6c0e
- debugIcon.breakpointDisabledForeground#9a91ae
- debugIcon.breakpointForeground#cd0030
- debugIcon.breakpointStackframeForeground#676F93
- debugIcon.breakpointUnverifiedForeground#9f6c0e
- debugIcon.continueForeground#079672
- debugIcon.disconnectForeground#cd0030
- debugIcon.pauseForeground#107ac1
- debugIcon.restartForeground#079672
- debugIcon.startForeground#079672
- debugIcon.stepBackForeground#107ac1
- debugIcon.stepIntoForeground#107ac1
- debugIcon.stepOutForeground#107ac1
- debugIcon.stepOverForeground#107ac1
- debugIcon.stopForeground#cd0030
- debugToolBar.background#eef2f7
- debugToolBar.border#bbc4d2
- descriptionForeground#676F93
- diffEditor.border#bbc4d2
- diffEditor.insertedLineBackground#7BC4B580
- diffEditor.insertedTextBackground#7BC4B580
- diffEditor.removedLineBackground#DE799480
- diffEditor.removedTextBackground#DE799480
- disabledForeground#9a91ae
- dropdown.background#eef2f7
- dropdown.border#bbc4d2
- dropdown.foreground#002a5e
- dropdown.listBackground#eef2f7
- editor.background#eef2f7
- editor.findMatchBackground#D1B68280
- editor.findMatchBorder#9f6c0e
- editor.findMatchHighlightBackground#B2BD7C80
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#C4C2D380
- editor.foreground#002a5e
- editor.inactiveSelectionBackground#77bae940
- editor.lineHighlightBackground#dadfe6
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#77bae959
- editor.selectionHighlightBackground#C4C2D380
- editor.wordHighlightBackground#C4C2D380
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#77bae980
- editorBracketHighlight.foreground1#107ac1
- editorBracketHighlight.foreground2#af00db
- editorBracketHighlight.foreground3#079672
- editorBracketHighlight.foreground4#cd0030
- editorBracketHighlight.foreground5#9f6c0e
- editorBracketHighlight.foreground6#4925ec
- editorBracketMatch.background#77bae980
- editorBracketMatch.border#107ac1
- editorCodeLens.foreground#676F93
- editorCursor.background#eef2f7
- editorCursor.foreground#002a5e
- editorError.border#00000000
- editorError.foreground#cd0030
- editorGroup.border#bbc4d2
- editorGroup.dropBackground#77bae980
- editorGroupHeader.border#bbc4d2
- editorGroupHeader.tabsBackground#dadfe6
- editorGroupHeader.tabsBorder#bbc4d2
- editorGutter.addedBackground#079672
- editorGutter.background#eef2f7
- editorGutter.deletedBackground#cd0030
- editorGutter.modifiedBackground#107ac1
- editorHint.border#00000000
- editorHint.foreground#676F93
- editorHoverWidget.background#eef2f7
- editorHoverWidget.border#bbc4d2
- editorIndentGuide.activeBackground1#bbc4d2
- editorIndentGuide.background1#dadfe6
- editorInfo.border#00000000
- editorInfo.foreground#107ac1
- editorLineNumber.activeForeground#002a5e
- editorLineNumber.foreground#676F93
- editorOverviewRuler.border#bbc4d2
- editorOverviewRuler.commonContentForeground#9a91ae
- editorOverviewRuler.currentContentForeground#079672
- editorOverviewRuler.incomingContentForeground#00569c
- editorRuler.foreground#dadfe6
- editorSuggestWidget.background#eef2f7
- editorSuggestWidget.border#bbc4d2
- editorSuggestWidget.foreground#002a5e
- editorSuggestWidget.highlightForeground#107ac1
- editorSuggestWidget.selectedBackground#77bae9
- editorWarning.border#00000000
- editorWarning.foreground#9f6c0e
- editorWhitespace.foreground#dadfe6
- editorWidget.background#eef2f7
- editorWidget.border#bbc4d2
- editorWidget.foreground#002a5e
- editorWidget.resizeBorder#107ac1
- errorForeground#cd0030
- extensionBadge.remoteBackground#107ac1
- extensionBadge.remoteForeground#eef2f7
- extensionButton.prominentBackground#107ac1
- extensionButton.prominentForeground#eef2f7
- extensionButton.prominentHoverBackground#00569c
- extensionIcon.starForeground#9f6c0e
- extensionIcon.verifiedForeground#079672
- focusBorder#107ac1
- foreground#002a5e
- gitDecoration.addedResourceForeground#079672
- gitDecoration.conflictingResourceForeground#9f6c0e
- gitDecoration.deletedResourceForeground#cd0030
- gitDecoration.ignoredResourceForeground#9a91ae
- gitDecoration.modifiedResourceForeground#107ac1
- gitDecoration.submoduleResourceForeground#676F93
- gitDecoration.untrackedResourceForeground#079672
- icon.foreground#676F93
- input.background#eef2f7
- input.border#bbc4d2
- input.foreground#002a5e
- input.placeholderForeground#bbc4d2
- inputOption.activeBackground#77bae9
- inputOption.activeBorder#107ac1
- inputOption.activeForeground#002a5e
- inputValidation.errorBackground#DE7994
- inputValidation.errorBorder#cd0030
- inputValidation.errorForeground#002a5e
- inputValidation.infoBackground#77bae9
- inputValidation.infoBorder#107ac1
- inputValidation.infoForeground#002a5e
- inputValidation.warningBackground#bca476
- inputValidation.warningBorder#9f6c0e
- inputValidation.warningForeground#002a5e
- keybindingLabel.background#dadfe6
- keybindingLabel.border#bbc4d2
- keybindingLabel.bottomBorder#bbc4d2
- keybindingLabel.foreground#002a5e
- list.activeSelectionBackground#77bae980
- list.activeSelectionForeground#002a5e
- list.activeSelectionIconForeground#eef2f7
- list.dropBackground#77bae980
- list.errorForeground#cd0030
- list.focusAndSelectionOutline#107ac1
- list.focusBackground#77bae980
- list.focusForeground#002a5e
- list.focusOutline#107ac1
- list.highlightForeground#107ac1
- list.hoverBackground#C4C2D380
- list.hoverForeground#002a5e
- list.inactiveFocusBackground#77bae940
- list.inactiveSelectionBackground#77bae940
- list.inactiveSelectionForeground#002a5e
- list.invalidItemForeground#cd0030
- list.warningForeground#9f6c0e
- listFilterWidget.background#eef2f7
- listFilterWidget.noMatchesOutline#cd0030
- listFilterWidget.outline#107ac1
- menu.background#eef2f7
- menu.border#bbc4d2
- menu.foreground#002a5e
- menu.selectionBackground#107ac1
- menu.selectionForeground#eef2f7
- menu.separatorBackground#bbc4d2
- menubar.selectionBackground#C4C2D3
- menubar.selectionBorder#bbc4d2
- menubar.selectionForeground#002a5e
- merge.border#bbc4d2
- merge.commonContentBackground#676F9380
- merge.commonHeaderBackground#676F9380
- merge.currentContentBackground#7BC4B580
- merge.currentHeaderBackground#7BC4B580
- merge.incomingContentBackground#77bae980
- merge.incomingHeaderBackground#77bae980
- minimap.errorHighlight#cd0030
- minimap.findMatchHighlight#D1B68280
- minimap.selectionHighlight#77bae959
- minimap.warningHighlight#9f6c0e
- minimapGutter.addedBackground#079672
- minimapGutter.deletedBackground#cd0030
- minimapGutter.modifiedBackground#107ac1
- notificationCenter.border#bbc4d2
- notificationCenterHeader.background#dadfe6
- notificationCenterHeader.foreground#002a5e
- notificationLink.foreground#107ac1
- notifications.background#eef2f7
- notifications.border#bbc4d2
- notifications.foreground#002a5e
- notificationsErrorIcon.foreground#cd0030
- notificationsInfoIcon.foreground#107ac1
- notificationsWarningIcon.foreground#9f6c0e
- notificationToast.border#bbc4d2
- panel.background#dadfe6
- panel.border#bbc4d2
- panelSection.border#bbc4d2
- panelSection.dropBackground#77bae980
- panelSectionHeader.background#dadfe6
- panelSectionHeader.border#bbc4d2
- panelSectionHeader.foreground#676F93
- panelTitle.activeBorder#107ac1
- panelTitle.activeForeground#002a5e
- panelTitle.inactiveForeground#676F93
- peekView.border#107ac1
- peekViewEditor.background#eef2f7
- peekViewEditor.matchHighlightBackground#bca476
- peekViewResult.background#dadfe6
- peekViewResult.fileForeground#002a5e
- peekViewResult.lineForeground#676F93
- peekViewResult.matchHighlightBackground#bca476
- peekViewResult.selectionBackground#77bae9
- peekViewResult.selectionForeground#002a5e
- peekViewTitle.background#dadfe6
- peekViewTitleDescription.foreground#676F93
- peekViewTitleLabel.foreground#002a5e
- pickerGroup.border#bbc4d2
- pickerGroup.foreground#107ac1
- progressBar.background#107ac1
- quickInput.background#eef2f7
- quickInput.foreground#002a5e
- quickInputList.focusBackground#77bae9
- quickInputList.focusForeground#002a5e
- quickInputList.focusIconForeground#002a5e
- quickInputTitle.background#dadfe6
- sash.hoverBorder#107ac1
- scrollbar.shadow#0000001a
- scrollbarSlider.activeBackground#002a5e
- scrollbarSlider.background#676F93
- scrollbarSlider.hoverBackground#9a91ae
- selection.background#77bae9
- settings.checkboxBackground#eef2f7
- settings.checkboxBorder#bbc4d2
- settings.checkboxForeground#002a5e
- settings.dropdownBackground#eef2f7
- settings.dropdownBorder#bbc4d2
- settings.dropdownForeground#002a5e
- settings.dropdownListBorder#bbc4d2
- settings.headerForeground#002a5e
- settings.modifiedItemIndicator#107ac1
- settings.numberInputBackground#eef2f7
- settings.numberInputBorder#bbc4d2
- settings.numberInputForeground#002a5e
- settings.textInputBackground#eef2f7
- settings.textInputBorder#bbc4d2
- settings.textInputForeground#002a5e
- sideBar.background#dadfe6
- sideBar.border#bbc4d2
- sideBar.foreground#002a5e
- sideBarSectionHeader.background#dadfe6
- sideBarSectionHeader.border#bbc4d2
- sideBarSectionHeader.foreground#676F93
- sideBarTitle.foreground#002a5e
- statusBar.background#dadfe6
- statusBar.border#bbc4d2
- statusBar.debuggingBackground#9f6c0e
- statusBar.debuggingForeground#eef2f7
- statusBar.foreground#002a5e
- statusBar.noFolderBackground#dadfe6
- statusBar.noFolderForeground#002a5e
- statusBarItem.activeBackground#77bae980
- statusBarItem.errorBackground#cd0030
- statusBarItem.errorForeground#eef2f7
- statusBarItem.hoverBackground#77bae940
- statusBarItem.prominentBackground#107ac1
- statusBarItem.prominentForeground#eef2f7
- statusBarItem.prominentHoverBackground#00569c
- statusBarItem.remoteBackground#107ac1
- statusBarItem.remoteForeground#eef2f7
- statusBarItem.warningBackground#9f6c0e
- statusBarItem.warningForeground#eef2f7
- tab.activeBackground#eef2f7
- tab.activeBorder#eef2f7
- tab.activeBorderTop#107ac1
- tab.activeForeground#002a5e
- tab.activeModifiedBorder#107ac1
- tab.border#bbc4d2
- tab.hoverBackground#C4C2D380
- tab.hoverBorder#00000000
- tab.hoverForeground#002a5e
- tab.inactiveBackground#dadfe6
- tab.inactiveForeground#676F93
- tab.inactiveModifiedBorder#9a91ae
- tab.lastPinnedBorder#9a91ae
- tab.unfocusedActiveBorder#eef2f7
- tab.unfocusedActiveBorderTop#9a91ae
- tab.unfocusedActiveForeground#676F93
- tab.unfocusedActiveModifiedBorder#9a91ae
- tab.unfocusedInactiveForeground#9a91ae
- tab.unfocusedInactiveModifiedBorder#9a91ae
- terminal.ansiBlack#002a5e
- terminal.ansiBlue#107ac1
- terminal.ansiBrightBlack#676F93
- terminal.ansiBrightBlue#77bae9
- terminal.ansiBrightCyan#7BC4B5
- terminal.ansiBrightGreen#7BC4B5
- terminal.ansiBrightMagenta#CF79E9
- terminal.ansiBrightRed#DE7994
- terminal.ansiBrightWhite#eef2f7
- terminal.ansiBrightYellow#bca476
- terminal.ansiCyan#079672
- terminal.ansiGreen#079672
- terminal.ansiMagenta#af00db
- terminal.ansiRed#cd0030
- terminal.ansiWhite#bbc4d2
- terminal.ansiYellow#9f6c0e
- terminal.background#eef2f7
- terminal.border#bbc4d2
- terminal.foreground#002a5e
- terminal.selectionBackground#77bae9
- terminalCursor.background#eef2f7
- terminalCursor.foreground#002a5e
- testing.iconErrored#cd0030
- testing.iconFailed#cd0030
- testing.iconPassed#079672
- testing.iconQueued#9f6c0e
- testing.iconSkipped#9a91ae
- testing.iconUnset#9a91ae
- testing.runAction#079672
- titleBar.activeBackground#dadfe6
- titleBar.activeForeground#002a5e
- titleBar.border#bbc4d2
- titleBar.inactiveBackground#dadfe6
- titleBar.inactiveForeground#9a91ae
- tree.inactiveIndentGuidesStroke#dadfe6
- tree.indentGuidesStroke#bbc4d2
- walkThrough.embeddedEditorBackground#eef2f7
- widget.border#bbc4d2
- widget.shadow#0000001a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9a91ae | italic |
| keyword.codetag.notation.python | #676F93 | bold |
| string, string.quoted, string.template | #4F681F | — |
| punctuation.definition.string.begin.python, punctuation.definition.string.end.python, string.quoted.docstring.multi.python | #05726b | italic |
| string.regexp | #9f6c0e | — |
| constant.numeric, constant.language.numeric | #768700 | — |
| constant.language, constant.character, constant.other | #af00db | — |
| constant.language.python | #af00db | — |
| constant.other.caps.python | #1715AF | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, storage.type, storage.modifier | #af00db | — |
| keyword.operator, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.bitwise, keyword.operator.comparison, keyword.operator.relational, keyword.operator.ternary | #079672 | — |
| variable.parameter, meta.parameter | #00569c | — |
| variable.other.property, variable.other.object.property, variable.other.member | #980349 | — |
| support.function.magic.python | #980349 | — |
| entity.name.method, meta.method-call | #980349 | — |
| entity.name.type, entity.name.class, entity.name.enum, entity.name.interface, entity.name.struct | #cd0030 | — |
| entity.name.type.parameter, meta.type.parameters | #00569c | — |
| meta.item-access.arguments.python | #00569c | — |
| entity.name.namespace, entity.name.module, support.module, entity.name.type.module | #4925ec | — |
| entity.name.tag, meta.tag | #cd0030 | — |
| entity.other.attribute-name | #a8420b | — |
| entity.name.function.decorator, meta.decorator, punctuation.decorator | #775F28 | — |
| punctuation.definition.decorator.python, entity.name.function.decorator.python, meta.function.decorator.python | #775F28 | — |
| entity.name.function.preprocessor, meta.preprocessor | #750eb1 | — |
| entity.name.label | #750eb1 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.section | #1715AF | — |
| punctuation.separator.annotation.result | #079672 | — |
| markup.heading, entity.name.section | #cd0030 | bold |
| markup.bold | #002a5e | bold |
| markup.italic | #002a5e | italic |
| markup.inline.raw, markup.fenced_code | #4F681F | — |
| markup.underline.link | #107ac1 | — |
| markup.quote | #9a91ae | italic |
| invalid, invalid.illegal | #cd0030 | — |
| invalid.deprecated | #9f6c0e | — |