Berlin Postal Themes

Color themes

• 

  NW21 (Nordwest 21 - Moabit)

• 

  SO36 (Südost 36 - Kreuzberg)

• 

  SW11 (Südwest 11 - Kreuzberg)

• 

  SW61 (Südwest 61 - Kreuzberg)

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#3c6070
• activityBar.background#f6f3ec
• activityBar.border#ddd7c9
• activityBar.foreground#312d26
• activityBar.inactiveForeground#a39b89
• activityBarBadge.background#3c6070
• activityBarBadge.foreground#f6f3ec
• badge.background#3c6070
• badge.foreground#f6f3ec
• breadcrumb.activeSelectionForeground#3c6070
• breadcrumb.background#f6f3ec
• breadcrumb.focusForeground#312d26
• breadcrumb.foreground#8a8374
• button.background#3c6070
• button.foreground#f6f3ec
• button.hoverBackground#33525f
• button.secondaryBackground#e7e2d6
• button.secondaryForeground#312d26
• chat.requestBackground#f6f3ec
• chat.requestBubbleBackground#f6f3ec80
• descriptionForeground#6e685b
• dropdown.background#fbf9f4
• dropdown.border#ddd7c9
• dropdown.foreground#312d26
• editor.background#f6f3ec
• editor.findMatchBackground#e9c878
• editor.findMatchHighlightBackground#f0dba880
• editor.foreground#312d26
• editor.inactiveSelectionBackground#e6e1d580
• editor.lineHighlightBackground#efeade
• editor.selectionBackground#d9e2e6
• editor.selectionHighlightBackground#e3eaed80
• editor.wordHighlightBackground#e3dccc80
• editorBracketMatch.background#dce6e9
• editorBracketMatch.border#3c6070
• editorCursor.foreground#3c6070
• editorError.foreground#7a1f2b
• editorGroup.border#ddd7c9
• editorGroupHeader.tabsBackground#0d0b08
• editorGroupHeader.tabsBorder#0d0b08
• editorGutter.addedBackground#164f3f
• editorGutter.deletedBackground#7a1f2b
• editorGutter.modifiedBackground#5b55a3
• editorHoverWidget.background#eeeae0
• editorHoverWidget.border#ddd7c9
• editorIndentGuide.activeBackground1#cbc4b2
• editorIndentGuide.background1#e3ddcf
• editorInfo.foreground#3c6070
• editorLineNumber.activeForeground#6e685b
• editorLineNumber.foreground#bdb6a4
• editorOverviewRuler.border#ddd7c9
• editorRuler.foreground#e3ddcf
• editorSuggestWidget.background#eeeae0
• editorSuggestWidget.border#ddd7c9
• editorSuggestWidget.highlightForeground#3c6070
• editorSuggestWidget.selectedBackground#dce6e9
• editorWarning.foreground#5b55a3
• editorWhitespace.foreground#ddd7c9
• editorWidget.background#eeeae0
• editorWidget.border#ddd7c9
• errorForeground#7a1f2b
• focusBorder#3c6070
• foreground#312d26
• gitDecoration.conflictingResourceForeground#704214
• gitDecoration.deletedResourceForeground#7a1f2b
• gitDecoration.ignoredResourceForeground#bdb6a4
• gitDecoration.modifiedResourceForeground#5b55a3
• gitDecoration.untrackedResourceForeground#164f3f
• icon.foreground#6e685b
• input.background#fbf9f4
• input.border#ddd7c9
• input.foreground#312d26
• input.placeholderForeground#a39b89
• inputOption.activeBorder#3c6070
• inputValidation.errorBackground#f5d9d4
• inputValidation.errorBorder#7a1f2b
• list.activeSelectionBackground#dce6e9
• list.activeSelectionForeground#312d26
• list.errorForeground#7a1f2b
• list.focusBackground#dce6e9
• list.highlightForeground#3c6070
• list.hoverBackground#ece7db
• list.inactiveSelectionBackground#e6e1d5
• list.warningForeground#5b55a3
• notificationCenterHeader.background#e7e2d6
• notifications.background#eeeae0
• notifications.border#ddd7c9
• panel.background#f6f3ec
• panel.border#ddd7c9
• panelTitle.activeBorder#3c6070
• panelTitle.activeForeground#312d26
• panelTitle.inactiveForeground#8a8374
• peekView.border#3c6070
• peekViewEditor.background#efeade
• peekViewResult.background#eeeae0
• peekViewTitle.background#e7e2d6
• progressBar.background#3c6070
• scrollbarSlider.activeBackground#a39b89cc
• scrollbarSlider.background#cbc4b266
• scrollbarSlider.hoverBackground#bdb6a499
• selection.background#cdd9dd
• sideBar.background#f6f3ec
• sideBar.border#ddd7c9
• sideBar.foreground#403b32
• sideBarSectionHeader.background#e7e2d6
• sideBarSectionHeader.border#ddd7c9
• sideBarSectionHeader.foreground#403b32
• sideBarTitle.background#000000
• sideBarTitle.foreground#6e685b
• statusBar.background#3c6070
• statusBar.border#33525f
• statusBar.debuggingBackground#704214
• statusBar.debuggingForeground#f6f3ec
• statusBar.foreground#f6f3ec
• statusBar.noFolderBackground#4b5e6e
• statusBarItem.hoverBackground#ffffff22
• statusBarItem.remoteBackground#2f6e6c
• statusBarItem.remoteForeground#f6f3ec
• symbolIcon.classForeground#4b5e6e
• symbolIcon.constantForeground#5b55a3
• symbolIcon.functionForeground#2f6e6c
• symbolIcon.keywordForeground#3c6070
• symbolIcon.stringForeground#704214
• symbolIcon.variableForeground#312d26
• tab.activeBackground#0d0b08
• tab.activeBorder#0d0b08
• tab.activeBorderTop#3c6070
• tab.activeForeground#f6f3ec
• tab.border#777777
• tab.hoverBackground#0d0b08
• tab.hoverForeground#c9c2b2
• tab.inactiveBackground#010100
• tab.inactiveForeground#8a8374
• tab.unfocusedActiveBorder#0d0b08
• tab.unfocusedActiveBorderTop#2a3e45
• tab.unfocusedActiveForeground#6e685b
• terminal.ansiBlack#312d26
• terminal.ansiBlue#3c6070
• terminal.ansiBrightBlack#6e685b
• terminal.ansiBrightBlue#4a7184
• terminal.ansiBrightCyan#3a8180
• terminal.ansiBrightGreen#2b6f5c
• terminal.ansiBrightMagenta#9c6480
• terminal.ansiBrightRed#9b2d3a
• terminal.ansiBrightWhite#312d26
• terminal.ansiBrightYellow#7a70c4
• terminal.ansiCyan#2f6e6c
• terminal.ansiGreen#164f3f
• terminal.ansiMagenta#6b3d5c
• terminal.ansiRed#7a1f2b
• terminal.ansiWhite#c9c2b2
• terminal.ansiYellow#5b55a3
• terminal.background#f6f3ec
• terminal.foreground#312d26
• terminalCursor.foreground#3c6070
• titleBar.activeBackground#e7e2d6
• titleBar.activeForeground#312d26
• titleBar.border#ddd7c9
• titleBar.inactiveBackground#eeeae0
• titleBar.inactiveForeground#8a8374
• tree.indentGuidesStroke#d6cfbf

tokenColors

TextMate scopes and font styles (syntax highlighting rules).