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#6f7487
- activityBar.background#dedfe4
- activityBar.border#00000000
- activityBar.foreground#454956
- activityBar.inactiveForeground#9297a6
- activityBarBadge.background#2f6fc4
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBorder#6f7487
- activityBarTop.background#dedfe4
- activityBarTop.foreground#454956
- activityBarTop.inactiveForeground#9297a6
- badge.background#c6c9d2
- badge.foreground#454956
- banner.background#e9eaee
- banner.foreground#454956
- breadcrumb.activeSelectionForeground#454956
- breadcrumb.background#dedfe4
- breadcrumb.focusForeground#545867
- breadcrumb.foreground#9297a6
- breadcrumbPicker.background#e9eaee
- button.background#2f6fc4
- button.foreground#ffffff
- button.hoverBackground#285ea7
- button.secondaryBackground#c6c9d2
- button.secondaryForeground#454956
- button.secondaryHoverBackground#aeb2bf
- checkbox.background#e9eaee
- checkbox.border#c7cad3
- commandCenter.activeBackground#d2d4db
- commandCenter.background#dedfe4
- commandCenter.border#c7cad380
- commandCenter.foreground#6f7487
- debugIcon.breakpointForeground#c25577
- debugToolBar.background#e9eaee
- debugToolBar.border#c7cad3
- descriptionForeground#6f7487
- diffEditor.border#00000000
- diffEditor.insertedLineBackground#3e8a5c12
- diffEditor.insertedTextBackground#3e8a5c1a
- diffEditor.removedLineBackground#c2557712
- diffEditor.removedTextBackground#c255771a
- dropdown.background#e9eaee
- dropdown.border#c7cad3
- dropdown.foreground#454956
- dropdown.listBackground#e9eaee
- editor.background#dedfe4
- editor.findMatchBackground#b16a2f40
- editor.findMatchHighlightBackground#b16a2f22
- editor.foreground#454956
- editor.hoverHighlightBackground#2f6fc41a
- editor.lineHighlightBackground#d6d7dd
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#b9c4dd
- editor.selectionHighlightBackground#2f6fc41f
- editor.wordHighlightBackground#2f6fc41a
- editor.wordHighlightStrongBackground#2f6fc42b
- editorBracketHighlight.foreground1#6f7487
- editorBracketHighlight.foreground2#268289
- editorBracketHighlight.foreground3#7a5fc4
- editorBracketHighlight.foreground4#96762b
- editorBracketHighlight.foreground5#2f6fc4
- editorBracketHighlight.foreground6#bd554c
- editorBracketMatch.background#2f6fc41f
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#9297a6
- editorCursor.foreground#2f6fc4
- editorError.foreground#c25577
- editorGroup.border#00000000
- editorGroup.dropBackground#2f6fc41a
- editorGroup.emptyBackground#dedfe4
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#dedfe4
- editorGroupHeader.tabsBackground#dedfe4
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#3e8a5c99
- editorGutter.deletedBackground#c2557799
- editorGutter.modifiedBackground#2f6fc499
- editorHint.foreground#268289
- editorHoverWidget.background#e9eaee
- editorHoverWidget.border#c7cad3
- editorIndentGuide.activeBackground1#aeb2bf
- editorIndentGuide.background1#cfd1d8
- editorInfo.foreground#2f6fc4
- editorInlayHint.background#00000000
- editorInlayHint.foreground#9297a6
- editorLineNumber.activeForeground#6f7487
- editorLineNumber.foreground#a7abb8
- editorLink.activeForeground#2f6fc4
- editorOverviewRuler.border#00000000
- editorPane.background#dedfe4
- editorRuler.foreground#cfd1d8
- editorStickyScroll.background#dedfe4
- editorStickyScroll.border#00000000
- editorStickyScroll.shadow#00000000
- editorSuggestWidget.background#e9eaee
- editorSuggestWidget.border#c7cad3
- editorSuggestWidget.highlightForeground#2f6fc4
- editorSuggestWidget.selectedBackground#c6c9d2
- editorWarning.foreground#96762b
- editorWhitespace.foreground#bfc2cd
- editorWidget.background#e9eaee
- editorWidget.border#00000000
- editorWidget.foreground#454956
- errorForeground#c25577
- focusBorder#2f6fc44d
- foreground#454956
- gitDecoration.addedResourceForeground#3e8a5c
- gitDecoration.conflictingResourceForeground#b16a2f
- gitDecoration.deletedResourceForeground#c25577
- gitDecoration.ignoredResourceForeground#9297a6
- gitDecoration.modifiedResourceForeground#2f6fc4
- gitDecoration.renamedResourceForeground#268289
- gitDecoration.untrackedResourceForeground#3e8a5c
- inlineChat.shadow#00000000
- input.background#e9eaee
- input.border#c7cad3
- input.foreground#454956
- input.placeholderForeground#9297a6
- inputOption.activeBackground#2f6fc433
- inputOption.activeBorder#2f6fc480
- inputValidation.errorBackground#e2cfd9
- inputValidation.errorBorder#c2557780
- inputValidation.infoBackground#c8d4e6
- inputValidation.infoBorder#2f6fc480
- inputValidation.warningBackground#dad5cb
- inputValidation.warningBorder#96762b80
- keybindingLabel.background#c6c9d2
- keybindingLabel.border#c7cad3
- keybindingLabel.bottomBorder#c7cad3
- keybindingLabel.foreground#454956
- list.activeSelectionBackground#c6c9d2
- list.activeSelectionForeground#454956
- list.errorForeground#c25577
- list.focusBackground#c6c9d2
- list.focusHighlightForeground#285ea7
- list.highlightForeground#2f6fc4
- list.hoverBackground#d2d4db
- list.inactiveSelectionBackground#d2d4db
- list.warningForeground#96762b
- listFilterWidget.background#e9eaee
- listFilterWidget.shadow#00000000
- menu.background#e9eaee
- menu.border#c7cad3
- menu.foreground#454956
- menu.selectionBackground#c6c9d2
- menu.selectionForeground#454956
- menu.separatorBackground#c7cad3
- menubar.selectionBackground#d2d4db
- merge.currentContentBackground#2682891a
- merge.currentHeaderBackground#26828940
- merge.incomingContentBackground#2f6fc41a
- merge.incomingHeaderBackground#2f6fc440
- minimap.background#dedfe4
- minimap.errorHighlight#c25577
- minimap.selectionHighlight#b9c4dd
- minimap.warningHighlight#96762b
- minimapGutter.addedBackground#3e8a5c
- minimapGutter.deletedBackground#c25577
- minimapGutter.modifiedBackground#2f6fc4
- notificationCenterHeader.background#e9eaee
- notificationCenterHeader.foreground#6f7487
- notificationLink.foreground#2f6fc4
- notifications.background#e9eaee
- notifications.border#c7cad3
- notifications.foreground#454956
- notificationsErrorIcon.foreground#c25577
- notificationsInfoIcon.foreground#2f6fc4
- notificationsWarningIcon.foreground#96762b
- panel.background#dedfe4
- panel.border#00000000
- panelInput.border#c7cad3
- panelSection.border#00000000
- panelSectionHeader.background#dedfe4
- panelSectionHeader.border#00000000
- panelStickyScroll.background#dedfe4
- panelStickyScroll.border#00000000
- panelStickyScroll.shadow#00000000
- panelTitle.activeBorder#6f7487
- panelTitle.activeForeground#454956
- panelTitle.inactiveForeground#9297a6
- panelTitleBadge.background#c6c9d2
- panelTitleBadge.foreground#454956
- peekView.border#2f6fc480
- peekViewEditor.background#d6d7dd
- peekViewEditor.matchHighlightBackground#b16a2f30
- peekViewResult.background#e9eaee
- peekViewResult.matchHighlightBackground#b16a2f30
- peekViewResult.selectionBackground#c6c9d2
- peekViewTitle.background#e9eaee
- peekViewTitleDescription.foreground#6f7487
- peekViewTitleLabel.foreground#454956
- pickerGroup.border#c7cad3
- pickerGroup.foreground#2f6fc4
- progressBar.background#2f6fc4
- quickInput.background#e9eaee
- quickInput.foreground#454956
- quickInputList.focusBackground#c6c9d2
- quickInputTitle.background#e9eaee
- sash.hoverBorder#6f748710
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#c6c9d2cc
- scrollbarSlider.background#c6c9d266
- scrollbarSlider.hoverBackground#c6c9d2aa
- selection.background#2f6fc433
- settings.focusedRowBackground#d6d7dd
- settings.headerForeground#454956
- settings.modifiedItemIndicator#2f6fc4
- settings.rowHoverBackground#d6d7dd
- sideBar.background#dedfe4
- sideBar.border#00000000
- sideBar.foreground#545867
- sideBarActivityBarTop.border#00000000
- sideBarSectionHeader.background#dedfe4
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#6f7487
- sideBarStickyScroll.background#dedfe4
- sideBarStickyScroll.border#00000000
- sideBarStickyScroll.shadow#00000000
- sideBarTitle.foreground#6f7487
- sideBySideEditor.horizontalBorder#00000000
- sideBySideEditor.verticalBorder#00000000
- statusBar.background#dedfe4
- statusBar.border#00000000
- statusBar.debuggingBackground#dedfe4
- statusBar.debuggingBorder#00000000
- statusBar.debuggingForeground#b16a2f
- statusBar.foreground#6f7487
- statusBar.noFolderBackground#dedfe4
- statusBar.noFolderForeground#6f7487
- statusBarItem.activeBackground#c6c9d2
- statusBarItem.hoverBackground#d2d4db
- statusBarItem.prominentBackground#d2d4db
- statusBarItem.remoteBackground#dedfe4
- statusBarItem.remoteForeground#268289
- symbolIcon.classForeground#96762b
- symbolIcon.constantForeground#b16a2f
- symbolIcon.constructorForeground#9553b5
- symbolIcon.enumeratorForeground#7d7f28
- symbolIcon.enumeratorMemberForeground#7d7f28
- symbolIcon.eventForeground#bd554c
- symbolIcon.fieldForeground#5566cc
- symbolIcon.functionForeground#2f6fc4
- symbolIcon.interfaceForeground#96762b
- symbolIcon.keywordForeground#7a5fc4
- symbolIcon.methodForeground#2f7fa6
- symbolIcon.moduleForeground#7d7f28
- symbolIcon.namespaceForeground#7d7f28
- symbolIcon.propertyForeground#5566cc
- symbolIcon.stringForeground#3e8a5c
- symbolIcon.structForeground#96762b
- symbolIcon.typeParameterForeground#96762b
- symbolIcon.variableForeground#2f7fa6
- tab.activeBackground#dedfe4
- tab.activeBorder#00000000
- tab.activeBorderTop#6f7487
- tab.activeForeground#454956
- tab.border#00000000
- tab.hoverBackground#dedfe4
- tab.hoverForeground#545867
- tab.inactiveBackground#dedfe4
- tab.inactiveForeground#9297a6
- tab.unfocusedActiveBorderTop#aeb2bf
- tab.unfocusedActiveForeground#6f7487
- tab.unfocusedHoverBackground#dedfe4
- tab.unfocusedInactiveForeground#a3a8b5
- terminal.ansiBlack#454956
- terminal.ansiBlue#2f6fc4
- terminal.ansiBrightBlack#6f7487
- terminal.ansiBrightBlue#275ba1
- terminal.ansiBrightCyan#276888
- terminal.ansiBrightGreen#33714b
- terminal.ansiBrightMagenta#8a4a83
- terminal.ansiBrightRed#9f4662
- terminal.ansiBrightWhite#dedfe4
- terminal.ansiBrightYellow#7b6123
- terminal.ansiCyan#2e8f74
- terminal.ansiGreen#3e8a5c
- terminal.ansiMagenta#a85aa0
- terminal.ansiRed#c25577
- terminal.ansiWhite#c7cad3
- terminal.ansiYellow#96762b
- terminal.background#dedfe4
- terminal.border#00000000
- terminal.foreground#454956
- terminal.selectionBackground#b9c4dd
- terminalCursor.foreground#2f6fc4
- textBlockQuote.background#e9eaee
- textBlockQuote.border#2f6fc480
- textCodeBlock.background#e9eaee
- textLink.activeForeground#285ea7
- textLink.foreground#2f6fc4
- textPreformat.foreground#b16a2f
- textSeparator.foreground#c7cad3
- titleBar.activeBackground#dedfe4
- titleBar.activeForeground#6f7487
- titleBar.border#00000000
- titleBar.inactiveBackground#dedfe4
- titleBar.inactiveForeground#9297a6
- tree.indentGuidesStroke#cfd1d8
- walkThrough.embeddedEditorBackground#dedfe4
- welcomePage.background#dedfe4
- welcomePage.progress.background#e9eaee
- welcomePage.progress.foreground#2f6fc4
- welcomePage.tileBackground#e9eaee
- welcomePage.tileHoverBackground#d2d4db
- widget.shadow#00000026
- window.activeBorder#00000000
- window.inactiveBorder#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9297a6 | italic |
| string, string.quoted, punctuation.definition.string | #3e8a5c | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, constant.character.escape, string.regexp | #2e8f74 | — |
| constant.numeric | #b16a2f | — |
| constant.language | #bd554c | — |
| constant.other, variable.other.constant, support.constant, variable.other.enummember | #7d7f28 | — |
| keyword, keyword.control | #7a5fc4 | — |
| storage.type, storage.modifier | #9553b5 | — |
| keyword.operator, punctuation.separator.key-value | #268289 | — |
| entity.name.function, meta.function-call.generic, variable.function | #2f6fc4 | — |
| support.function | #2f7fa6 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class, storage.type.primitive | #96762b | — |
| entity.name.namespace, entity.name.module | #7d7f28 | — |
| variable, variable.other.readwrite, meta.definition.variable | #454956 | — |
| variable.parameter | #454956 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #5566cc | — |
| support.type.property-name, meta.object-literal.key | #2f6fc4 | — |
| entity.name.tag | #c25577 | — |
| entity.other.attribute-name | #a85aa0 | italic |
| entity.other.attribute-name.class.css | #7d7f28 | — |
| entity.other.attribute-name.id.css | #b16a2f | — |
| meta.decorator, punctuation.decorator, storage.type.annotation | #9553b5 | — |
| punctuation, meta.brace | #6f7487 | — |
| markup.heading, entity.name.section | #2f6fc4 | bold |
| markup.bold | #bd554c | bold |
| markup.italic | #7a5fc4 | italic |
| markup.inline.raw, markup.fenced_code.block | #3e8a5c | — |
| markup.underline.link, string.other.link | #2f7fa6 | — |
| markup.quote | #6f7487 | italic |
| markup.inserted | #3e8a5c | — |
| markup.deleted | #c25577 | — |
| markup.changed | #b16a2f | — |
| invalid, invalid.illegal | #c25577 | — |