Plasticine
Publisher: MyxlxalThemes in package: 4
Theme with support liquid
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#1085FF
- activityBar.background#22262d
- activityBar.border#000000
- activityBar.foreground#C6CCD7
- activityBar.inactiveForeground#5F6672
- activityBarBadge.background#cf4302
- activityBarBadge.foreground#ffffff
- breadcrumb.focusForeground#C6CCD7
- breadcrumb.foreground#5F6672
- button.background#c34e1cee
- button.foreground#ffffff
- button.hoverBackground#e82d14
- button.secondaryBackground#0D1117
- button.secondaryForeground#ffffff
- checkbox.background#0a406d
- checkbox.foreground#ffffff
- contrastBorder#0D1117
- debugIcon.breakpointForeground#ff0303
- debugToolBar.background#181A1F
- diffEditor.border#0D1117
- diffEditor.diagonalFill#0D1117
- diffEditor.insertedLineBackground#366a104b
- diffEditor.insertedTextBackground#CBF6AC1A
- diffEditor.removedLineBackground#b2132353
- diffEditor.removedTextBackground#FF9FA81A
- dropdown.background#181A1F
- dropdown.border#0D1117
- editor.background#22262d
- editor.findMatchBackground#bd28f844
- editor.findMatchBorder#d3dae1
- editor.findMatchHighlightBackground#0505056c
- editor.findMatchHighlightBorder#C6CCD7
- editor.foreground#A9B2C3
- editor.hoverHighlightBackground#11111172
- editor.lineHighlightBackground#1b1d23
- editor.lineHighlightBorder#fbfbfb37
- editor.rangeHighlightBackground#3dc5dd21
- editor.rangeHighlightBorder#C6CCD7
- editor.selectionBackground#7096f637
- editor.selectionHighlightBackground#67666645
- editor.selectionHighlightBorder#f5f5f547
- editor.stackFrameHighlightBackground#ff5c0463
- editor.wordHighlightBackground#00000026
- editor.wordHighlightBorder#9089045b
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightStrongBorder#1085FF
- editorBracketMatch.background#000000
- editorBracketMatch.border#ffee03d7
- editorCursor.foreground#dfe4ed
- editorError.background#e80c0874
- editorError.foreground#ff0a0a
- editorGroup.border#0D1117
- editorGroup.emptyBackground#181A1F
- editorGroupHeader.tabsBackground#181A1F
- editorGutter.addedBackground#98C379
- editorGutter.background#21242a
- editorGutter.deletedBackground#E06C75
- editorGutter.modifiedBackground#D19A66
- editorHoverWidget.background#181A1F
- editorHoverWidget.border#1085FF
- editorIndentGuide.activeBackground1#ccff00
- editorIndentGuide.background1#4948486c
- editorInfo.foreground#1085FF
- editorInlayHint.background#00000000
- editorInlayHint.foreground#5F6672
- editorLightBulb.foreground#E9D16C
- editorLightBulbAutoFix.foreground#1085FF
- editorLineNumber.activeForeground#e7e7e7f1
- editorLineNumber.foreground#f8f8f844
- editorOverviewRuler.addedForeground#98C379
- editorOverviewRuler.border#0D1117
- editorOverviewRuler.deletedForeground#E06C75
- editorOverviewRuler.errorForeground#D74E42
- editorOverviewRuler.findMatchForeground#1084ff91
- editorOverviewRuler.infoForeground#1085FF
- editorOverviewRuler.modifiedForeground#D19A66
- editorOverviewRuler.warningForeground#E9D16C
- editorRuler.foreground#0D1117
- editorStickyScroll.background#181A1F
- editorStickyScrollHover.background#21252B
- editorSuggestWidget.background#181A1F
- editorSuggestWidget.border#1085FF
- editorSuggestWidget.selectedBackground#A9B2C31A
- editorWarning.foreground#E9D16C
- editorWhitespace.foreground#dfd9d99a
- editorWidget.background#181A1F
- errorForeground#D74E42
- focusBorder#1085FF
- gitDecoration.deletedResourceForeground#E06C75
- gitDecoration.ignoredResourceForeground#5F6672
- gitDecoration.modifiedResourceForeground#D19A66
- gitDecoration.untrackedResourceForeground#98C379
- input.background#0D1117
- inputOption.activeBorder#1085FF
- inputValidation.errorBackground#D74E42
- inputValidation.errorBorder#D74E42
- inputValidation.infoBackground#1085FF
- inputValidation.infoBorder#1085FF
- inputValidation.infoForeground#0D1117
- inputValidation.warningBackground#E9D16C
- inputValidation.warningBorder#E9D16C
- inputValidation.warningForeground#0D1117
- list.activeSelectionBackground#A9B2C333
- list.activeSelectionForeground#ffffff
- list.errorForeground#D74E42
- list.focusBackground#A9B2C333
- list.focusOutline#a0a0a0
- list.hoverBackground#A9B2C31A
- list.inactiveFocusOutline#a0a0a0
- list.inactiveSelectionBackground#A9B2C333
- list.inactiveSelectionForeground#ffffff
- list.warningForeground#E9D16C
- minimap.findMatchHighlight#1084ff83
- minimap.selectionHighlight#c6ccd787
- minimapGutter.addedBackground#98C379
- minimapGutter.deletedBackground#E06C75
- minimapGutter.modifiedBackground#D19A66
- minimapSlider.activeBackground#4e5aa96a
- minimapSlider.background#d5d5d51d
- minimapSlider.hoverBackground#b3b6c745
- notificationCenter.border#0D1117
- notificationCenterHeader.background#181A1F
- notifications.background#181A1F
- notifications.border#0D1117
- notificationToast.border#0D1117
- panel.background#191a20
- panel.border#000000
- panelTitle.inactiveForeground#5F6672
- peekView.border#1085FF
- peekViewEditor.background#181A1F
- peekViewEditor.matchHighlightBackground#A9B2C333
- peekViewResult.background#181A1F
- peekViewResult.matchHighlightBackground#A9B2C333
- peekViewResult.selectionBackground#A9B2C31A
- peekViewResult.selectionForeground#C6CCD7
- peekViewTitle.background#181A1F
- progressBar.background#e6e6e6a7
- sash.hoverBorder#A9B2C333
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#A9B2C333
- scrollbarSlider.background#A9B2C31A
- scrollbarSlider.hoverBackground#A9B2C333
- sideBar.background#22262d
- sideBar.border#060606
- sideBar.foreground#C6CCD7
- sideBarSectionHeader.background#1b1e23
- statusBar.background#222227
- statusBar.border#0D1117
- statusBar.debuggingBackground#E5C07B
- statusBar.debuggingForeground#0D1117
- statusBar.foreground#afadad
- statusBar.noFolderBackground#181A1F
- statusBarItem.hoverBackground#181A1F
- tab.activeBackground#22262d
- tab.activeBorderTop#fff124
- tab.activeForeground#C6CCD7
- tab.border#0D1117
- tab.hoverBorder#b8c7d6
- tab.inactiveBackground#181A1F
- tab.inactiveForeground#5F6672
- tab.lastPinnedBorder#A9B2C333
- tab.unfocusedActiveBackground#1c1f22
- tab.unfocusedActiveForeground#d6d2d2
- tab.unfocusedInactiveForeground#868080
- terminal.ansiBlack#5F6672
- terminal.ansiBlue#61AFEF
- terminal.ansiBrightBlack#5F6672
- terminal.ansiBrightBlue#61AFEF
- terminal.ansiBrightCyan#56B6C2
- terminal.ansiBrightGreen#98C379
- terminal.ansiBrightMagenta#B57EDC
- terminal.ansiBrightRed#E06C75
- terminal.ansiBrightWhite#A9B2C3
- terminal.ansiBrightYellow#E5C07B
- terminal.ansiCyan#56B6C2
- terminal.ansiGreen#98C379
- terminal.ansiMagenta#B57EDC
- terminal.ansiRed#E06C75
- terminal.ansiWhite#A9B2C3
- terminal.ansiYellow#E5C07B
- terminal.foreground#A9B2C3
- titleBar.activeBackground#21252B
- titleBar.activeForeground#C6CCD7
- titleBar.border#0D1117
- titleBar.inactiveBackground#21252B
- titleBar.inactiveForeground#5F6672
- toolbar.hoverBackground#A9B2C333
- tree.inactiveIndentGuidesStroke#474747
- tree.indentGuidesStroke#e9e7e7
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5F6672 | — |
| entity.name.function, support.function | #B57EDC | — |
| keyword, punctuation.definition.keyword, variable.language | #E06C75 | — |
| constant, support.constant | #56B6C2 | — |
| storage, support.class, entity.name.namespace | #61AFEF | — |
| markup.inline.raw.string, string | #98C379 | — |
| entity.name.section, entity.name.tag, entity.name.type, support.type | #E5C07B | — |
| support.type.property-name, support.variable, variable | #C6CCD7 | — |
| entity.other, punctuation.definition.entity, support.other | #D19A66 | — |
| meta.brace, punctuation | #A9B2C3 | — |
| markup.bold, punctuation.definition.bold, entity.other.attribute-name.id | — | bold |
| comment, markup.italic, punctuation.definition.italic | — | italic |
| meta.directive.vue support.variable | #0fd3ff | italic |
| meta.directive.vue constant | #0fd3ff | — |
| meta.directive.vue punctuation | #fff706b9 | — |
| expression.embedded.vue punctuation | #fff706b9 | — |
| expression.embedded.vue variable | #61daef | italic |
| meta.directive.vue entity.other | #fda8fc | — |
| meta.directive.vue variable | #61AFEF | italic |
| punctuation.tag.liquid, punctuation.definition.tag, punctuation.definition.tag.begin.liquid, punctuation.definition.tag.end.liquid, punctuation.output.liquid, source.liquid | #fff706b9 | — |
| keyword.other.dot.liquid | #fff706b9 | — |
| keyword.operator.equality.liquid, keyword.operator.assignment.augmented.liquid | #fff706b9 | — |
| punctuation.output.liquid, source.liquid | #61afef | — |
| support.variable.liquid, variable.parameter.liquid, string.other.property-value.liquid | #7af8ecec | — |
| support.class.object-value.liquid, support.class.object.liquid, variable.other.liquid | #f0eed4 | — |
| entity.name.tag.conditional.liquid, keyword.operator.logical.liquid, entity.name.tag.control.liquid, keyword.operator.liquid, entity.name.tag.iteration.liquid, entity.name.tag.method.liquid | #ffabfe | — |
| entity.name.tag.variable.liquid | #ffabfe | italic |
| entity.name.tag.liquid | #fda8fc | — |
| support.function.filter.liquid, keyword.separator.pipe.liquid | #E06C75 | — |
| comment.block.html | #fffcd26b | — |
| comment.block.css | #cefa9f64 | — |
| meta.at-rule.include.scss | #fbff0cfc | — |
| variable.other.php | #fa6b6bfc | — |
| variable.scss | #fae96bfc | — |
| entity.name.tag.html | #f58486 | — |
| keyword.control.liquid | #fda8fc | italic |
| punctuation.definition.tag.begin.html | #c1f7f0 | — |
| punctuation.definition.tag.end.html | #c1f7f0 | — |
| punctuation.definition.variable.php | #fa6b6bfc | — |
| keyword.operator.arithmetic.php | #6da8f5fc | — |
| keyword.operator.increment-decrement.php | #c05838fc | — |
| keyword.operator.assignment.php | #6292f8fc | — |
| constant.numeric.decimal.php | #fcae47d2 | — |
| comment.line.double-slash.js | #5b8d63 | — |
| comment.block.liquid | #858e85fa | — |
| support.function.without-args.liquid | #f74242 | — |
| invalid.illegal.character-not-allowed-here.html | #ff1c1c | underline |
| variable.other.property.js | #fdd180c1 | — |
| variable.parameter.js | #ffffff | italic |
| variable.other.object.property.js | #fdf9c3d2 | — |
| text.html.derivative | #ffffffd2 | — |
| text.html.liquid | #ffffffd2 | — |
| punctuation.section.embedded.begin.php | #ffdf29f3 | — |
| punctuation.section.embedded.end.php | #ffdf29f3 | — |
| variable.other.property.tsx, meta.embedded.expression.tsx | #a6e8e8ed | — |
| variable.parameter | #C6CCD7 | italic |