Seamless
Publisher: Pedro GalegoThemes in package: 4
A quiet, single-surface theme: one background across the whole viewport, invisible seams, smooth colorful syntax. Dark and light variants.
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.activeBorder#8a8f9c
- activityBar.background#16181d
- activityBar.border#00000000
- activityBar.foreground#c9cdd6
- activityBar.inactiveForeground#5c6069
- activityBarBadge.background#83b1e8
- activityBarBadge.foreground#16181d
- activityBarTop.activeBorder#8a8f9c
- activityBarTop.background#16181d
- activityBarTop.foreground#c9cdd6
- activityBarTop.inactiveForeground#5c6069
- badge.background#2b2d35
- badge.foreground#c9cdd6
- banner.background#1e2025
- banner.foreground#c9cdd6
- breadcrumb.activeSelectionForeground#c9cdd6
- breadcrumb.background#16181d
- breadcrumb.focusForeground#b3b7c2
- breadcrumb.foreground#5c6069
- breadcrumbPicker.background#1e2025
- button.background#83b1e8
- button.foreground#16181d
- button.hoverBackground#96bdeb
- button.secondaryBackground#2b2d35
- button.secondaryForeground#c9cdd6
- button.secondaryHoverBackground#3a3e48
- checkbox.background#1e2025
- checkbox.border#26282f
- commandCenter.activeBackground#23252b
- commandCenter.background#16181d
- commandCenter.border#26282f80
- commandCenter.foreground#8a8f9c
- debugIcon.breakpointForeground#e893ae
- debugToolBar.background#1e2025
- debugToolBar.border#26282f
- descriptionForeground#8a8f9c
- diffEditor.border#00000000
- diffEditor.insertedLineBackground#97c9a712
- diffEditor.insertedTextBackground#97c9a71a
- diffEditor.removedLineBackground#e893ae12
- diffEditor.removedTextBackground#e893ae1a
- dropdown.background#1e2025
- dropdown.border#26282f
- dropdown.foreground#c9cdd6
- dropdown.listBackground#1e2025
- editor.background#16181d
- editor.findMatchBackground#ecab8840
- editor.findMatchHighlightBackground#ecab8822
- editor.foreground#c9cdd6
- editor.hoverHighlightBackground#83b1e81a
- editor.lineHighlightBackground#1b1d22
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#2c3341
- editor.selectionHighlightBackground#83b1e81f
- editor.wordHighlightBackground#83b1e81a
- editor.wordHighlightStrongBackground#83b1e82b
- editorBracketHighlight.foreground1#8a8f9c
- editorBracketHighlight.foreground2#83c6c9
- editorBracketHighlight.foreground3#b3a7e8
- editorBracketHighlight.foreground4#dcc28e
- editorBracketHighlight.foreground5#83b1e8
- editorBracketHighlight.foreground6#ef9a94
- editorBracketMatch.background#83b1e81f
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#5c6069
- editorCursor.foreground#83b1e8
- editorError.foreground#e893ae
- editorGroup.border#00000000
- editorGroup.dropBackground#83b1e81a
- editorGroup.emptyBackground#16181d
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#16181d
- editorGroupHeader.tabsBackground#16181d
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#97c9a799
- editorGutter.deletedBackground#e893ae99
- editorGutter.modifiedBackground#83b1e899
- editorHint.foreground#83c6c9
- editorHoverWidget.background#1e2025
- editorHoverWidget.border#26282f
- editorIndentGuide.activeBackground1#3a3e48
- editorIndentGuide.background1#1f2126
- editorInfo.foreground#83b1e8
- editorInlayHint.background#00000000
- editorInlayHint.foreground#5c6069
- editorLineNumber.activeForeground#8a8f9c
- editorLineNumber.foreground#3f434c
- editorLink.activeForeground#83b1e8
- editorOverviewRuler.border#00000000
- editorPane.background#16181d
- editorRuler.foreground#1f2126
- editorStickyScroll.background#16181d
- editorStickyScroll.border#00000000
- editorStickyScroll.shadow#00000000
- editorSuggestWidget.background#1e2025
- editorSuggestWidget.border#26282f
- editorSuggestWidget.highlightForeground#83b1e8
- editorSuggestWidget.selectedBackground#2b2d35
- editorWarning.foreground#dcc28e
- editorWhitespace.foreground#2a2d35
- editorWidget.background#1e2025
- editorWidget.border#00000000
- editorWidget.foreground#c9cdd6
- errorForeground#e893ae
- focusBorder#83b1e84d
- foreground#c9cdd6
- gitDecoration.addedResourceForeground#97c9a7
- gitDecoration.conflictingResourceForeground#ecab88
- gitDecoration.deletedResourceForeground#e893ae
- gitDecoration.ignoredResourceForeground#5c6069
- gitDecoration.modifiedResourceForeground#83b1e8
- gitDecoration.renamedResourceForeground#83c6c9
- gitDecoration.untrackedResourceForeground#97c9a7
- inlineChat.shadow#00000000
- input.background#1e2025
- input.border#26282f
- input.foreground#c9cdd6
- input.placeholderForeground#5c6069
- inputOption.activeBackground#83b1e833
- inputOption.activeBorder#83b1e880
- inputValidation.errorBackground#42353e
- inputValidation.errorBorder#e893ae80
- inputValidation.infoBackground#303a48
- inputValidation.infoBorder#83b1e880
- inputValidation.warningBackground#403d38
- inputValidation.warningBorder#dcc28e80
- keybindingLabel.background#2b2d35
- keybindingLabel.border#26282f
- keybindingLabel.bottomBorder#26282f
- keybindingLabel.foreground#c9cdd6
- list.activeSelectionBackground#2b2d35
- list.activeSelectionForeground#c9cdd6
- list.errorForeground#e893ae
- list.focusBackground#2b2d35
- list.focusHighlightForeground#96bdeb
- list.highlightForeground#83b1e8
- list.hoverBackground#23252b
- list.inactiveSelectionBackground#23252b
- list.warningForeground#dcc28e
- listFilterWidget.background#1e2025
- listFilterWidget.shadow#00000000
- menu.background#1e2025
- menu.border#26282f
- menu.foreground#c9cdd6
- menu.selectionBackground#2b2d35
- menu.selectionForeground#c9cdd6
- menu.separatorBackground#26282f
- menubar.selectionBackground#23252b
- merge.currentContentBackground#83c6c91a
- merge.currentHeaderBackground#83c6c940
- merge.incomingContentBackground#83b1e81a
- merge.incomingHeaderBackground#83b1e840
- minimap.background#16181d
- minimap.errorHighlight#e893ae
- minimap.selectionHighlight#2c3341
- minimap.warningHighlight#dcc28e
- minimapGutter.addedBackground#97c9a7
- minimapGutter.deletedBackground#e893ae
- minimapGutter.modifiedBackground#83b1e8
- notificationCenterHeader.background#1e2025
- notificationCenterHeader.foreground#8a8f9c
- notificationLink.foreground#83b1e8
- notifications.background#1e2025
- notifications.border#26282f
- notifications.foreground#c9cdd6
- notificationsErrorIcon.foreground#e893ae
- notificationsInfoIcon.foreground#83b1e8
- notificationsWarningIcon.foreground#dcc28e
- panel.background#16181d
- panel.border#00000000
- panelInput.border#26282f
- panelSection.border#00000000
- panelSectionHeader.background#16181d
- panelSectionHeader.border#00000000
- panelStickyScroll.background#16181d
- panelStickyScroll.border#00000000
- panelStickyScroll.shadow#00000000
- panelTitle.activeBorder#8a8f9c
- panelTitle.activeForeground#c9cdd6
- panelTitle.inactiveForeground#5c6069
- panelTitleBadge.background#2b2d35
- panelTitleBadge.foreground#c9cdd6
- peekView.border#83b1e880
- peekViewEditor.background#1b1d22
- peekViewEditor.matchHighlightBackground#ecab8830
- peekViewResult.background#1e2025
- peekViewResult.matchHighlightBackground#ecab8830
- peekViewResult.selectionBackground#2b2d35
- peekViewTitle.background#1e2025
- peekViewTitleDescription.foreground#8a8f9c
- peekViewTitleLabel.foreground#c9cdd6
- pickerGroup.border#26282f
- pickerGroup.foreground#83b1e8
- progressBar.background#83b1e8
- quickInput.background#1e2025
- quickInput.foreground#c9cdd6
- quickInputList.focusBackground#2b2d35
- quickInputTitle.background#1e2025
- sash.hoverBorder#8a8f9c10
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#2b2d35cc
- scrollbarSlider.background#2b2d3566
- scrollbarSlider.hoverBackground#2b2d35aa
- selection.background#83b1e840
- settings.focusedRowBackground#1b1d22
- settings.headerForeground#c9cdd6
- settings.modifiedItemIndicator#83b1e8
- settings.rowHoverBackground#1b1d22
- sideBar.background#16181d
- sideBar.border#00000000
- sideBar.foreground#b3b7c2
- sideBarActivityBarTop.border#00000000
- sideBarSectionHeader.background#16181d
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#8a8f9c
- sideBarStickyScroll.background#16181d
- sideBarStickyScroll.border#00000000
- sideBarStickyScroll.shadow#00000000
- sideBarTitle.foreground#8a8f9c
- sideBySideEditor.horizontalBorder#00000000
- sideBySideEditor.verticalBorder#00000000
- statusBar.background#16181d
- statusBar.border#00000000
- statusBar.debuggingBackground#16181d
- statusBar.debuggingBorder#00000000
- statusBar.debuggingForeground#ecab88
- statusBar.foreground#8a8f9c
- statusBar.noFolderBackground#16181d
- statusBar.noFolderForeground#8a8f9c
- statusBarItem.activeBackground#2b2d35
- statusBarItem.hoverBackground#23252b
- statusBarItem.prominentBackground#23252b
- statusBarItem.remoteBackground#16181d
- statusBarItem.remoteForeground#83c6c9
- symbolIcon.classForeground#dcc28e
- symbolIcon.constantForeground#ecab88
- symbolIcon.constructorForeground#cfa3e3
- symbolIcon.enumeratorForeground#c9cc94
- symbolIcon.enumeratorMemberForeground#c9cc94
- symbolIcon.eventForeground#ef9a94
- symbolIcon.fieldForeground#9dabf0
- symbolIcon.functionForeground#83b1e8
- symbolIcon.interfaceForeground#dcc28e
- symbolIcon.keywordForeground#b3a7e8
- symbolIcon.methodForeground#8cc6e6
- symbolIcon.moduleForeground#c9cc94
- symbolIcon.namespaceForeground#c9cc94
- symbolIcon.propertyForeground#9dabf0
- symbolIcon.stringForeground#97c9a7
- symbolIcon.structForeground#dcc28e
- symbolIcon.typeParameterForeground#dcc28e
- symbolIcon.variableForeground#8cc6e6
- tab.activeBackground#16181d
- tab.activeBorder#00000000
- tab.activeBorderTop#8a8f9c
- tab.activeForeground#c9cdd6
- tab.border#00000000
- tab.hoverBackground#16181d
- tab.hoverForeground#b3b7c2
- tab.inactiveBackground#16181d
- tab.inactiveForeground#5c6069
- tab.unfocusedActiveBorderTop#3a3e48
- tab.unfocusedActiveForeground#8a8f9c
- tab.unfocusedHoverBackground#16181d
- tab.unfocusedInactiveForeground#474b55
- terminal.ansiBlack#2b2d35
- terminal.ansiBlue#83b1e8
- terminal.ansiBrightBlack#5c6069
- terminal.ansiBrightBlue#9ec2ed
- terminal.ansiBrightCyan#a5d3ec
- terminal.ansiBrightGreen#aed5ba
- terminal.ansiBrightMagenta#e4b7dd
- terminal.ansiBrightRed#edabc0
- terminal.ansiBrightWhite#e4e6eb
- terminal.ansiBrightYellow#e4cfa7
- terminal.ansiCyan#92d3bd
- terminal.ansiGreen#97c9a7
- terminal.ansiMagenta#dda3d3
- terminal.ansiRed#e893ae
- terminal.ansiWhite#c9cdd6
- terminal.ansiYellow#dcc28e
- terminal.background#16181d
- terminal.border#00000000
- terminal.foreground#c9cdd6
- terminal.selectionBackground#2c3341
- terminalCursor.foreground#83b1e8
- textBlockQuote.background#1e2025
- textBlockQuote.border#83b1e880
- textCodeBlock.background#1e2025
- textLink.activeForeground#96bdeb
- textLink.foreground#83b1e8
- textPreformat.foreground#ecab88
- textSeparator.foreground#26282f
- titleBar.activeBackground#16181d
- titleBar.activeForeground#8a8f9c
- titleBar.border#00000000
- titleBar.inactiveBackground#16181d
- titleBar.inactiveForeground#5c6069
- tree.indentGuidesStroke#1f2126
- walkThrough.embeddedEditorBackground#16181d
- welcomePage.background#16181d
- welcomePage.progress.background#1e2025
- welcomePage.progress.foreground#83b1e8
- welcomePage.tileBackground#1e2025
- welcomePage.tileHoverBackground#23252b
- widget.shadow#00000044
- window.activeBorder#00000000
- window.inactiveBorder#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5f6470 | italic |
| string, string.quoted, punctuation.definition.string | #97c9a7 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, constant.character.escape, string.regexp | #92d3bd | — |
| constant.numeric | #ecab88 | — |
| constant.language | #ef9a94 | — |
| constant.other, variable.other.constant, support.constant, variable.other.enummember | #c9cc94 | — |
| keyword, keyword.control | #b3a7e8 | — |
| storage.type, storage.modifier | #cfa3e3 | — |
| keyword.operator, punctuation.separator.key-value | #83c6c9 | — |
| entity.name.function, meta.function-call.generic, variable.function | #83b1e8 | — |
| support.function | #8cc6e6 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class, storage.type.primitive | #dcc28e | — |
| entity.name.namespace, entity.name.module | #c9cc94 | — |
| variable, variable.other.readwrite, meta.definition.variable | #c9cdd6 | — |
| variable.parameter | #c9cdd6 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #9dabf0 | — |
| support.type.property-name, meta.object-literal.key | #83b1e8 | — |
| entity.name.tag | #e893ae | — |
| entity.other.attribute-name | #dda3d3 | italic |
| entity.other.attribute-name.class.css | #c9cc94 | — |
| entity.other.attribute-name.id.css | #ecab88 | — |
| meta.decorator, punctuation.decorator, storage.type.annotation | #cfa3e3 | — |
| punctuation, meta.brace | #8a8f9c | — |
| markup.heading, entity.name.section | #83b1e8 | bold |
| markup.bold | #ef9a94 | bold |
| markup.italic | #b3a7e8 | italic |
| markup.inline.raw, markup.fenced_code.block | #97c9a7 | — |
| markup.underline.link, string.other.link | #8cc6e6 | — |
| markup.quote | #8a8f9c | italic |
| markup.inserted | #97c9a7 | — |
| markup.deleted | #e893ae | — |
| markup.changed | #ecab88 | — |
| invalid, invalid.illegal | #e893ae | — |