Panda Theme Light
Publisher: santiagosimonsantosThemes in package: 1
Pada Theme Light for Visual Studio Code
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#f2f1f1
- activityBar.border#f1f1f1
- activityBar.foreground#222223
- activityBarBadge.background#12b69d
- activityBarBadge.foreground#242526
- badge.background#B084EB
- badge.foreground#242526
- button.background#B084EB
- button.foreground#f5f4f4
- button.hoverBackground#676B79
- diffEditor.insertedTextBackground#19f9d866
- diffEditor.removedTextBackground#FF4B8266
- editor.background#ececec
- editor.findMatchBackground#B084EB90
- editor.findMatchHighlightBackground#ff840040
- editor.foreground#222223
- editor.inactiveSelectionBackground#ff840040
- editor.lineHighlightBackground#d8d7d7
- editor.selectionBackground#ff840040
- editor.selectionHighlightBackground#ff840040
- editor.wordHighlightBackground#ffa13c60
- editor.wordHighlightStrongBackground#FF9AC170
- editorBracketMatch.border#12b69d
- editorCodeLens.foreground#ff840040
- editorCursor.foreground#FF4B82
- editorError.border#292A2B
- editorError.foreground#FF4B82
- editorGroupHeader.border#ececec
- editorGroupHeader.noTabsBackground#E6E6E6
- editorGroupHeader.tabsBackground#e6e6e6
- editorGutter.addedBackground#12b69d
- editorGutter.deletedBackground#FF4B82
- editorGutter.modifiedBackground#ffa13c
- editorHoverWidget.background#f8f8f8
- editorHoverWidget.border#ececec
- editorHoverWidget.foreground#222223
- editorHoverWidget.statusBarBackground#B084EB
- editorLineNumber.activeForeground#B084EB
- editorLineNumber.foreground#8d8d8d
- editorOverviewRuler.addedForeground#12b69d
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#FF4B82
- editorOverviewRuler.errorForeground#FF4B82
- editorOverviewRuler.infoForeground#B084EB
- editorOverviewRuler.modifiedForeground#ffa13c
- editorOverviewRuler.warningForeground#ffa13c
- editorRuler.foreground#B084EB60
- editorSuggestWidget.selectedBackground#19f9d899
- editorWarning.border#292A2B
- editorWarning.foreground#ffa13c
- editorWhitespace.foreground#3E4250
- editorWidget.background#ececec
- editorWidget.border#373B41
- errorForeground#FF4B82
- extensionButton.prominentBackground#B084EB
- extensionButton.prominentForeground#f5f4f4
- extensionButton.prominentHoverBackground#676B79
- foreground#222223
- gitDecoration.ignoredResourceForeground#757575
- list.activeSelectionBackground#d8d7d7
- list.activeSelectionForeground#12b69d
- list.focusBackground#d8d7d7
- list.focusForeground#12b69d
- list.highlightForeground#B084EB
- list.hoverBackground#d8d7d7
- list.hoverForeground#222223
- list.inactiveSelectionBackground#d8d7d7
- list.inactiveSelectionForeground#12b69d
- merge.currentContentBackground#B084EB40
- merge.currentHeaderBackground#B084EB90
- merge.incomingContentBackground#ff840040
- merge.incomingHeaderBackground#45A9F990
- progressBar.background#B084EB
- scrollbar.shadow#e6e6e6
- scrollbarSlider.activeBackground#bbbbbb
- scrollbarSlider.background#bbbbbb99
- scrollbarSlider.hoverBackground#bbbbbb
- sideBar.background#ebebeb
- sideBar.border#ecebeb
- sideBar.foreground#222223
- statusBar.background#B084EB
- statusBar.debuggingBackground#B084EB
- statusBar.debuggingForeground#E6E6E6
- statusBar.foreground#E6E6E6
- statusBar.noFolderBackground#B084EB
- statusBar.noFolderForeground#E6E6E6
- tab.activeBackground#ececec
- tab.activeBorder#12b69d
- tab.activeForeground#12b69d
- tab.border#e6e6e6
- tab.inactiveBackground#e6e6e6
- tab.inactiveForeground#222223
- tab.inactiveModifiedBorder#cfcfcf
- terminal.ansiBlue#45A9F9
- terminal.ansiBrightBlack#757575
- terminal.ansiBrightBlue#0091ff
- terminal.ansiBrightCyan#BCAAFE
- terminal.ansiBrightGreen#12b69d
- terminal.ansiBrightMagenta#ff629e
- terminal.ansiBrightRed#ff0062
- terminal.ansiBrightWhite#E6E6E6
- terminal.ansiBrightYellow#ffa13c
- terminal.ansiCyan#B084EB
- terminal.ansiGreen#12b69d
- terminal.ansiMagenta#ff0077
- terminal.ansiRed#ff0062
- terminal.ansiWhite#CDCDCD
- terminal.ansiYellow#ff8400
- terminalCursor.background#E6E6E6
- terminalCursor.foreground#FF4B82
- titleBar.activeBackground#e6e6e6
- titleBar.activeForeground#222223
- titleBar.inactiveBackground#242526
- titleBar.inactiveForeground#E6E6E6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #676B79 | italic |
| keyword | #ff0077 | — |
| keyword.control, keyword.operator.new | #ff0077 | — |
| keyword.operator | #222223 | — |
| keyword.operator.logical, keyword.operator.comparison | #ffa13c | — |
| keyword.operator.misc, keyword.operator.sigil | #ff0077 | — |
| keyword.operator.expression | #ff8400 | — |
| storage | #ff8400 | — |
| constant | #ff8400 | — |
| constant.character.escape | #45A9F9 | — |
| variable | #222223 | — |
| variable.parameter | #888888 | — |
| meta.object-binding-pattern-variable.js variable | #ffa13c | — |
| variable.other.constant, variable.language.this, variable.interpolation | #ff629e | — |
| variable.other.object | #ff629e | — |
| variable.other.property | #222223 | — |
| invalid.illegal | #ff8400 | — |
| invalid.deprecated | #ff8400 | — |
| string | #12b69d | — |
| punctuation.definition.template-expression | #ffa13c | — |
| support | #ffa13c | — |
| support.class | #ffa13c | — |
| support.type.object.module.js | #B084EB | — |
| support.function | #0091ff | — |
| entity.name.function | #0091ff | — |
| entity.other.inherited-class | #ff629e | — |
| entity.name.tag.yaml | #ffa13c | — |
| meta.decorator punctuation.decorator | #ff8400 | — |
| meta.decorator variable | #0091ff | — |
| keyword.other.special-method | #45A9F9 | — |
| keyword.control.at-rule | #B084EB | — |
| keyword.other.important | #FF4B82 | — |
| variable.interpolation | #ff0077 | — |
| entity.name.type | #12b69d | italic |
| meta.source.handlebars entity.name.tag | #0091ff | — |
| punctuation.definition.expression, punctuation.definition.subexpression, punctuation.definition.block.unescaped, punctuation.definition.tag | #ffa13c | italic |
| entity.name.function.expression | #ff0077 | — |
| entity.unescaped.expression | #B084EB | — |
| constant.other.symbol | #12b69d | — |
| entity.expression variable.parameter.name | #ff8400 | — |
| entity.expression variable.parameter.value | #0091ff | — |
| entity.expression support.function.builtin | #ff629e | — |
| entity.name.tag.html | #ffa13c | — |
| entity.other.attribute-name.handlebars | #ffa13c | — |
| support.class.component | #ff0077 | italic |
| meta.tag.js entity.name.tag | #ffa13c | — |
| entity.other.attribute-name | #ff8400 | — |
| markup.bold | #ff8400 | bold |
| punctuation.definition.bold.markdown | #ffa13c | bold |
| markup.changed | #ff0077 | — |
| markup.deleted | #ff0062 | — |
| markup.italic | #ff629e | italic |
| punctuation.definition.italic.markdown | #ff0077 | italic |
| markup.inserted | #12b69d | — |
| punctuation.definition.heading | #12b69d | — |
| entity.name.section.markdown | #888888 | — |
| markup.quote | #ff8400 | — |
| markup.inline.raw | #12b69d | italic |
| beginning.punctuation.definition.list | #ff0077 | — |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #757575 | — |
| fenced_code.block.language | #888888 | italic |
| string.other.link | #888888 | — |
| meta.link.inline.markdown | #45A9F9 | italic |
| text.html.markdown punctuation.definition.string | #ffa13c | — |
| entity.name.type.class.js | #0091ff | — |
| keyword.control.as.js | #ff629e | — |
| keyword.control.from.js | #ff629e | — |
| keyword.control.export.js | #B084EB | — |
| variable.language.this.js | — | italic |
| support.class.console.js | — | italic |
| entity.name.tag.js, support.class.component.js | #ff0062 | — |
| variable.language.super.js | #45A9F9 | — |
| meta.tag.structure.any.html, meta.tag.other.html, entity.name.tag.html, meta.tag.metadata.script.html, entity.name.tag.jade | #ff0062 | — |
| entity.name.tag.inline.any.html, entity.name.tag.other.html, entity.name.tag.block.any.html, entity.name.tag.localname.xml | #ff0062 | — |
| entity.name.tag.xml, meta.tag.xml | #ff0062 | — |
| source.vue, entity.name.tag.pug, meta.tag.other | #ff0062 | — |
| text.pug | #f5f4f4 | — |
| entity.name.tag.css | #ff0062 | — |
| support.type.property-name.css | #222223 | — |
| variable.scss | #ff629e | — |
| entity.name.tag.reference.scss | #ff0062 | — |
| keyword.other.unit.rem.css, keyword.other.unit.vh.css, keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.deg.css, keyword.other.unit.percentage.css | #ff8400 | — |
| string.regexp | #0091ff | — |
| string.regexp keyword, string.regexp keyword.control | #ff0077 | — |
| string.regexp keyword.operator | #ff629e | — |
| entity.name.type.instance.jsdoc punctuation.definition | #ffa13c | italic |
| entity.name.type.instance.jsdoc | #CDCDCD | italic |
| comment.block storage | #ffa13c | — |
| comment.block storage.custom, variable.other.jsdoc, variable.other.jsdoc punctuation.definition.string | #ff629e | — |