Tamp
Publisher: tamp-workshopThemes in package: 6
Six cinematic themes: three identities, night and day.
Color themes
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#D4D0E4
- activityBar.activeBorder#8A2828
- activityBar.background#E4E0EE
- activityBar.border#E4E0EE
- activityBar.foreground#1A1020
- activityBar.inactiveForeground#4A4258
- activityBarBadge.background#8A2828
- activityBarBadge.foreground#F2F0F6
- badge.background#1A1020
- badge.foreground#F2F0F6
- button.background#1A1020
- button.foreground#F2F0F6
- button.hoverBackground#3A2848
- button.secondaryBackground#E4E0EE
- button.secondaryForeground#1A1020
- button.secondaryHoverBackground#D4D0E4
- dropdown.background#F2F0F6
- dropdown.border#C4BCDC
- dropdown.foreground#1A1020
- editor.background#F2F0F6
- editor.findMatchBackground#8A282844
- editor.findMatchBorder#8A282880
- editor.findMatchHighlightBackground#8A282822
- editor.foreground#1A1020
- editor.inactiveSelectionBackground#8A282833
- editor.lineHighlightBackground#EAE6F2
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#D8D0E844
- editor.selectionBackground#8A282844
- editor.selectionHighlightBackground#8A282830
- editor.wordHighlightBackground#D8D0E866
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#CCC4DC66
- editorBracketHighlight.foreground1#1A1020
- editorBracketHighlight.foreground2#3A2848
- editorBracketHighlight.foreground3#4A4258
- editorBracketHighlight.foreground4#807890
- editorBracketHighlight.unexpectedBracket.foreground#C83030
- editorBracketMatch.background#CCC4DC66
- editorBracketMatch.border#807890
- editorCodeLens.foreground#6A737D
- editorCursor.background#F2F0F6
- editorCursor.foreground#8A2828
- editorError.background#C8303014
- editorError.foreground#C83030
- editorGhostText.foreground#C0BCCC
- editorGroup.border#D4D0E4
- editorGroupHeader.border#E4E0EE
- editorGroupHeader.noTabsBackground#E4E0EE
- editorGroupHeader.tabsBackground#E4E0EE
- editorGutter.addedBackground#2A7A1A
- editorGutter.deletedBackground#C83030
- editorGutter.foldingControlForeground#586069
- editorGutter.modifiedBackground#1A4878
- editorHint.foreground#586069
- editorIndentGuide.activeBackground1#C4BCDC
- editorIndentGuide.background1#D4D0E4
- editorInfo.background#1A487814
- editorInfo.foreground#1A4878
- editorInlayHint.background#EAE6F2
- editorInlayHint.foreground#4A4258
- editorInlayHint.parameterForeground#586069
- editorInlayHint.typeForeground#586069
- editorLineNumber.activeForeground#1A1020
- editorLineNumber.dimmedForeground#C0BCCC8C
- editorLineNumber.foreground#C0BCCC
- editorRuler.foreground#D4D0E4
- editorStickyScroll.background#F2F0F6
- editorStickyScrollHover.background#EAE6F2
- editorUnnecessaryCode.border#00000000
- editorUnnecessaryCode.opacity#00000088
- editorWarning.background#8A282814
- editorWarning.foreground#8A2828
- editorWhitespace.foreground#CCCAD8
- focusBorder#8A282866
- foreground#1A1020
- input.background#F2F0F6
- input.border#C4BCDC
- input.foreground#1A1020
- input.placeholderForeground#807890
- list.activeSelectionBackground#D4D0E4
- list.activeSelectionForeground#1A1020
- list.focusBackground#D4D0E4
- list.focusForeground#1A1020
- list.focusHighlightForeground#8A2828
- list.highlightForeground#8A2828
- list.hoverBackground#E4E0EE
- list.hoverForeground#1A1020
- list.inactiveSelectionBackground#EAE6F2
- list.inactiveSelectionForeground#4A4258
- menu.background#F2F0F6
- menu.border#C4BCDC
- menu.foreground#1A1020
- menu.selectionBackground#EAE6F2
- menu.selectionForeground#1A1020
- menu.separatorBackground#D4D0E4
- panel.background#F2F0F6
- panel.border#D4D0E4
- panelTitle.activeBorder#8A2828
- panelTitle.activeForeground#1A1020
- panelTitle.inactiveForeground#4A4258
- peekView.border#8A2828
- peekViewEditor.background#EAE6F2
- peekViewResult.background#F2F0F6
- scrollbar.shadow#00000011
- scrollbarSlider.activeBackground#1A10204D
- scrollbarSlider.background#1A10201A
- scrollbarSlider.hoverBackground#1A102033
- sideBar.background#EAE6F2
- sideBar.border#EAE6F2
- sideBar.foreground#4A4258
- sideBarSectionHeader.background#E4E0EE
- sideBarSectionHeader.border#EAE6F2
- sideBarSectionHeader.foreground#1A1020
- sideBarTitle.foreground#1A1020
- statusBar.background#E4E0EE
- statusBar.border#E4E0EE
- statusBar.debuggingBackground#8A2828
- statusBar.debuggingForeground#F2F0F6
- statusBar.foreground#4A4258
- statusBar.noFolderBackground#E4E0EE
- statusBarItem.remoteBackground#1A1020
- statusBarItem.remoteForeground#F2F0F6
- tab.activeBackground#F2F0F6
- tab.activeBorder#F2F0F6
- tab.activeBorderTop#8A2828
- tab.activeForeground#1A1020
- tab.border#E4E0EE
- tab.hoverBackground#EAE6F2
- tab.hoverForeground#1A1020
- tab.inactiveBackground#E4E0EE
- tab.inactiveForeground#4A4258
- terminal.ansiBlack#1A1020
- terminal.ansiBlue#1A4878
- terminal.ansiBrightBlack#4A4258
- terminal.ansiBrightWhite#D4D0E4
- terminal.ansiCyan#186868
- terminal.ansiGreen#2A7A1A
- terminal.ansiMagenta#6A2878
- terminal.ansiRed#C83030
- terminal.ansiWhite#F2F0F6
- terminal.ansiYellow#8A2828
- terminal.background#F2F0F6
- terminal.foreground#1A1020
- terminal.selectionBackground#8A282844
- terminalCursor.background#F2F0F6
- terminalCursor.foreground#8A2828
- titleBar.activeBackground#E4E0EE
- titleBar.activeForeground#1A1020
- titleBar.border#E4E0EE
- titleBar.inactiveBackground#EAE6F2
- titleBar.inactiveForeground#4A4258
- widget.border#C4BCDC
- widget.shadow#0000001A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, punctuation.definition.comment | #807890 | italic |
| string, string.quoted, string.unquoted, string.template, string.regexp | #7A4C08 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.none | #586069 | — |
| keyword, keyword.control, storage, storage.type, storage.modifier | #24292E | bold |
| entity.name.function, support.function, meta.function-call.generic | #444D56 | bold |
| entity.name.type, entity.name.class, entity.name.namespace, support.class | #586069 | italic |
| variable, variable.parameter, variable.other.property, entity.name.field | #24292E | — |
| keyword.operator, punctuation, punctuation.separator, punctuation.terminator | #6A737D | — |
| markup.heading, entity.name.section.markdown | #24292E | bold |
| markup.italic | #24292E | italic |
| markup.bold | #24292E | bold |
| markup.inline.raw, markup.fenced_code | #444D56 | — |
| Doc Comment | #807890 | italic |
| Python Docstring | #807890 | italic |
| Shebang | #807890 | italic |
| String Escape | #8A5A10 | — |
| String Interpolation | #7A4C08 | — |
| Regex | #7A4C08 | — |
| Heredoc | #7A4C08 | — |
| Number | #186868 | — |
| Boolean | #186868 | — |
| Null / None / Nil | #186868 | — |
| Constant CAPS | #186868 | — |
| CSS Unit | #186868 | — |
| Keyword | #8A2828 | bold |
| Control Flow | #8A2828 | bold |
| Import / Use | #8A2828 | bold |
| Return / Yield / Await | #8A2828 | bold |
| Operator Keyword | #8A2828 | bold |
| SQL Keyword | #8A2828 | bold |
| Shell Keyword | #8A2828 | bold |
| Storage Type | #8A2828 | bold |
| Storage Modifier | #8A2828 | bold |
| Function Definition | #2A5C1A | — |
| Function Call | #2A5C1A | — |
| Built-in Function | #2A5C1A | — |
| Dunder / Magic | #2A5C1A | italic |
| SQL Function | #2A5C1A | — |
| Shell Function | #2A5C1A | — |
| Decorator / Attribute | #583868 | italic |
| Java Annotation | #583868 | italic |
| Macro | #583868 | italic |
| Type Name | #1A4878 | italic |
| Interface / Trait / Protocol | #1A4878 | italic |
| Built-in Type | #1A4878 | italic |
| Generic / Type Param | #1A4878 | italic |
| Namespace / Module | #1A4878 | italic |
| SQL Data Type | #1A4878 | italic |
| Variable | #1A1020 | — |
| Parameter | #5A5268 | italic |
| Property / Field / Member | #3A2848 | — |
| self / this / super | #6A6278 | italic |
| Operator | #807898 | — |
| Punctuation | #807898 | — |
| Bracket | #9890B0 | — |
| Lifetime (Rust) | #5A5268 | italic |
| MD Heading | #1A1020 | bold |
| MD Heading # | #807890 | — |
| MD Bold | #1A1020 | bold |
| MD Italic | #1A1020 | italic |
| MD Code Inline | #1A4878 | — |
| MD Code Block | #1A4878 | — |
| MD Link Text | #2A5C1A | — |
| MD URL | #1A4878 | underline |
| MD Quote | #807890 | italic |
| MD List Bullet | #8A2828 | — |
| HTML Tag | #8A2828 | italic |
| HTML Attribute Name | #2A5C1A | italic |
| HTML Entity | #186868 | — |
| HTML Tag Delimiter | #807898 | — |
| CSS Property | #2A5C1A | — |
| CSS Value | #1A1020 | — |
| CSS Selector Class/ID | #1A4878 | — |
| CSS At-Rule | #8A2828 | italic |
| CSS Tag Selector | #8A2828 | — |
| JSON Key | #2A5C1A | — |
| YAML Key | #2A5C1A | — |
| TOML Key | #2A5C1A | — |
| TOML Section | #1A4878 | — |
| Deprecated Syntax | #7A7288 | strikethrough |