Primary Theme
Publisher: negative.oneThemes in package: 2
A warm, earthy theme for Visual Studio Code inspired by the Primary theme for Obsidian
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.background#e8e6e1
- activityBar.border#d6d2ca
- activityBar.foreground#3a3022
- activityBar.inactiveForeground#b6afa6
- activityBarBadge.background#2f93c0
- activityBarBadge.foreground#f6f5f2
- badge.background#2f93c0
- badge.foreground#f6f5f2
- breadcrumb.activeSelectionForeground#3a3022
- breadcrumb.background#f6f5f2
- breadcrumb.focusForeground#3a3022
- breadcrumb.foreground#7f7364
- breadcrumbPicker.background#eeece7
- button.background#e8e6e1
- button.foreground#3a3022
- button.hoverBackground#e3e1db
- button.secondaryBackground#eeece7
- button.secondaryForeground#3a3022
- button.secondaryHoverBackground#e3e1db
- charts.blue#25779a
- charts.foreground#3a3022
- charts.green#3b8151
- charts.lines#d6d2ca
- charts.orange#c8652a
- charts.purple#c86565
- charts.red#ae3b3b
- charts.yellow#c8652a
- debugToolBar.background#eeece7
- debugToolBar.border#d6d2ca
- descriptionForeground#7f7364
- diffEditor.insertedTextBackground#3b815120
- diffEditor.removedTextBackground#ae3b3b20
- dropdown.background#eeece7
- dropdown.border#d6d2ca
- dropdown.foreground#3a3022
- editor.background#f6f5f2
- editor.findMatchBackground#e8c72f40
- editor.findMatchHighlightBackground#e8c72f25
- editor.findRangeHighlightBackground#e8c72f15
- editor.foreground#3a3022
- editor.hoverHighlightBackground#e8c72f15
- editor.inactiveSelectionBackground#d6d2ca5080
- editor.lineHighlightBackground#faf9f7
- editor.lineHighlightBorder#faf9f7
- editor.rangeHighlightBackground#d6d2ca50
- editor.selectionBackground#d6d2ca50
- editor.selectionHighlightBackground#e8c72f20
- editor.wordHighlightBackground#e8c72f20
- editor.wordHighlightStrongBackground#e8c72f30
- editorBracketMatch.background#e8c72f30
- editorBracketMatch.border#2f93c0
- editorCursor.foreground#7f7364
- editorGroup.border#d6d2ca
- editorGroup.dropBackground#2f93c020
- editorGroupHeader.noTabsBackground#eeece7
- editorGroupHeader.tabsBackground#eeece7
- editorGroupHeader.tabsBorder#d6d2ca
- editorGutter.addedBackground#3b8151
- editorGutter.background#f6f5f2
- editorGutter.deletedBackground#ae3b3b
- editorGutter.modifiedBackground#25779a
- editorLineNumber.activeForeground#7f7364
- editorLineNumber.foreground#b6afa6
- editorLink.activeForeground#25779a
- editorOverviewRuler.addedForeground#3b8151
- editorOverviewRuler.border#d6d2ca
- editorOverviewRuler.bracketMatchForeground#2f93c0
- editorOverviewRuler.deletedForeground#ae3b3b
- editorOverviewRuler.errorForeground#ae3b3b
- editorOverviewRuler.infoForeground#25779a
- editorOverviewRuler.modifiedForeground#25779a
- editorOverviewRuler.warningForeground#c8652a
- editorSuggestWidget.background#eeece7
- editorSuggestWidget.border#d6d2ca
- editorSuggestWidget.foreground#3a3022
- editorSuggestWidget.highlightForeground#25779a
- editorSuggestWidget.selectedBackground#2f93c030
- editorWidget.background#eeece7
- editorWidget.border#d6d2ca
- errorForeground#ae3b3b
- extensionButton.prominentBackground#2f93c0
- extensionButton.prominentForeground#f6f5f2
- extensionButton.prominentHoverBackground#25779a
- focusBorder#2f93c0
- foreground#3a3022
- gitDecoration.conflictingResourceForeground#c8652a
- gitDecoration.deletedResourceForeground#ae3b3b
- gitDecoration.ignoredResourceForeground#b6afa6
- gitDecoration.modifiedResourceForeground#25779a
- gitDecoration.untrackedResourceForeground#3b8151
- input.background#eeece7
- input.border#d6d2ca
- input.foreground#3a3022
- input.placeholderForeground#b6afa6
- inputOption.activeBorder#2f93c0
- inputValidation.errorBackground#ae3b3b
- inputValidation.errorBorder#ae3b3b
- inputValidation.infoBackground#25779a
- inputValidation.infoBorder#25779a
- inputValidation.warningBackground#c8652a
- inputValidation.warningBorder#c8652a
- list.activeSelectionBackground#2f93c040
- list.activeSelectionForeground#3a3022
- list.dropBackground#2f93c020
- list.errorForeground#ae3b3b
- list.focusBackground#2f93c030
- list.focusForeground#3a3022
- list.highlightForeground#25779a
- list.hoverBackground#eeece7
- list.hoverForeground#3a3022
- list.inactiveSelectionBackground#2f93c020
- list.inactiveSelectionForeground#3a3022
- list.warningForeground#c8652a
- menu.background#eeece7
- menu.foreground#3a3022
- menu.selectionBackground#2f93c030
- menu.selectionForeground#3a3022
- menu.separatorBackground#d6d2ca
- menubar.selectionBackground#2f93c030
- menubar.selectionForeground#3a3022
- merge.currentContentBackground#25779a20
- merge.currentHeaderBackground#25779a40
- merge.incomingContentBackground#3b815120
- merge.incomingHeaderBackground#3b815140
- notificationCenter.border#d6d2ca
- notificationCenterHeader.background#e8e6e1
- notificationCenterHeader.foreground#3a3022
- notificationLink.foreground#25779a
- notifications.background#eeece7
- notifications.border#d6d2ca
- notifications.foreground#3a3022
- notificationToast.border#d6d2ca
- panel.background#eeece7
- panel.border#d6d2ca
- panelTitle.activeBorder#2f93c0
- panelTitle.activeForeground#3a3022
- panelTitle.inactiveForeground#7f7364
- peekView.border#2f93c0
- peekViewEditor.background#eeece7
- peekViewEditor.matchHighlightBackground#e8c72f
- peekViewResult.background#e8e6e1
- peekViewResult.matchHighlightBackground#e8c72f
- peekViewResult.selectionBackground#2f93c040
- peekViewTitle.background#e8e6e1
- peekViewTitleDescription.foreground#7f7364
- peekViewTitleLabel.foreground#3a3022
- pickerGroup.border#d6d2ca
- pickerGroup.foreground#2f93c0
- progressBar.background#2f93c0
- scrollbar.shadow#00000020
- scrollbarSlider.activeBackground#9a9189A0
- scrollbarSlider.background#d6d2ca80
- scrollbarSlider.hoverBackground#9a918980
- selection.background#d6d2ca50
- settings.headerForeground#3a3022
- settings.modifiedItemIndicator#25779a
- sideBar.background#eeece7
- sideBar.border#d6d2ca
- sideBar.foreground#7f7364
- sideBarSectionHeader.background#e8e6e1
- sideBarSectionHeader.foreground#3a3022
- sideBarTitle.foreground#3a3022
- statusBar.background#e8e6e1
- statusBar.border#d6d2ca
- statusBar.debuggingBackground#c8652a
- statusBar.debuggingForeground#f6f5f2
- statusBar.foreground#7f7364
- statusBar.noFolderBackground#e8e6e1
- statusBarItem.activeBackground#2f93c040
- statusBarItem.hoverBackground#2f93c020
- symbolIcon.arrayForeground#3a3022
- symbolIcon.booleanForeground#c86565
- symbolIcon.classForeground#25779a
- symbolIcon.colorForeground#c86565
- symbolIcon.constantForeground#c86565
- symbolIcon.constructorForeground#25779a
- symbolIcon.enumeratorForeground#25779a
- symbolIcon.enumeratorMemberForeground#c86565
- symbolIcon.eventForeground#c8652a
- symbolIcon.fieldForeground#3a3022
- symbolIcon.fileForeground#3a3022
- symbolIcon.folderForeground#3a3022
- symbolIcon.functionForeground#25779a
- symbolIcon.interfaceForeground#25779a
- symbolIcon.keyForeground#c86565
- symbolIcon.keywordForeground#c7a511
- symbolIcon.methodForeground#25779a
- symbolIcon.moduleForeground#25779a
- symbolIcon.namespaceForeground#25779a
- symbolIcon.nullForeground#c86565
- symbolIcon.numberForeground#c86565
- symbolIcon.objectForeground#3a3022
- symbolIcon.operatorForeground#66604f
- symbolIcon.packageForeground#25779a
- symbolIcon.propertyForeground#3a3022
- symbolIcon.referenceForeground#25779a
- symbolIcon.snippetForeground#c7a511
- symbolIcon.stringForeground#c7a511
- symbolIcon.structForeground#25779a
- symbolIcon.textForeground#3a3022
- symbolIcon.typeParameterForeground#25779a
- symbolIcon.unitForeground#c86565
- symbolIcon.variableForeground#3a3022
- tab.activeBackground#f6f5f2
- tab.activeBorder#2f93c0
- tab.activeBorderTop#2f93c0
- tab.activeForeground#3a3022
- tab.border#d6d2ca
- tab.hoverBackground#e3e1db
- tab.hoverForeground#3a3022
- tab.inactiveBackground#eeece7
- tab.inactiveForeground#7f7364
- terminal.ansiBlack#e8e6e1
- terminal.ansiBlue#25779a
- terminal.ansiBrightBlack#b6afa6
- terminal.ansiBrightBlue#25779a
- terminal.ansiBrightCyan#25779a
- terminal.ansiBrightGreen#3b8151
- terminal.ansiBrightMagenta#c86565
- terminal.ansiBrightRed#ae3b3b
- terminal.ansiBrightWhite#3a3022
- terminal.ansiBrightYellow#c8652a
- terminal.ansiCyan#25779a
- terminal.ansiGreen#3b8151
- terminal.ansiMagenta#c86565
- terminal.ansiRed#ae3b3b
- terminal.ansiWhite#3a3022
- terminal.ansiYellow#c8652a
- terminal.foreground#3a3022
- textLink.activeForeground#25779a
- textLink.foreground#25779a
- textPreformat.foreground#c86565
- titleBar.activeBackground#e8e6e1
- titleBar.activeForeground#3a3022
- titleBar.border#d6d2ca
- titleBar.inactiveBackground#e8e6e1
- titleBar.inactiveForeground#b6afa6
- welcomePage.buttonBackground#eeece7
- welcomePage.buttonHoverBackground#e3e1db
- widget.shadow#00000010
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9a9189 | italic |
| string, string.quoted, string.template | #c7a511 | — |
| constant.numeric | #c86565 | — |
| constant.language, constant.character, constant.other | #c86565 | — |
| variable.other.constant | #c86565 | — |
| variable, variable.other | #3a3022 | — |
| keyword, keyword.control, keyword.operator.new | #c7a511 | — |
| storage, storage.type, storage.modifier | #c7a511 | — |
| keyword.operator | #66604f | — |
| punctuation, punctuation.separator, punctuation.terminator | #66604f | — |
| entity.name.function, support.function, meta.function-call | #25779a | — |
| entity.name.class, entity.name.type, support.class, support.type | #25779a | — |
| entity.name.type, entity.other.inherited-class, support.type | #25779a | — |
| entity.name.tag, meta.tag | #c86565 | — |
| entity.other.attribute-name | #25779a | — |
| variable.other.property, support.type.property-name | #3a3022 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #c7a511 | — |
| entity.name.namespace, entity.name.module | #25779a | — |
| invalid, invalid.illegal | #ae3b3b | — |
| markup.heading, entity.name.section | #25779a | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link, string.other.link | #25779a | — |
| markup.inline.raw, markup.fenced_code | #c86565 | — |
| support.type.property-name.json, string.json support.type.property-name.json | #25779a | — |
| support.type.property-name.css | #3a3022 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #25779a | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...