Papuka theme

Color themes

• 

  Papuka Dark 1

• 

  Papuka Dark 2

• 

  Papuka Dark 3

• 

  Papuka Dark 4

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#333842
• activityBar.foreground#D7DAE0
• activityBarBadge.background#528BFF
• activityBarBadge.foreground#D7DAE0
• badge.background#528BFF
• badge.foreground#D7DAE0
• button.background#4D78CC
• button.foreground#FFFFFF
• button.hoverBackground#6087CF
• diffEditor.insertedTextBackground#00809B33
• dropdown.background#353b45
• dropdown.border#181A1F
• editor.background#282c34
• editor.findMatchHighlightBackground#528BFF3D
• editor.foreground#B0B7C3
• editor.lineHighlightBackground#99BBFF0A
• editor.selectionBackground#3E4451
• editorCursor.foreground#d90399
• editorGroup.border#181A1F
• editorGroupHeader.tabsBackground#21252B
• editorHoverWidget.background#21252B
• editorHoverWidget.border#181A1F
• editorIndentGuide.activeBackground1#626772
• editorIndentGuide.background1#ABB2BF26
• editorInlayHint.background#2C313A
• editorInlayHint.foreground#636e83
• editorLineNumber.activeForeground#ABB2BF
• editorLineNumber.foreground#636D83
• editorRuler.foreground#ABB2BF26
• editorSuggestWidget.background#21252B
• editorSuggestWidget.border#181A1F
• editorSuggestWidget.selectedBackground#2C313A
• editorWhitespace.foreground#ABB2BF26
• editorWidget.background#21252B
• editorWidget.border#3A3F4B
• extensionButton.prominentBackground#2BA143
• extensionButton.prominentHoverBackground#37AF4E
• focusBorder#528BFF
• input.background#1B1D23
• input.border#181A1F
• list.activeSelectionBackground#2C313A
• list.activeSelectionForeground#D7DAE0
• list.focusBackground#2C313A
• list.highlightForeground#D7DAE0
• list.hoverBackground#2C313A66
• list.inactiveSelectionBackground#2C313A
• list.inactiveSelectionForeground#D7DAE0
• notebook.cellEditorBackground#2C313A
• peekView.border#528BFF
• peekViewEditor.background#1B1D23
• peekViewResult.background#21252B
• peekViewResult.selectionBackground#2C313A
• peekViewTitle.background#1B1D23
• pickerGroup.border#528BFF
• scrollbarSlider.activeBackground#747D9180
• scrollbarSlider.background#4E566680
• scrollbarSlider.hoverBackground#5A637580
• sideBar.background#21252b
• sideBarSectionHeader.background#333842
• statusBar.background#21252B
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#9DA5B4
• statusBar.noFolderBackground#21252B
• statusBarItem.hoverBackground#2C313A
• tab.activeBackground#282C34
• tab.activeBorder#d90399
• tab.activeForeground#D7DAE0
• tab.border#181A1F
• tab.inactiveBackground#21252B
• titleBar.activeBackground#21252B
• titleBar.activeForeground#9DA5B4
• titleBar.inactiveBackground#21252B
• titleBar.inactiveForeground#9DA5B4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).