PinaColada Theme
Publisher: DhamovaThemes in package: 1
Pineapple.build Official Visual Studio Code Theme
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#E7E8E6
- activityBar.foreground#e98800
- activityBar.inactiveForeground#68696888
- activityBarBadge.background#e98800
- badge.background#e98800
- badge.foreground#ffffff
- button.background#e98800
- debugExceptionWidget.background#FFAEAC33
- debugExceptionWidget.border#FF5C57
- debugToolBar.border#E9EAEB
- diffEditor.insertedTextBackground#2DAE5824
- diffEditor.removedTextBackground#FFAEAC44
- dropdown.border#E9EAEB
- editor.background#FAFBFC
- editor.findMatchBackground#EBB1006A
- editor.findMatchHighlightBackground#EBB1002A
- editor.findRangeHighlightBackground#F5B90011
- editor.focusedStackFrameHighlightBackground#2DAE5822
- editor.foldBackground#F3F4F5
- editor.foreground#565869
- editor.hoverHighlightBackground#EBB10018
- editor.lineHighlightBackground#ECECEC
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#F5B90033
- editor.selectionBackground#EBB10022
- editor.snippetTabstopHighlightBackground#ADB1C23A
- editor.stackFrameHighlightBackground#F5B90033
- editor.wordHighlightBackground#ADB1C23A
- editorBracketMatch.background#E9EAEB
- editorBracketMatch.border#00000000
- editorError.foreground#FF5C56
- editorGroup.emptyBackground#F3F4F5
- editorGutter.addedBackground#2DAE58
- editorGutter.deletedBackground#FF5C57
- editorGutter.modifiedBackground#00A39FAA
- editorLineNumber.activeForeground#35CF68
- editorLineNumber.foreground#9194A2aa
- editorLink.activeForeground#35CF68
- editorOverviewRuler.addedForeground#2DAE58
- editorOverviewRuler.deletedForeground#FF5C57
- editorOverviewRuler.errorForeground#FF5C56
- editorOverviewRuler.findMatchForeground#2d910fAA
- editorOverviewRuler.modifiedForeground#00A39FAA
- editorOverviewRuler.warningForeground#ebb100
- editorOverviewRuler.wordHighlightForeground#ADB1C288
- editorOverviewRuler.wordHighlightStrongForeground#35CF68
- editorWarning.foreground#ebb100
- editorWhitespace.foreground#ADB1C255
- extensionButton.prominentBackground#2DAE58
- extensionButton.prominentHoverBackground#238744
- focusBorder#EBB100
- foreground#686968
- gitDecoration.modifiedResourceForeground#00A39F
- gitDecoration.untrackedResourceForeground#2DAE58
- input.border#E9EAEB
- list.activeSelectionBackground#e9880033
- list.activeSelectionForeground#e98800
- list.errorForeground#FF5C56
- list.focusBackground#e9880033
- list.focusForeground#e98800
- list.highlightForeground#e98800
- list.hoverBackground#E9EAEB
- list.inactiveSelectionBackground#e9880033
- list.inactiveSelectionForeground#e98800
- list.warningForeground#B38700
- menu.background#FAFBFC
- menu.selectionBackground#E9EAEB
- menu.selectionForeground#686968
- menubar.selectionBackground#E9EAEB
- menubar.selectionForeground#686968
- merge.currentContentBackground#35CF6833
- merge.currentHeaderBackground#35CF6866
- merge.incomingContentBackground#14B1FF33
- merge.incomingHeaderBackground#14B1FF77
- notifications.background#EAEAEA
- peekView.border#089eb9
- peekViewEditor.background#14B1FF08
- peekViewEditor.matchHighlightBackground#F5B90088
- peekViewEditor.matchHighlightBorder#F5B90000
- peekViewResult.matchHighlightBackground#F5B90088
- peekViewResult.selectionBackground#089eb9
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#089eb911
- pickerGroup.foreground#e98800
- scrollbar.shadow#00000000
- selection.background#2DAE5844
- settings.modifiedItemIndicator#2d910f
- sideBar.background#F3F4F5
- sideBar.border#DEDFE0
- sideBarSectionHeader.background#E9EAEB
- sideBarSectionHeader.border#DEDFE000
- statusBar.background#e98800
- statusBar.debuggingBackground#2d910f
- statusBar.debuggingBorder#00A39F
- statusBar.noFolderBackground#565869
- statusBarItem.remoteBackground#238744
- tab.activeBorderTop#f18d00
- tab.border#ECECEC
- terminal.ansiBlack#565869
- terminal.ansiBlue#089eb9
- terminal.ansiBrightBlack#75798F
- terminal.ansiBrightBlue#14B1FF
- terminal.ansiBrightCyan#2d910f
- terminal.ansiBrightGreen#35CF68
- terminal.ansiBrightMagenta#FF94D2
- terminal.ansiBrightRed#FFAEAC
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F5B900
- terminal.ansiCyan#2d910f
- terminal.ansiGreen#2DAE58
- terminal.ansiMagenta#e98800
- terminal.ansiRed#FF5C57
- terminal.ansiWhite#FAFBF9
- terminal.ansiYellow#ebb100
- titleBar.activeBackground#F3F4F5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| invalid.illegal | #FF5C56 | — |
| meta.object-literal.key, meta.object-literal.key constant.character.escape, meta.object-literal string, meta.object-literal string constant.character.escape, support.type.property-name, support.type.property-name constant.character.escape | #118f69 | — |
| keyword, storage, meta.class storage.type, keyword.operator.expression.import, keyword.operator.new | #e98800 | — |
| support.type, meta.type.annotation entity.name.type, new.expr meta.type.parameters entity.name.type, storage.type.primitive, storage.type.built-in.primitive, meta.function.parameter storage.type | #2DAE58 | — |
| storage.type.annotation | #C25193 | — |
| keyword.other.unit | #FF5C57CC | — |
| constant.language, support.constant, variable.language | #2DAE58 | — |
| variable, support.variable | #565869 | — |
| variable.language.this | #2d910f | — |
| entity.name.function, support.function | #089eb9 | — |
| entity.name.function.decorator | #118f69 | — |
| meta.class entity.name.type, new.expr entity.name.type, entity.other.inherited-class, support.class | #2d910f | — |
| keyword.preprocessor.pragma, keyword.control.directive.include, keyword.other.preprocessor | #118f69 | — |
| entity.name.exception | #FF5C56 | — |
| entity.name.section | — | — |
| constant.numeric | #FF5C57 | — |
| constant, constant.character | #2DAE58 | — |
| string | #ebb100 | — |
| string | #ebb100 | — |
| constant.character.escape | #F5B900 | — |
| string.regexp, string.regexp constant.character.escape | #2d910f | — |
| string.regexp punctuation | #00A39F | — |
| string.regexp keyword, string.regexp keyword.control, string.regexp constant | #e98800 | — |
| string.regexp keyword.other | #00A39FBB | — |
| constant.other.symbol | #ebb100 | — |
| comment, punctuation.definition.comment | #ADB1C2 | italic |
| comment.block.preprocessor | #9194A2 | |
| comment.block.documentation entity.name.type | #2DAE58 | — |
| comment.block.documentation storage, comment.block.documentation keyword.other, meta.class comment.block.documentation storage.type | #9194A2 | — |
| comment.block.documentation variable | #C25193 | — |
| punctuation | #ADB1C2 | — |
| keyword.operator, keyword.other.arrow, keyword.control.@ | #ADB1C2 | — |
| meta.tag.metadata.doctype.html entity.name.tag, meta.tag.metadata.doctype.html entity.other.attribute-name.html, meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #9194A2 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #ADB1C2 | — |
| entity.name.tag | #2d910f | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #e98800 | — |
| constant.character.entity, punctuation.definition.entity | #ebb100 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, source.css entity.name.tag | #e98800 | — |
| source.css variable | #118f69 | — |
| punctuation.definition.entity.css | #FF82CBBB | — |
| source.css meta.property-name, source.css support.type.property-name | #565869 | — |
| source.css support.type.vendored.property-name | #565869AA | — |
| meta.property-value, support.constant.property-value | #2d910f | — |
| source.css support.constant | #2DAE58 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #ebb100 | — |
| source.css support.function | #089eb9 | — |
| keyword.other.important | #2d910f | — |
| source.css.scss entity.other.attribute-name.class.css, source.css.scss entity.other.attribute-name.id.css | #e98800 | — |
| source.css.less entity.other.attribute-name.class.css | #e98800 | — |
| source.stylus meta.brace.curly.css | #ADB1C2 | — |
| source.stylus entity.other.attribute-name.class, source.stylus entity.other.attribute-name.id, source.stylus entity.name.tag | #e98800 | — |
| source.stylus support.type.property-name | #565869 | — |
| source.stylus variable | #118f69 | — |
| markup.changed | #888888 | — |
| markup.deleted | #888888 | — |
| markup.italic | — | italic |
| markup.error | #FF5C56 | — |
| markup.inserted | #888888 | — |
| meta.link | #ebb100 | — |
| string.other.link.title.markdown | #089eb9 | — |
| markup.output, markup.raw | #999999 | — |
| markup.prompt | #999999 | — |
| markup.heading | #2DAE58 | — |
| markup.bold | — | bold |
| markup.traceback | #FF5C56 | — |
| markup.underline | — | underline |
| markup.quote | #777985 | — |
| markup.bold, markup.italic | #2d910f | — |
| markup.inline.raw | #e98800 | |
| meta.brace.round, meta.brace.square, storage.type.function.arrow | #ADB1C2 | — |
| support.function.js | #118f69 | — |
| string.regexp.js | #2d910f | — |
| variable.language.super, support.type.object.module.js | #e98800 | — |
| meta.jsx.children | #686968 | — |
| entity.name.tag.yaml | #118f69 | — |
| variable.other.alias.yaml | #2DAE58 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #75798F | — |
| meta.use.php entity.other.alias.php | #2d910f | — |
| source.php support.function.construct, source.php support.function.var | #118f69 | — |
| storage.modifier.extends.php, source.php keyword.other, storage.modifier.php | #e98800 | — |
| meta.class.body.php storage.type.php | #e98800 | — |
| storage.type.php, meta.class.body.php meta.function-call.php storage.type.php, meta.class.body.php meta.function.php storage.type.php | #2DAE58 | — |
| source.php keyword.other.DML | #D94E4A | — |
| source.sql.embedded.php keyword.operator | #2DAE58 | — |
| source.ini keyword, source.toml keyword, source.env variable | #118f69 | — |
| source.ini entity.name.section, source.toml entity.other.attribute-name | #e98800 | — |
| source.go storage.type | #2DAE58 | — |
| keyword.import.go, keyword.package.go | #FF5C56 | — |
| source.reason variable.language string | #565869 | — |
| source.reason support.type, source.reason constant.language, source.reason constant.language constant.numeric, source.reason support.type string.regexp | #2DAE58 | — |
| source.reason keyword.operator keyword.control, source.reason keyword.control.less, source.reason keyword.control.flow | #ADB1C2 | — |
| source.reason string.regexp | #ebb100 | — |
| source.reason support.property-value | #118f69 | — |
| source.rust support.function.core.rust | #118f69 | — |
| source.rust storage.type.core.rust, source.rust storage.class.std | #2DAE58 | — |
| source.rust entity.name.type.rust | #2d910f | — |
| storage.type.function.coffee | #ADB1C2 | — |
| keyword.type.cs, storage.type.cs | #2DAE58 | — |
| entity.name.type.namespace.cs | #2d910f | — |
| meta.diff.header | #118f69 | — |
| markup.inserted.diff | #2DAE58 | — |
| markup.deleted.diff | #FF5C56 | — |
| meta.diff.range, meta.diff.index, meta.separator | #089eb9 | — |
| source.makefile variable | #118f69 | — |
| keyword.control.protocol-specification.objc | #e98800 | — |
| meta.parens storage.type.objc, meta.return-type.objc support.class, meta.return-type.objc storage.type.objc | #2DAE58 | — |
| source.sql keyword | #118f69 | — |
| keyword.other.special-method.dockerfile | #089eb9 | — |
| constant.other.symbol.elixir | #118f69 | — |
| storage.type.elm, support.module.elm | #2d910f | — |
| source.elm keyword.other | #ADB1C2 | — |
| source.erlang entity.name.type.class | #2d910f | — |
| variable.other.field.erlang | #118f69 | — |
| source.erlang constant.other.symbol | #2DAE58 | — |
| storage.type.haskell | #2DAE58 | — |
| meta.declaration.class.haskell storage.type.haskell, meta.declaration.instance.haskell storage.type.haskell | #2d910f | — |
| meta.preprocessor.haskell | #75798F | — |
| source.haskell keyword.control | #e98800 | — |
| source.ocaml markup.underline | — | |
| source.ocaml punctuation.definition.tag emphasis, source.ocaml entity.name.class constant.numeric, source.ocaml support.type | #e98800 | — |
| source.ocaml constant.numeric entity.other.attribute-name | #2d910f | — |
| source.ocaml comment meta.separator | #ADB1C2 | — |
| source.ocaml support.type strong, source.ocaml keyword.control strong | #ADB1C2 | — |
| source.ocaml support.constant.property-value | #118f69 | — |
| source.scala entity.name.class | #2d910f | — |
| storage.type.scala | #2DAE58 | — |
| variable.parameter.scala | #118f69 | — |
| meta.bracket.scala, meta.colon.scala | #ADB1C2 | — |
| meta.metadata.simple.clojure | #ADB1C2 | — |
| meta.metadata.simple.clojure meta.symbol | #2d910f | — |
| source.r keyword.other | #ADB1C2 | — |
| source.svelte meta.block.ts entity.name.label | #118f69 | — |
| keyword.operator.word.applescript | #e98800 | — |
| meta.function-call.livescript | #089eb9 | — |
| variable.language.self.lua | #2d910f | — |
| entity.name.type.class.swift, meta.inheritance-clause.swift, meta.import.swift entity.name.type | #2d910f | — |
| source.swift punctuation.section.embedded | #B38700 | — |
| variable.parameter.function.swift entity.name.function.swift | #565869 | — |
| meta.function-call.twig | #565869 | — |
| string.unquoted.tag-string.django | #565869 | — |
| entity.tag.tagbraces.django, entity.tag.filter-pipe.django | #ADB1C2 | — |
| meta.section.attributes.haml constant.language, meta.section.attributes.plain.haml constant.other.symbol | #FF8380 | — |
| meta.prolog.haml | #9194A2 | — |
| support.constant.handlebars | #ADB1C2 | — |
| text.log log.constant | #C25193 | — |
| source.c string constant.other.placeholder, source.cpp string constant.other.placeholder | #B38700 | — |
| constant.other.key.groovy | #118f69 | — |
| storage.type.groovy | #2d910f | — |
| meta.definition.variable.groovy storage.type.groovy | #2DAE58 | — |
| storage.modifier.import.groovy | #ebb100 | — |
| entity.other.attribute-name.class.pug, entity.other.attribute-name.id.pug | #2d910f | — |
| constant.name.attribute.tag.pug | #ADB1C2 | — |
| entity.name.type.wasm | #2DAE58 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...