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#D8D0C4
- activityBar.activeBorder#8B3028
- activityBar.background#E8E0D2
- activityBar.border#E8E0D2
- activityBar.foreground#2A2018
- activityBar.inactiveForeground#5A4E42
- activityBarBadge.background#8B3028
- activityBarBadge.foreground#F5F0E8
- badge.background#2A2018
- badge.foreground#F5F0E8
- button.background#2A2018
- button.foreground#F5F0E8
- button.hoverBackground#4A3E32
- button.secondaryBackground#E8E0D2
- button.secondaryForeground#2A2018
- button.secondaryHoverBackground#D8D0C4
- dropdown.background#F5F0E8
- dropdown.border#C4BAB0
- dropdown.foreground#2A2018
- editor.background#F5F0E8
- editor.findMatchBackground#8B302844
- editor.findMatchBorder#8B302880
- editor.findMatchHighlightBackground#8B302822
- editor.foreground#2A2018
- editor.inactiveSelectionBackground#C8B89033
- editor.lineHighlightBackground#EDE8DC
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#D8C8A844
- editor.selectionBackground#C8B89066
- editor.selectionHighlightBackground#C8B89044
- editor.wordHighlightBackground#D8C8A866
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#C8B89066
- editorBracketHighlight.foreground1#2A2018
- editorBracketHighlight.foreground2#4A3E32
- editorBracketHighlight.foreground3#5A4E42
- editorBracketHighlight.foreground4#8A7E72
- editorBracketHighlight.unexpectedBracket.foreground#C84040
- editorBracketMatch.background#C8B89066
- editorBracketMatch.border#8A7E72
- editorCodeLens.foreground#6A737D
- editorCursor.background#F5F0E8
- editorCursor.foreground#8B3028
- editorError.background#C8303014
- editorError.foreground#C83030
- editorGhostText.foreground#C4BAB0
- editorGroup.border#D8D0C4
- editorGroupHeader.border#E8E0D2
- editorGroupHeader.noTabsBackground#E8E0D2
- editorGroupHeader.tabsBackground#E8E0D2
- editorGutter.addedBackground#3A7A28
- editorGutter.deletedBackground#C83030
- editorGutter.foldingControlForeground#586069
- editorGutter.modifiedBackground#28507A
- editorHint.foreground#586069
- editorIndentGuide.activeBackground1#C4B8A8
- editorIndentGuide.background1#D8D0C4
- editorInfo.background#28507A14
- editorInfo.foreground#28507A
- editorInlayHint.background#EDE7DB
- editorInlayHint.foreground#5A4E42
- editorInlayHint.parameterForeground#586069
- editorInlayHint.typeForeground#586069
- editorLineNumber.activeForeground#2A2018
- editorLineNumber.dimmedForeground#C4BAB08C
- editorLineNumber.foreground#C4BAB0
- editorRuler.foreground#D8D0C4
- editorStickyScroll.background#F5F0E8
- editorStickyScrollHover.background#EDE7DB
- editorUnnecessaryCode.border#00000000
- editorUnnecessaryCode.opacity#00000088
- editorWarning.background#8B302814
- editorWarning.foreground#8B3028
- editorWhitespace.foreground#D4CCC0
- focusBorder#8B302866
- foreground#2A2018
- input.background#F5F0E8
- input.border#C4BAB0
- input.foreground#2A2018
- input.placeholderForeground#8A7E72
- list.activeSelectionBackground#D8D0C4
- list.activeSelectionForeground#2A2018
- list.focusBackground#D8D0C4
- list.focusForeground#2A2018
- list.focusHighlightForeground#8B3028
- list.highlightForeground#8B3028
- list.hoverBackground#E8E0D2
- list.hoverForeground#2A2018
- list.inactiveSelectionBackground#EDE7DB
- list.inactiveSelectionForeground#5A4E42
- menu.background#F5F0E8
- menu.border#C4BAB0
- menu.foreground#2A2018
- menu.selectionBackground#EDE7DB
- menu.selectionForeground#2A2018
- menu.separatorBackground#D8D0C4
- panel.background#F5F0E8
- panel.border#D8D0C4
- panelTitle.activeBorder#8B3028
- panelTitle.activeForeground#2A2018
- panelTitle.inactiveForeground#5A4E42
- peekView.border#8B3028
- peekViewEditor.background#EDE7DB
- peekViewResult.background#F5F0E8
- scrollbar.shadow#00000011
- scrollbarSlider.activeBackground#2A20184D
- scrollbarSlider.background#2A20181A
- scrollbarSlider.hoverBackground#2A201833
- sideBar.background#EDE7DB
- sideBar.border#EDE7DB
- sideBar.foreground#5A4E42
- sideBarSectionHeader.background#E8E0D2
- sideBarSectionHeader.border#EDE7DB
- sideBarSectionHeader.foreground#2A2018
- sideBarTitle.foreground#2A2018
- statusBar.background#E8E0D2
- statusBar.border#E8E0D2
- statusBar.debuggingBackground#8B3028
- statusBar.debuggingForeground#F5F0E8
- statusBar.foreground#5A4E42
- statusBar.noFolderBackground#E8E0D2
- statusBarItem.remoteBackground#2A2018
- statusBarItem.remoteForeground#F5F0E8
- tab.activeBackground#F5F0E8
- tab.activeBorder#F5F0E8
- tab.activeBorderTop#8B3028
- tab.activeForeground#2A2018
- tab.border#E8E0D2
- tab.hoverBackground#EDE7DB
- tab.hoverForeground#2A2018
- tab.inactiveBackground#E8E0D2
- tab.inactiveForeground#5A4E42
- terminal.ansiBlack#2A2018
- terminal.ansiBlue#28507A
- terminal.ansiBrightBlack#5A4E42
- terminal.ansiBrightWhite#D8D0C4
- terminal.ansiCyan#1E6862
- terminal.ansiGreen#3A7A28
- terminal.ansiMagenta#6B3878
- terminal.ansiRed#C83030
- terminal.ansiWhite#F5F0E8
- terminal.ansiYellow#8B3028
- terminal.background#F5F0E8
- terminal.foreground#2A2018
- terminal.selectionBackground#C8B89066
- terminalCursor.background#F5F0E8
- terminalCursor.foreground#8B3028
- titleBar.activeBackground#E8E0D2
- titleBar.activeForeground#2A2018
- titleBar.border#E8E0D2
- titleBar.inactiveBackground#EDE7DB
- titleBar.inactiveForeground#5A4E42
- widget.border#C4BAB0
- widget.shadow#0000001A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, punctuation.definition.comment | #84786C | italic |
| string, string.quoted, string.unquoted, string.template, string.regexp | #7A5808 | — |
| 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 | #84786C | italic |
| Python Docstring | #84786C | italic |
| Shebang | #84786C | italic |
| String Escape | #8A6820 | — |
| String Interpolation | #7A5808 | — |
| Regex | #7A5808 | — |
| Heredoc | #7A5808 | — |
| Number | #1E6862 | — |
| Boolean | #1E6862 | — |
| Null / None / Nil | #1E6862 | — |
| Constant CAPS | #1E6862 | — |
| CSS Unit | #1E6862 | — |
| Keyword | #8B3028 | bold |
| Control Flow | #8B3028 | bold |
| Import / Use | #8B3028 | bold |
| Return / Yield / Await | #8B3028 | bold |
| Operator Keyword | #8B3028 | bold |
| SQL Keyword | #8B3028 | bold |
| Shell Keyword | #8B3028 | bold |
| Storage Type | #8B3028 | bold |
| Storage Modifier | #8B3028 | bold |
| Function Definition | #3A5C28 | — |
| Function Call | #3A5C28 | — |
| Built-in Function | #3A5C28 | — |
| Dunder / Magic | #3A5C28 | italic |
| SQL Function | #3A5C28 | — |
| Shell Function | #3A5C28 | — |
| Decorator / Attribute | #6A5A48 | italic |
| Java Annotation | #6A5A48 | italic |
| Macro | #6A5A48 | italic |
| Type Name | #28507A | italic |
| Interface / Trait / Protocol | #28507A | italic |
| Built-in Type | #28507A | italic |
| Generic / Type Param | #28507A | italic |
| Namespace / Module | #28507A | italic |
| SQL Data Type | #28507A | italic |
| Variable | #2A2018 | — |
| Parameter | #6A5E52 | italic |
| Property / Field / Member | #4E4236 | — |
| self / this / super | #7A6E64 | italic |
| Operator | #8A8278 | — |
| Punctuation | #8A8278 | — |
| Bracket | #A09890 | — |
| Lifetime (Rust) | #6A5E52 | italic |
| MD Heading | #2A2018 | bold |
| MD Heading # | #84786C | — |
| MD Bold | #2A2018 | bold |
| MD Italic | #2A2018 | italic |
| MD Code Inline | #28507A | — |
| MD Code Block | #28507A | — |
| MD Link Text | #3A5C28 | — |
| MD URL | #28507A | underline |
| MD Quote | #84786C | italic |
| MD List Bullet | #8B3028 | — |
| HTML Tag | #8B3028 | italic |
| HTML Attribute Name | #3A5C28 | italic |
| HTML Entity | #1E6862 | — |
| HTML Tag Delimiter | #8A8278 | — |
| CSS Property | #3A5C28 | — |
| CSS Value | #2A2018 | — |
| CSS Selector Class/ID | #28507A | — |
| CSS At-Rule | #8B3028 | italic |
| CSS Tag Selector | #8B3028 | — |
| JSON Key | #3A5C28 | — |
| YAML Key | #3A5C28 | — |
| TOML Key | #3A5C28 | — |
| TOML Section | #28507A | — |
| Deprecated Syntax | #84786C | strikethrough |