PenguinQA
Publisher: pochocloThemes in package: 1
Theme for a best qa engineer
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#181825
- activityBar.border#18182560
- activityBar.foreground#CDD6F4
- activityBarBadge.background#CBA6F7
- activityBarBadge.foreground#1E1E2E
- badge.background#1E1E2E40
- badge.foreground#CDD6F4
- breadcrumb.activeSelectionForeground#CDD6F4
- breadcrumb.background#1E1E2E
- breadcrumb.focusForeground#CDD6F4
- breadcrumb.foreground#B4BEFE
- breadcrumbPicker.background#181825
- button.background#CBA6F770
- button.foreground#1E1E2E
- button.hoverBackground#CBA6F799
- contrastBorder#CBA6F430
- debugToolBar.background#1E1E2E
- diffEditor.insertedTextBackground#B4BEFE22
- diffEditor.removedTextBackground#F5E0DC33
- dropdown.background#1E1E2E
- dropdown.border#B4BEFE30
- dropdown.foreground#CDD6F4
- editor.background#1E1E2E
- editor.findMatchBackground#1E1E2E
- editor.findMatchBorder#CBA6F7
- editor.findMatchHighlightBackground#CBA6F780
- editor.findMatchHighlightBorder#B4BEFE40
- editor.foreground#CDD6F4
- editor.lineHighlightBackground#18182580
- editor.selectionBackground#CBA6F740
- editor.selectionHighlightBackground#B4BEFE30
- editor.selectionHighlightBorder#CBA6F7
- editorBracketMatch.background#1E1E2E
- editorBracketMatch.border#CBA6F7
- editorCursor.foreground#CBA6F7
- editorError.foreground#F38BA880
- editorGroup.border#1E1E2E60
- editorGroupHeader.tabsBackground#1E1E2E
- editorGutter.addedBackground#B4BEFE80
- editorGutter.deletedBackground#F38BA880
- editorGutter.modifiedBackground#CBA6F780
- editorHoverWidget.background#181825
- editorHoverWidget.border#B4BEFE40
- editorIndentGuide.activeBackground#45475A
- editorIndentGuide.background#45475A70
- editorInfo.foreground#B4BEFECC
- editorLineNumber.activeForeground#CBA6F7
- editorLineNumber.foreground#585B70
- editorLink.activeForeground#CBA6F7
- editorMarkerNavigation.background#1E1E2E
- editorOverviewRuler.border#1E1E2E
- editorOverviewRuler.errorForeground#F38BA850
- editorOverviewRuler.findMatchForeground#CBA6F7
- editorOverviewRuler.infoForeground#B4BEFE60
- editorOverviewRuler.warningForeground#FAB38770
- editorRuler.foreground#45475A
- editorSuggestWidget.background#181825
- editorSuggestWidget.border#B4BEFE30
- editorSuggestWidget.foreground#CDD6F4
- editorSuggestWidget.highlightForeground#CBA6F7
- editorSuggestWidget.selectedBackground#313244
- editorWarning.foreground#FAB387CC
- editorWhitespace.foreground#585B7040
- editorWidget.background#181825
- editorWidget.border#CBA6F780
- editorWidget.resizeBorder#CBA6F7
- extensionButton.prominentBackground#CBA6F7CC
- extensionButton.prominentHoverBackground#F5C2E7
- focusBorder#CBA6F700
- gitDecoration.conflictingResourceForeground#FAB387
- gitDecoration.deletedResourceForeground#F38BA8
- gitDecoration.ignoredResourceForeground#6C7086
- gitDecoration.modifiedResourceForeground#B4BEFE
- gitDecoration.untrackedResourceForeground#CBA6F7
- input.background#313244
- input.border#B4BEFE30
- input.foreground#CDD6F4
- input.placeholderForeground#CDD6F460
- inputOption.activeBackground#CBA6F740
- inputOption.activeBorder#CBA6F780
- inputValidation.errorBorder#F38BA880
- inputValidation.infoBorder#B4BEFE80
- inputValidation.warningBorder#FAB38780
- list.activeSelectionBackground#313244
- list.activeSelectionForeground#CDD6F4
- list.focusBackground#313244
- list.focusForeground#CBA6F7
- list.highlightForeground#CBA6F7
- list.hoverBackground#313244
- list.hoverForeground#CDD6F4
- list.inactiveSelectionBackground#1E1E2E60
- list.inactiveSelectionForeground#CDD6F4
- list.warningForeground#FAB387
- listFilterWidget.background#181825
- listFilterWidget.noMatchesOutline#F38BA8
- listFilterWidget.outline#CBA6F7
- menu.background#181825F8
- menu.border#CBA6F780
- menu.foreground#CDD6F4
- menu.selectionBackground#313244
- menu.selectionBorder#CBA6F730
- menu.selectionForeground#CDD6F4
- menu.separatorBackground#CBA6F7
- menubar.selectionBackground#313244
- menubar.selectionBorder#CBA6F780
- menubar.selectionForeground#CDD6F4
- minimap.background#1E1E2E
- minimapGutter.addedBackground#B4BEFE
- minimapGutter.deletedBackground#F38BA8
- minimapGutter.modifiedBackground#CBA6F7
- minimapSlider.activeBackground#CBA6F7C0
- minimapSlider.background#CBA6F780
- minimapSlider.hoverBackground#CBA6F7A0
- notificationLink.foreground#CBA6F7
- notifications.background#181825
- notifications.foreground#CDD6F4
- panel.background#1E1E2E
- panel.border#1E1E2E60
- panelTitle.activeBorder#CBA6F7
- panelTitle.activeForeground#B4BEFE
- panelTitle.inactiveForeground#CDD6F4
- peekView.border#CBA6F740
- peekViewEditor.background#1E1E2E
- peekViewEditor.matchHighlightBackground#CBA6F750
- peekViewEditorGutter.background#1E1E2E
- peekViewResult.background#181825
- peekViewResult.matchHighlightBackground#CBA6F750
- peekViewResult.selectionBackground#313244
- peekViewTitle.background#181825
- peekViewTitleDescription.foreground#CDD6F460
- pickerGroup.foreground#CBA6F7
- progressBar.background#CBA6F7
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#CBA6F7CC
- scrollbarSlider.background#CBA6F7AA
- scrollbarSlider.hoverBackground#CBA6F7DD
- selection.background#CBA6F7
- settings.checkboxBackground#1E1E2E
- settings.checkboxForeground#CDD6F4
- settings.dropdownBackground#1E1E2E
- settings.dropdownForeground#CDD6F4
- settings.headerForeground#CDD6F4
- settings.modifiedItemIndicator#CBA6F7
- settings.numberInputBackground#1E1E2E
- settings.numberInputForeground#CDD6F4
- settings.textInputBackground#1E1E2E
- settings.textInputForeground#CDD6F4
- sideBar.background#181825
- sideBar.border#CBA6F730
- sideBar.foreground#CBA6F7
- sideBarSectionHeader.background#181825
- sideBarSectionHeader.border#1E1E2E60
- sideBarSectionHeader.foreground#CBA6F7
- sideBarTitle.foreground#CDD6F4
- statusBar.background#181825
- statusBar.border#1E1E2E60
- statusBar.debuggingBackground#FAB387
- statusBar.debuggingForeground#1E1E2E
- statusBar.foreground#CDD6F4
- statusBar.noFolderBackground#181825
- statusBarItem.hoverBackground#313244
- statusBarItem.remoteBackground#CBA6F7
- statusBarItem.remoteForeground#1E1E2E
- tab.activeBackground#1E1E2E
- tab.activeBorder#CBA6F7
- tab.activeForeground#B4BEFE
- tab.activeModifiedBorder#CBA6F7
- tab.border#1E1E2E
- tab.inactiveBackground#181825
- tab.inactiveForeground#CDD6F4AF
- tab.unfocusedActiveBackground#1E1E2E
- tab.unfocusedActiveBorder#CBA6F780
- tab.unfocusedActiveForeground#CDD6F4
- tab.unfocusedInactiveBackground#181825
- tab.unfocusedInactiveForeground#CDD6F47F
- terminal.ansiBlack#1E1E2E
- terminal.ansiBlue#89B4FA
- terminal.ansiBrightBlack#585B70
- terminal.ansiBrightBlue#89B4FA
- terminal.ansiBrightCyan#94E2D5
- terminal.ansiBrightGreen#A6E3A1
- terminal.ansiBrightMagenta#CBA6F7
- terminal.ansiBrightRed#F38BA8
- terminal.ansiBrightWhite#CDD6F4
- terminal.ansiBrightYellow#F9E2AF
- terminal.ansiCyan#94E2D5
- terminal.ansiGreen#A6E3A1
- terminal.ansiMagenta#CBA6F7
- terminal.ansiRed#F38BA8
- terminal.ansiWhite#BAC2DE
- terminal.ansiYellow#F9E2AF
- terminalCursor.background#1E1E2E
- terminalCursor.foreground#CBA6F7
- textLink.activeForeground#CBA6F7
- textLink.foreground#CBA6F7
- titleBar.activeBackground#181825
- titleBar.activeForeground#CDD6F4
- titleBar.border#1E1E2E60
- titleBar.inactiveBackground#181825
- titleBar.inactiveForeground#6C7086
- tree.indentGuidesStroke#45475A
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6C7086 | italic |
| keyword, keyword.control, keyword.operator, storage, storage.type, storage.modifier | #CBA6F7 | italic |
| constant.numeric, constant.language, constant.character, constant.other | #FAB387 | — |
| string, string.template, string.quoted, constant.other.symbol | #F5C2E7 | — |
| variable, variable.other.readwrite, variable.other.object, variable.other.readwrite.js, variable.other.readwrite.ts, variable.other.property, variable.other.object.property | #CDD6F4 | — |
| entity.name.function, support.function, meta.function-call, meta.method-call, variable.function, meta.class-method.js entity.name.function.js | #B4BEFE | — |
| entity.name.type.class, entity.name.class, support.class, support.type, entity.name.type.interface, entity.other.inherited-class | #CBA6F7 | bold |
| entity.name.tag, entity.name.tag.html, entity.name.tag.jsx, entity.name.tag.tsx | #CBA6F7 | — |
| entity.other.attribute-name, entity.other.attribute-name.id, entity.other.attribute-name.class | #FAB387 | — |
| punctuation, punctuation.definition.tag, punctuation.separator, punctuation.terminator, punctuation.section.embedded | #A7A8AF | — |
| string.regexp, constant.character.escape | #F5C2E7 | italic |
| variable.parameter, variable.parameter.function | #F5E0DC | — |
| meta.import, keyword.control.import, keyword.control.export, keyword.control.from | #CBA6F7 | italic |
| meta.object-literal.key, constant.other.object.key.js, string.unquoted.label.js | #B4BEFE | — |
| markup.heading, entity.name.section.markdown, markup.heading.markdown punctuation.definition.heading.markdown | #B4BEFE | bold |
| markup.bold, markup.italic | #F5C2E7 | — |
| markup.inline.raw, markup.fenced_code.block.markdown | #FAB387 | — |
| markup.link, string.other.link, constant.other.reference.link.markdown | #CBA6F7 | underline |
| invalid, invalid.illegal | #F38BA8 | — |
| meta.separator | #A7A8AF | bold |
| token.info-token | #B4BEFE | — |
| token.warn-token | #FAB387 | — |
| token.error-token | #F38BA8 | — |
| token.debug-token | #F5C2E7 | — |
| storage.modifier.async, storage.modifier.async.js, storage.modifier.async.ts, keyword.control.async, keyword.control.await, keyword.operator.await, keyword.operator.expression.await, keyword.control.flow.await | #CBA6F7 | italic bold |
| storage.type.function.arrow, storage.type.function.arrow.js, storage.type.function.arrow.ts, keyword.declaration.function.arrow | #74C7EC | bold |
| punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.section.group.begin, punctuation.section.group.end, punctuation.section.block.begin, punctuation.section.block.end, meta.brace.round, meta.brace.curly | #74C7EC | — |