Little League
Publisher: Matthew StrömThemes in package: 3
A quiet theme with harmonious colors
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.activeBorder#57575b
- activityBar.background#ffffff
- activityBar.border#dddddd
- activityBar.foreground#757578
- activityBar.inactiveForeground#57575b
- activityBarBadge.background#6b94f8
- activityBarBadge.foreground#57575b
- badge.background#6b94f8
- badge.foreground#57575b
- banner.background#adcfec
- banner.foreground#57575b
- breadcrumb.activeSelectionForeground#3a3a3f
- breadcrumb.background#ffffff
- breadcrumb.focusForeground#3a3a3f
- breadcrumb.foreground#757578
- button.background#adcfec
- button.foreground#57575b
- button.hoverBackground#88bbe8
- button.secondaryBackground#eeeeee
- button.secondaryForeground#57575b
- button.secondaryHoverBackground#eeeeee
- checkbox.background#eeeeee
- checkbox.border#dddddd
- checkbox.foreground#57575b
- commandCenter.activeBackground#eeeeee
- commandCenter.activeBorder#dddddd
- commandCenter.activeForeground#57575b
- commandCenter.background#ffffff
- commandCenter.border#dddddd
- commandCenter.foreground#757578
- commandCenter.inactiveBorder#eeeeee
- commandCenter.inactiveForeground#57575b
- debugToolBar.background#eeeeee
- descriptionForeground#3a3a3f
- diffEditor.border#dddddd
- diffEditor.insertedLineBackground#ecf5e9
- diffEditor.insertedTextBackground#ecf5e9
- diffEditor.removedLineBackground#fce2e2
- diffEditor.removedTextBackground#fce2e2
- diffEditorOverview.insertedForeground#4c824c
- diffEditorOverview.removedForeground#913c3c
- disabledForeground#57575b
- dropdown.background#eeeeee
- dropdown.border#dddddd
- dropdown.foreground#57575b
- dropdown.listBackground#eeeeee
- editor.background#ffffff
- editor.findMatchBackground#75757899
- editor.findMatchHighlightBackground#eeeeee44
- editor.foreground#57575b
- editor.hoverHighlightBackground#eeeeee44
- editor.inactiveSelectionBackground#dddddd44
- editor.lineHighlightBackground#fafafa
- editor.rangeHighlightBackground#fafafa
- editor.selectionBackground#dddddd99
- editor.selectionHighlightBackground#dddddd44
- editor.wordHighlightBackground#eeeeee44
- editor.wordHighlightStrongBackground#ffffff44
- editorBracketHighlight.foreground1#466ee1
- editorBracketHighlight.foreground2#4c824c
- editorBracketHighlight.foreground3#a88747
- editorBracketHighlight.foreground4#c97565
- editorBracketHighlight.foreground5#71d1b1
- editorBracketHighlight.foreground6#71bcd3
- editorBracketHighlight.unexpectedBracket.foreground#ef5957
- editorBracketMatch.background#eeeeee44
- editorBracketMatch.border#ffffff
- editorCodeLens.foreground#eeeeee
- editorCursor.foreground#757578
- editorError.foreground#913c3c
- editorGroup.border#dddddd
- editorGroup.dropBackground#dddddd44
- editorGroup.emptyBackground#ffffff
- editorGroupHeader.noTabsBackground#eeeeee
- editorGroupHeader.tabsBackground#ffffff
- editorGroupHeader.tabsBorder#eeeeee
- editorGutter.addedBackground#abd1a2
- editorGutter.background#ffffff
- editorGutter.deletedBackground#f08786
- editorGutter.foldingControlForeground#57575b
- editorGutter.modifiedBackground#81c2f6
- editorHint.foreground#385888
- editorHoverWidget.background#eeeeee
- editorHoverWidget.border#dddddd
- editorHoverWidget.statusBarBackground#dddddd
- editorIndentGuide.activeBackground1#eeeeee
- editorIndentGuide.background1#dddddd
- editorInfo.foreground#3b5594
- editorInlayHint.background#eeeeee
- editorInlayHint.foreground#57575b
- editorLineNumber.activeForeground#757578
- editorLineNumber.foreground#57575b
- editorLink.activeForeground#6a8be6
- editorOverviewRuler.addedForeground#abd1a2
- editorOverviewRuler.border#eeeeee
- editorOverviewRuler.bracketMatchForeground#eeeeee44
- editorOverviewRuler.commonContentForeground#0000ffcc
- editorOverviewRuler.currentContentForeground#ffffffcc
- editorOverviewRuler.deletedForeground#f08786
- editorOverviewRuler.errorForeground#f08786
- editorOverviewRuler.findMatchForeground#00ff00cc
- editorOverviewRuler.incomingContentForeground#00ff00cc
- editorOverviewRuler.infoForeground#81c2f6
- editorOverviewRuler.modifiedForeground#81c2f6
- editorOverviewRuler.rangeHighlightForeground#0000ffcc
- editorOverviewRuler.selectionHighlightForeground#eeeeee44
- editorOverviewRuler.warningForeground#f7a187
- editorRuler.foreground#dddddd
- editorStickyScroll.background#ffffff
- editorStickyScroll.border#dddddd
- editorStickyScrollHover.background#eeeeee
- editorSuggestWidget.background#eeeeee
- editorSuggestWidget.border#dddddd
- editorSuggestWidget.foreground#757578
- editorSuggestWidget.highlightForeground#57575b
- editorSuggestWidget.selectedBackground#dddddd99
- editorUnnecessaryCode.border#eeeeee
- editorUnnecessaryCode.opacity#000000aa
- editorWarning.foreground#7f5751
- editorWhitespace.foreground#cbcbcc
- editorWidget.background#eeeeee
- editorWidget.border#dddddd
- editorWidget.foreground#57575b
- editorWidget.resizeBorder#eeeeee
- errorForeground#913c3c
- extensionButton.background#adcfec
- extensionButton.foreground#57575b
- extensionButton.hoverBackground#88bbe8
- focusBorder#eeeeee
- foreground#57575b
- gitDecoration.addedResourceForeground#4c824c
- gitDecoration.conflictingResourceForeground#385888
- gitDecoration.deletedResourceForeground#913c3c
- gitDecoration.ignoredResourceForeground#757578
- gitDecoration.modifiedResourceForeground#3b5594
- gitDecoration.renamedResourceForeground#3b5594
- gitDecoration.stageDeletedResourceForeground#913c3c
- gitDecoration.stageModifiedResourceForeground#7f5751
- gitDecoration.submoduleResourceForeground#3b5594
- gitDecoration.untrackedResourceForeground#4a8d76
- icon.foreground#57575b
- input.background#eeeeee
- input.border#dddddd
- input.foreground#57575b
- input.placeholderForeground#757578
- inputOption.activeBackground#adcfec
- inputOption.activeBorder#9ebbf6
- inputValidation.errorBackground#f0706f
- inputValidation.errorBorder#f08786
- inputValidation.errorForeground#57575b
- inputValidation.infoBackground#6b94f8
- inputValidation.infoBorder#81c2f6
- inputValidation.infoForeground#57575b
- inputValidation.warningBackground#ee896d
- inputValidation.warningBorder#f7a187
- inputValidation.warningForeground#eeeeee
- keybindingLabel.background#eeeeee
- keybindingLabel.border#dddddd
- keybindingLabel.bottomBorder#eeeeee
- keybindingLabel.foreground#57575b
- list.activeSelectionBackground#dddddd99
- list.activeSelectionForeground#57575b
- list.dropBackground#dddddd44
- list.errorForeground#913c3c
- list.focusBackground#eeeeee44
- list.focusForeground#57575b
- list.highlightForeground#57575b
- list.hoverBackground#dddddd44
- list.hoverForeground#57575b
- list.inactiveSelectionBackground#dddddd44
- list.inactiveSelectionForeground#757578
- list.invalidItemForeground#913c3c
- list.warningForeground#7f5751
- listFilterWidget.background#eeeeee
- listFilterWidget.noMatchesOutline#f08786
- listFilterWidget.outline#dddddd
- menu.background#eeeeee
- menu.border#dddddd
- menu.foreground#57575b
- menu.selectionBackground#dddddd99
- menu.selectionForeground#57575b
- menu.separatorBackground#dddddd
- menubar.selectionBackground#eeeeee44
- menubar.selectionForeground#57575b
- minimap.findMatchHighlight#75757899
- minimap.selectionHighlight#eeeeee99
- minimapSlider.activeBackground#75757899
- minimapSlider.background#75757844
- minimapSlider.hoverBackground#75757899
- notificationCenter.border#dddddd
- notificationCenterHeader.background#eeeeee
- notificationCenterHeader.foreground#57575b
- notificationLink.foreground#466ee1
- notifications.background#eeeeee
- notifications.border#dddddd
- notifications.foreground#757578
- notificationsErrorIcon.foreground#913c3c
- notificationsInfoIcon.foreground#3b5594
- notificationsWarningIcon.foreground#7f5751
- notificationToast.border#dddddd
- panel.background#ffffff
- panel.border#dddddd
- panelSection.border#dddddd
- panelSectionHeader.background#eeeeee
- panelSectionHeader.foreground#57575b
- panelTitle.activeBorder#a2a2a3
- panelTitle.activeForeground#757578
- panelTitle.inactiveForeground#57575b
- peekView.border#eeeeee
- peekViewEditor.background#eeeeee
- peekViewEditor.matchHighlightBackground#dddddd
- peekViewResult.background#eeeeee
- peekViewResult.fileForeground#466ee1
- peekViewResult.lineForeground#57575b
- peekViewResult.matchHighlightBackground#eeeeee44
- peekViewResult.selectionBackground#75757899
- peekViewTitle.background#dddddd
- peekViewTitleDescription.foreground#57575b
- peekViewTitleLabel.foreground#3a3a3f
- pickerGroup.border#dddddd
- pickerGroup.foreground#757578
- progressBar.background#6b94f8
- quickInput.background#eeeeee
- quickInput.foreground#757578
- scrollbar.background#ffffff
- scrollbar.shadow#ffffff44
- scrollbarSlider.activeBackground#75757899
- scrollbarSlider.background#75757844
- scrollbarSlider.hoverBackground#75757899
- selection.background#dddddd99
- settings.dropdownBackground#ffffff
- settings.dropdownForeground#57575b
- settings.headerForeground#466ee1
- settings.modifiedItemIndicator#81c2f6
- settings.textInputBackground#ffffff
- settings.textInputForeground#57575b
- sideBar.background#eeeeee
- sideBar.border#dddddd
- sideBar.dropBackground#dddddd99
- sideBar.foreground#757578
- sideBarSectionHeader.background#dddddd44
- sideBarSectionHeader.border#dddddd
- sideBarSectionHeader.foreground#757578
- sideBarTitle.background#eeeeee
- sideBarTitle.foreground#57575b
- statusBar.background#eeeeee
- statusBar.border#eeeeee
- statusBar.debuggingBackground#bb63f5
- statusBar.debuggingBorder#bb63f5
- statusBar.debuggingForeground#57575b
- statusBar.foreground#757578
- statusBar.noFolderBackground#eeeeee
- statusBar.noFolderBorder#eeeeee
- statusBar.noFolderForeground#57575b
- statusBarItem.activeBackground#eeeeee99
- statusBarItem.hoverBackground#dddddd44
- statusBarItem.prominentBackground#6b94f8
- statusBarItem.prominentForeground#57575b
- statusBarItem.remoteBackground#adcfec
- statusBarItem.remoteForeground#57575b
- tab.activeBackground#ffffff
- tab.activeBorderTop#385888
- tab.activeForeground#757578
- tab.border#ffffff
- tab.hoverBackground#dddddd44
- tab.inactiveBackground#ffffff
- tab.inactiveForeground#57575b
- tab.lastPinnedBorder#dddddd
- tab.unfocusedActiveForeground#757578
- tab.unfocusedHoverBorder#dddddd
- tab.unfocusedInactiveForeground#57575b
- terminal.ansiBlack#eeeeee
- terminal.ansiBlue#466ee1
- terminal.ansiBrightBlack#57575b
- terminal.ansiBrightBlue#6b94f8
- terminal.ansiBrightCyan#3990de
- terminal.ansiBrightGreen#afdb8a
- terminal.ansiBrightMagenta#bb63f5
- terminal.ansiBrightRed#f0706f
- terminal.ansiBrightWhite#57575b
- terminal.ansiBrightYellow#cd9c3f
- terminal.ansiCyan#3177c7
- terminal.ansiGreen#4c824c
- terminal.ansiMagenta#a447e2
- terminal.ansiRed#c97565
- terminal.ansiWhite#3a3a3f
- terminal.ansiYellow#a88747
- terminal.background#ffffff
- terminal.border#dddddd
- terminal.foreground#57575b
- terminal.selectionBackground#dddddd99
- terminalCursor.background#cbcbcc
- terminalCursor.foreground#cbcbcc
- textBlockQuote.background#ffffff
- textBlockQuote.border#a2a2a3
- textCodeBlock.background#ffffff
- textLink.activeForeground#466ee1
- textLink.foreground#6a8be6
- textPreformat.foreground#3b5594
- titleBar.activeBackground#ffffff
- titleBar.activeForeground#57575b
- titleBar.border#ffffff
- titleBar.inactiveBackground#ffffff
- titleBar.inactiveForeground#57575b
- toolbar.activeBackground#dddddd99
- toolbar.hoverBackground#eeeeee44
- tree.inactiveIndentGuidesStroke#eeeeee
- tree.indentGuidesStroke#dddddd
- tree.tableColumnsBorder#dddddd
- walkThrough.embeddedEditorBackground#eeeeee
- welcomePage.background#eeeeee
- welcomePage.tileBackground#eeeeee
- welcomePage.tileHoverBackground#eeeeee44
- widget.border#dddddd
- widget.shadow#ffffff55
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #57575b | — |
| comment.block.documentation | #757578 | — |
| comment.line | #57575b | — |
| comment.single | #57575b | — |
| constant.language.boolean.false | #929e53 | — |
| constant.language.boolean.true | #ee896d | — |
| constant.language.dart | #ee896d | — |
| constant.language.import-export-all | #6b94f8 | — |
| constant.language.null | #757578 | — |
| constant.language.symbol | #ee896d | — |
| constant.numeric | #ee896d | — |
| entity.name.function | #466ee1 | — |
| entity.name.tag | #929e53 | — |
| entity.name.tag.reference | #a447e2 | — |
| entity.name.tag.yaml | #71bcd3 | — |
| entity.name.type.module | #71bcd3 | — |
| entity.other.attribute-name | #6b94f8 | — |
| entity.other.attribute-name.class | #757578 | — |
| entity.other.attribute-name.id | #466ee1 | — |
| keyword | #71bcd3 | — |
| keyword.control | #3177c7 | — |
| keyword.control.flow | #3177c7 | — |
| keyword.control.from | #3177c7 | — |
| keyword.control.import | #3177c7 | — |
| keyword.operator | #57575b | — |
| keyword.operator.logical | #57575b | — |
| keyword.other.unit | #c97565 | — |
| markup.fenced_code | #57575b | — |
| markup.heading | #57575b | — |
| markup.quote | #757578 | — |
| markup.underline.link | #466ee1 | — |
| meta.brace.round | #757578 | — |
| meta.brace.square | #757578 | — |
| meta.class | #466ee1 | — |
| meta.jsx.children | #757578 | — |
| meta.object | #71d1b1 | — |
| meta.property-name.css | #757578 | — |
| meta.property-value.css | #3a3a3f | — |
| meta.selector | #71bcd3 | — |
| meta.tag.attributes | #3177c7 | — |
| punctuation.accessor | #57575b | — |
| punctuation.definition.array | #57575b | — |
| punctuation.definition.block | #57575b | — |
| punctuation.definition.dictionary | #57575b | — |
| punctuation.definition.heading | #a88747 | — |
| punctuation.definition.link | #57575b | — |
| punctuation.definition.list | #57575b | — |
| punctuation.definition.parameters | #57575b | — |
| punctuation.definition.string | #57575b | — |
| punctuation.definition.tag | #57575b | — |
| punctuation.definition.template-expression | #a447e2 | — |
| punctuation.definition.typeparameters | #57575b | — |
| punctuation.section | #757578 | — |
| punctuation.separator | #57575b | — |
| punctuation.terminator | #57575b | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #a447e2 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #7c864a | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #71bcd3 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #71d1b1 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #c97565 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #a88747 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #4c824c | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #466ee1 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #3a3a3f | — |
| storage | #3990de | — |
| string | #757578 | — |
| string.other.link.title.markdown | #757578 | — |
| support.class | #a88747 | — |
| support.class.component | #a88747 | — |
| support.constant.color | #c97565 | — |
| support.constant.font-name | #c97565 | — |
| support.constant.property-value | #c97565 | — |
| support.function | #466ee1 | — |
| support.type.property-name | #a88747 | — |
| support.type.property-name.css | #57575b | — |
| support.type.vendored | #cd9c3f | — |
| variable | #cd9c3f | — |
| variable.language.super | #71bcd3 | — |
| variable.language.this | #71d1b1 | — |
| variable.other | #929e53 | — |
| variable.other.constant | #929e53 | — |
| variable.other.readwrite.alias | #929e53 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...