Tamp

Color themes

• 

  Tamp: Lunar Lobby

• 

  Tamp: Lunar Lobby · Day

• 

  Tamp: Space Rumours

• 

  Tamp: Space Rumours · Day

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.activeBackground#E1E4E8
• activityBar.activeBorder#24292E
• activityBar.background#EBEDF0
• activityBar.border#EBEDF0
• activityBar.foreground#24292E
• activityBar.inactiveForeground#6A737D
• activityBarBadge.background#24292E
• activityBarBadge.foreground#FAFBFC
• badge.background#24292E
• badge.foreground#FAFBFC
• button.background#24292E
• button.foreground#FAFBFC
• button.hoverBackground#444D56
• button.secondaryBackground#EBEDF0
• button.secondaryForeground#24292E
• button.secondaryHoverBackground#D1D5DA
• dropdown.background#FAFBFC
• dropdown.border#D1D5DA
• dropdown.foreground#24292E
• editor.background#FAFBFC
• editor.findMatchBackground#8F5E4D44
• editor.findMatchBorder#8F5E4D80
• editor.findMatchHighlightBackground#8F5E4D22
• editor.foreground#24292E
• editor.inactiveSelectionBackground#C8D1D933
• editor.lineHighlightBackground#F3F4F6
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#E1E4E844
• editor.selectionBackground#C8D1D966
• editor.selectionHighlightBackground#C8D1D944
• editor.wordHighlightBackground#E1E4E866
• editor.wordHighlightBorder#00000000
• editor.wordHighlightStrongBackground#D1D5DA66
• editorBracketHighlight.foreground1#24292E
• editorBracketHighlight.foreground2#444D56
• editorBracketHighlight.foreground3#586069
• editorBracketHighlight.foreground4#6A737D
• editorBracketHighlight.unexpectedBracket.foreground#D73A49
• editorBracketMatch.background#C8D1D966
• editorBracketMatch.border#6A737D
• editorCodeLens.foreground#6A737D
• editorCursor.background#FAFBFC
• editorCursor.foreground#24292E
• editorError.background#D73A4914
• editorError.foreground#D73A49
• editorGhostText.foreground#BFC4CA
• editorGroup.border#E1E4E8
• editorGroupHeader.border#EBEDF0
• editorGroupHeader.noTabsBackground#EBEDF0
• editorGroupHeader.tabsBackground#EBEDF0
• editorGutter.addedBackground#28A745
• editorGutter.deletedBackground#D73A49
• editorGutter.foldingControlForeground#586069
• editorGutter.modifiedBackground#0366D6
• editorHint.foreground#586069
• editorIndentGuide.activeBackground1#D1D5DA
• editorIndentGuide.background1#E1E4E8
• editorInfo.background#0366D614
• editorInfo.foreground#0366D6
• editorInlayHint.background#F3F4F6
• editorInlayHint.foreground#6A737D
• editorInlayHint.parameterForeground#586069
• editorInlayHint.typeForeground#586069
• editorLineNumber.activeForeground#24292E
• editorLineNumber.dimmedForeground#BFC4CA8c
• editorLineNumber.foreground#BFC4CA
• editorRuler.foreground#E1E4E8
• editorStickyScroll.background#FAFBFC
• editorStickyScrollHover.background#F3F4F6
• editorUnnecessaryCode.border#00000000
• editorUnnecessaryCode.opacity#00000088
• editorWarning.background#8F5E4D14
• editorWarning.foreground#8F5E4D
• editorWhitespace.foreground#D1D5DA
• focusBorder#24292E66
• foreground#24292E
• input.background#FAFBFC
• input.border#D1D5DA
• input.foreground#24292E
• input.placeholderForeground#6A737D
• list.activeSelectionBackground#E1E4E8
• list.activeSelectionForeground#24292E
• list.focusBackground#E1E4E8
• list.focusForeground#24292E
• list.focusHighlightForeground#24292E
• list.highlightForeground#24292E
• list.hoverBackground#EBEDF0
• list.hoverForeground#24292E
• list.inactiveSelectionBackground#F3F4F6
• list.inactiveSelectionForeground#444D56
• menu.background#FAFBFC
• menu.border#D1D5DA
• menu.foreground#24292E
• menu.selectionBackground#F3F4F6
• menu.selectionForeground#24292E
• menu.separatorBackground#E1E4E8
• panel.background#FAFBFC
• panel.border#E1E4E8
• panelTitle.activeBorder#24292E
• panelTitle.activeForeground#24292E
• panelTitle.inactiveForeground#6A737D
• peekView.border#24292E
• peekViewEditor.background#F3F4F6
• peekViewResult.background#FAFBFC
• scrollbar.shadow#00000011
• scrollbarSlider.activeBackground#24292E4D
• scrollbarSlider.background#24292E1A
• scrollbarSlider.hoverBackground#24292E33
• sideBar.background#F3F4F6
• sideBar.border#F3F4F6
• sideBar.foreground#586069
• sideBarSectionHeader.background#EBEDF0
• sideBarSectionHeader.border#F3F4F6
• sideBarSectionHeader.foreground#24292E
• sideBarTitle.foreground#24292E
• statusBar.background#EBEDF0
• statusBar.border#EBEDF0
• statusBar.debuggingBackground#8F5E4D
• statusBar.debuggingForeground#FAFBFC
• statusBar.foreground#586069
• statusBar.noFolderBackground#EBEDF0
• statusBarItem.remoteBackground#24292E
• statusBarItem.remoteForeground#FAFBFC
• tab.activeBackground#FAFBFC
• tab.activeBorder#FAFBFC
• tab.activeBorderTop#24292E
• tab.activeForeground#24292E
• tab.border#EBEDF0
• tab.hoverBackground#F3F4F6
• tab.hoverForeground#24292E
• tab.inactiveBackground#EBEDF0
• tab.inactiveForeground#6A737D
• terminal.ansiBlack#24292E
• terminal.ansiBlue#0366D6
• terminal.ansiBrightBlack#586069
• terminal.ansiBrightWhite#D1D5DA
• terminal.ansiCyan#059862
• terminal.ansiGreen#28A745
• terminal.ansiMagenta#6F42C1
• terminal.ansiRed#D73A49
• terminal.ansiWhite#FAFBFC
• terminal.ansiYellow#8F5E4D
• terminal.background#FAFBFC
• terminal.foreground#24292E
• terminal.selectionBackground#C8D1D966
• terminalCursor.background#FAFBFC
• terminalCursor.foreground#24292E
• titleBar.activeBackground#EBEDF0
• titleBar.activeForeground#24292E
• titleBar.border#EBEDF0
• titleBar.inactiveBackground#F3F4F6
• titleBar.inactiveForeground#6A737D
• widget.border#D1D5DA
• widget.shadow#0000001A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).