littlebits-theme
Publisher: Garret GartnerThemes in package: 1
"A daily-driver theme for Visual Code Studio: Offers a wide-color syntax within a soft, muted workspace. Patially inpired by the classic GameCube color-way"
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#3A486C
- activityBar.foreground#D4D4D5
- activityBarBadge.background#e04d4d
- activityBarBadge.foreground#D4D4D5
- button.background#3A486C
- diffEditor.insertedTextBackground#00809B33
- dropdown.background#2F3137
- dropdown.border#2F3137
- editor.background#282A2F
- editor.findMatchBackground#373A40
- editor.findMatchBorder#FFDA40
- editor.findMatchHighlightBackground#43464E
- editor.findMatchHighlightBorder#909AA7
- editor.foreground#D4D4D5
- editor.hoverHighlightBackground#50545E
- editor.lineHighlightBackground#2F3137
- editor.selectionBackground#43464E
- editorBracketMatch.background#51565C
- editorBracketMatch.border#ACACAC
- editorCursor.foreground#FFE842
- editorError.foreground#FF1E1E
- editorGroup.border#43474F
- editorGroup.emptyBackground#43474F
- editorGroupHeader.tabsBackground#43474F
- editorHoverWidget.background#373a42
- editorHoverWidget.border#3F424A
- editorIndentGuide.background#43474F
- editorLineNumber.foreground#3F434B
- editorRuler.foreground#A0A5C1
- editorSuggestWidget.background#43474F
- editorSuggestWidget.border#3F424A
- editorSuggestWidget.selectedBackground#4D5368
- editorUnnecessaryCode.opacity#000000c0
- editorWarning.foreground#FF1E1E
- editorWhitespace.foreground#282A2F
- editorWidget.background#282A2F
- gitDecoration.addedResourceForeground#95B4A2
- gitDecoration.deletedResourceForeground#B48C8C
- gitDecoration.modifiedResourceForeground#A7A0D2
- gitDecoration.submoduleResourceForeground#495A86
- gitDecoration.untrackedResourceForeground#dfdfe0d5
- input.background#495A86
- input.foreground#E5E5E6
- list.activeSelectionBackground#495A86
- list.activeSelectionForeground#DDDDDD
- list.focusBackground#383E4A
- list.highlightForeground#C5C5C5
- list.hoverBackground#44547E
- list.inactiveSelectionBackground#3A486C
- list.inactiveSelectionForeground#9B9B9C
- minimap.findMatchHighlight#6b737e
- minimap.selectionHighlight#bdc9da
- minimapSlider.background#4f555a70
- notifications.background#373a42
- peekView.border#F7CB5D
- peekViewResult.matchHighlightBackground#4C4F59
- peekViewResult.selectionBackground#43474F
- scrollbar.shadow#646C75
- scrollbarSlider.activeBackground#5E6A79
- scrollbarSlider.background#4f555a70
- scrollbarSlider.hoverBackground#575F66
- sideBar.background#3A486C
- sideBarSectionHeader.background#455680
- statusBar.background#3A486C
- statusBar.debuggingBackground#282A2F
- statusBar.foreground#D4D4D5
- statusBar.noFolderBackground#3A486C
- statusBarItem.hoverBackground#344060
- tab.activeBackground#282A2F
- tab.border#3B3E45
- tab.inactiveBackground#393C43
- terminal.background#282A2F
- terminal.foreground#E9E9EA
- titleBar.activeBackground#3A486C
- titleBar.activeForeground#D4D4D5
- titleBar.inactiveBackground#3B4254
- titleBar.inactiveForeground#323847
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, string.comment | #797D8AAB | — |
| string, string.template | #F7D061 | — |
| constant.numeric | #F08858 | — |
| string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded | #7895DD | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.erb, punctuation.section.embedded.end.erb, source.elixir.embedded, punctuation.separator, punctuation.accessor, meta.brace | #B1BBCB | — |
| meta.preprocessor.include.c | #F7CA59 | — |
| constant.language | #D6376F | — |
| constant.character, constant.other | #B459FF | — |
| variable.language | #7FF2FF | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #FF7D74 | — |
| keyword.operator | #FF7D74 | — |
| storage | #6BBBD2 | — |
| storage.type | #AF77CE | — |
| meta.conditional.switch.c, meta.parens.block.c | #75C2CC | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #E8ABBE | italic |
| variable.other.object, variable.other.constant, variable.other.global, variable.other.readwrite.class, variable.other.readwrite.instance, variable.other.readwrite.batchfile, variable.readwrite, variable.readwrite.other.block | #7FF2FF | — |
| variable.other, variable.other.property, variable.other.block | #768CC2 | — |
| variable.other.makefile | #FF695E | — |
| entity.other.inherited-class | #5EAD5A | — |
| storage.modifier.import, storage.modifier.package | #F06969 | — |
| entity.name.function, support.function | #6EAB78 | — |
| entity.name.function.preprocessor | #78A4E8 | — |
| variable.parameter, entity.name.variable.parameter, parameter.variable | #E77E41 | italic |
| entity.name.function-call, meta.function.c | #D4D4D5 | — |
| storage.modifier.c | #F7CD49 | — |
| function.support.builtin, function.support.core | #569EC4 | — |
| entity.name.tag, entity.name.tag.class.js | #FF5454 | — |
| entity.name.tag.class, entity.name.tag.id | #44BFC7 | — |
| entity.other.attribute-name | #4499C7 | — |
| support.constant | #F77488 | — |
| support.type, support.variable | #FFC271 | — |
| support.dictionary.json | #F16C55 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #72C76C | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-class.less, entity.other.attribute-name.pseudo-class.sass, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-element.sass | #FF5454 | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #4499C7 | — |
| variable.css, variable.scss, variable.less, variable.sass | #E27E4D | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #ECCA42 | — |
| unit.css, unit.scss, unit.less, unit.sass | #56b6c2 | — |
| function.css, function.scss, function.less, function.sass | #D25D5D | — |
| support.other.variable | #66CCAD | — |
| invalid | #b32400 | — |
| invalid.deprecated | #FFB04F | — |
| support.type.property-name.json | #8CCBB6 | — |
| 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 | #54B0D9 | — |
| 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 | #B38AC9 | — |
| 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 | #D97A76 | — |
| 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 | #B88DE4 | — |
| 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 | #62B8CE | — |
| 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 | #6ED08A | — |
| 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 | #5F5EC8 | — |
| string.detected-link | #58B0C7 | — |
| meta.diff, meta.diff.header | #FFFFFF | — |
| markup.deleted | #9E7070 | — |
| markup.inserted | #57A05C | — |
| markup.changed | #557EAE | — |
| constant.numeric.line-number.find-in-files - match | #FFDE72 | — |
| entity.name.filename.find-in-files | #547FBD | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #e76666 | — |
| string.other.link.title.markdown | #9079C7 | — |
| markup.quote.markdown | #6E7482 | — |
| punctuation.definition.heading.markdown | #78C988 | — |
| punctuation.definition.bold.markdown | #CB8080 | — |
| punctuation.definition.italic.markdown | #87B1C2 | — |
| markup.italic.markdown | #87B1C2 | italic |
| markup.underline.link.markdown | #9079C7 | italic |
| markup.bold.markdown | #CB8080 | — |
| markup.heading.markdown | #78C988 | bold |
| markup.quote.markdown | #6E7482 | italic |
| meta.separator.markdown | #3B3E46 | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #A3C7BD | — |
| punctuation.definition.list_item.markdown | #ECCA42 | bold |