Granny Bracelet
Publisher: Steven WienerThemes in package: 1
Inspired by a pretty garment
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#3fdf641a
- activityBar.activeBorder#3fdf64
- activityBar.background#0d2d29
- activityBar.border#3fdf6433
- activityBar.foreground#e1e1e1
- activityBar.inactiveForeground#e1e1e166
- activityBarBadge.background#3fdf64
- activityBarBadge.foreground#111111
- badge.background#3fdf64
- badge.foreground#111111
- breadcrumb.activeSelectionForeground#3fdf64
- breadcrumb.background#173A2E
- breadcrumb.focusForeground#e1e1e1
- breadcrumb.foreground#e1e1e199
- button.background#3fdf64
- button.border#e1e1e133
- button.foreground#111111
- button.hoverBackground#22c948
- commandCenter.border#3fdf6466
- diffEditor.border#3fdf644d
- diffEditor.insertedLineBackground#3cdd3c14
- diffEditor.insertedTextBackground#3cdd3c26
- diffEditor.removedLineBackground#ff537014
- diffEditor.removedTextBackground#ff537026
- dropdown.background#1a5d54
- dropdown.border#3fdf644d
- dropdown.foreground#e1e1e1
- editor.background#173A2E
- editor.findMatchBackground#c327508c
- editor.findMatchHighlightBackground#c3275047
- editor.foldBackground#3fdf641a
- editor.foreground#e1e1e1
- editor.inactiveSelectionBackground#3fdf6421
- editor.lineHighlightBackground#1d493a
- editor.lineHighlightBorder#1d493a
- editor.selectionBackground#3fdf6447
- editor.selectionHighlightBackground#3fdf642e
- editor.wordHighlightBackground#0C92BB33
- editor.wordHighlightStrongBackground#0C92BB59
- editorBracketMatch.background#3fdf641a
- editorBracketMatch.border#3fdf64b3
- editorCursor.foreground#3fdf64
- editorError.border#ff5370
- editorError.foreground#ff5370
- editorGhostText.foreground#e1e1e14d
- editorGroup.border#3fdf644d
- editorGroup.dropBackground#3fdf6426
- editorGroupHeader.noTabsBackground#144942
- editorGroupHeader.tabsBackground#144942
- editorGroupHeader.tabsBorder#3fdf6421
- editorGutter.addedBackground#3cdd3c
- editorGutter.background#113D3780
- editorGutter.deletedBackground#ff5370
- editorGutter.modifiedBackground#3fdf64
- editorIndentGuide.activeBackground1#3fdf6480
- editorIndentGuide.background1#e1e1e11a
- editorLineNumber.activeForeground#d5d5d5
- editorLineNumber.foreground#959595
- editorLink.activeForeground#3fdf64
- editorPane.background#173A2E
- editorRuler.foreground#e1e1e126
- editorWarning.foreground#ff9e64
- editorWidget.background#175149
- editorWidget.border#3fdf644d
- editorWidget.foreground#e1e1e1
- focusBorder#3fdf6499
- foreground#e1e1e1
- gitDecoration.addedResourceForeground#3cdd3c
- gitDecoration.deletedResourceForeground#ff5370
- gitDecoration.ignoredResourceForeground#e1e1e159
- gitDecoration.modifiedResourceForeground#3fdf64
- gitDecoration.renamedResourceForeground#0C92BB
- gitDecoration.untrackedResourceForeground#3cdd3c
- input.background#102820
- input.border#3fdf644d
- input.foreground#e1e1e1
- input.placeholderForeground#e1e1e159
- inputValidation.errorBackground#ff537026
- inputValidation.errorBorder#ff5370
- list.activeSelectionBackground#3fdf6440
- list.activeSelectionForeground#e1e1e1
- list.errorForeground#ff5370
- list.focusBackground#3fdf6433
- list.highlightForeground#3fdf64
- list.hoverBackground#3fdf641a
- list.hoverForeground#e1e1e1
- list.inactiveSelectionBackground#3fdf641f
- list.warningForeground#ff9e64
- menu.background#175149
- menu.border#3fdf644d
- menu.foreground#e1e1e1
- menu.selectionBackground#3fdf6433
- minimap.background#113D37cc
- minimap.errorHighlight#ff537099
- minimap.findMatchHighlight#c3275080
- minimap.selectionHighlight#3fdf6466
- minimapGutter.addedBackground#3cdd3c
- minimapGutter.modifiedBackground#3fdf64
- minimapSlider.activeBackground#3fdf6480
- minimapSlider.background#e1e1e11a
- minimapSlider.hoverBackground#3fdf644d
- notifications.background#175149
- notifications.border#3fdf644d
- panel.background#0e312c
- panel.border#3fdf644d
- panelTitle.activeBorder#3fdf64
- panelTitle.activeForeground#3fdf64
- panelTitle.inactiveForeground#e1e1e180
- peekView.border#3fdf6480
- peekViewEditor.background#102820
- peekViewResult.background#0e312c
- peekViewResult.selectionBackground#3fdf6433
- quickInput.background#175149
- quickInput.foreground#e1e1e1
- sash.hoverBorder#3fdf64
- scrollbar.shadow#c3275066
- scrollbarSlider.activeBackground#3fdf6499
- scrollbarSlider.background#e1e1e121
- scrollbarSlider.hoverBackground#3fdf6466
- selection.background#3fdf6447
- settings.headerForeground#3fdf64
- settings.modifiedItemIndicator#3fdf64
- sideBar.background#113D37
- sideBar.border#3fdf6426
- sideBar.foreground#e1e1e1d9
- sideBarSectionHeader.background#0e312c
- sideBarSectionHeader.border#3fdf6433
- sideBarSectionHeader.foreground#e1e1e1
- sideBarTitle.foreground#e1e1e1
- statusBar.background#0C92BB
- statusBar.border#0C92BB80
- statusBar.debuggingBackground#ff9e64
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#0a7495
- statusBarItem.hoverBackground#e1e1e11a
- tab.activeBackground#173A2E
- tab.activeBorder#3fdf64
- tab.activeForeground#e1e1e1
- tab.border#e1e1e10d
- tab.hoverBackground#3fdf641a
- tab.hoverForeground#e1e1e1
- tab.inactiveBackground#144942
- tab.inactiveForeground#e1e1e180
- terminal.ansiBrightWhite#e1e1e1
- terminal.ansiCyan#0C92BB
- terminal.ansiGreen#0C92BB
- terminal.ansiRed#c32750
- terminal.ansiYellow#c49822
- terminal.background#132f25
- terminal.border#3fdf6433
- terminal.foreground#e1e1e1
- titleBar.activeBackground#0d2d29
- titleBar.activeForeground#e1e1e1
- titleBar.border#3fdf6433
- titleBar.inactiveBackground#103934
- titleBar.inactiveForeground#e1e1e180
- welcomePage.progress.foreground#3fdf64
- widget.shadow#3fdf6433
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7b7b7b | italic |
| keyword, keyword.control, storage.type, keyword.operator.new | #c32750 | — |
| storage.modifier | #d9446b | italic |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #0C92BB | — |
| entity.name.method.js | #0eb0e1 | italic |
| string, string.quoted, constant.other.symbol, markup.inline.raw | #c49822 | — |
| string.regexp | #ddb13c | — |
| punctuation.definition.string | #99761a | — |
| variable, string constant.other.placeholder | #0C92BB | — |
| variable.parameter | #0eb0e1 | italic |
| variable.language | #ae2347 | italic |
| constant.numeric, constant.language, support.constant, keyword.other.unit | #603bd9 | italic |
| constant.character.escape | #c32750 | — |
| entity.name.type, entity.name.class, support.type, support.class | #0C92BB | — |
| entity.name.tag, keyword.control.at-rule | #c32750 | — |
| entity.other.attribute-name | #0C92BB | — |
| entity.other.attribute-name.class | #0C92BB | — |
| text.html.basic entity.other.attribute-name | #0C92BB | italic |
| support.type.property-name | #c8c8c8 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #c49822 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #0C92BB | — |
| 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 | #0C92BB | — |
| markup.heading, entity.name.section.markdown | #3fdf64 | bold |
| markup.bold | #c32750 | bold |
| markup.italic | #d9446b | italic |
| markup.underline.link, markup.underline.link.markdown | #0C92BB | underline |
| markup.inserted | #76ee00 | — |
| markup.deleted | #ff5370 | — |
| markup.changed | #ffee22 | — |
| invalid, invalid.illegal | #ff5370 | — |
| token.info-token | #0C92BB | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #603bd9 | — |