KnewPines
Publisher: CrtlUserKnownThemes in package: 1
A RosePine inspired theme for VS Code from CharVim.
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#191724
- activityBar.border#191724
- activityBar.foreground#e0def4
- activityBar.inactiveForeground#6e6a86
- activityBarBadge.background#f6c177
- activityBarBadge.foreground#191724
- badge.background#f6c177
- badge.foreground#191724
- breadcrumb.activeSelectionForeground#f6c177
- breadcrumb.background#191724
- breadcrumb.focusForeground#e0def4
- breadcrumb.foreground#6e6a86
- breadcrumbPicker.background#1f1d2e
- button.background#c4a7e7
- button.foreground#191724
- button.hoverBackground#d1b8f0
- button.secondaryBackground#403d52
- button.secondaryForeground#e0def4
- button.secondaryHoverBackground#4a4660
- debugExceptionWidget.background#1f1d2e
- debugExceptionWidget.border#eb6f92
- debugToolBar.background#1f1d2e
- debugToolBar.border#26233a
- descriptionForeground#908caa
- diffEditor.insertedTextBackground#31748f20
- diffEditor.removedTextBackground#eb6f9220
- disabledForeground#6e6a86
- dropdown.background#1f1d2e
- dropdown.border#403d52
- dropdown.foreground#e0def4
- editor.background#191724
- editor.findMatchBackground#f6c17740
- editor.findMatchHighlightBackground#f6c17725
- editor.findRangeHighlightBackground#f6c17715
- editor.foreground#e0def4
- editor.hoverHighlightBackground#403d52
- editor.inactiveSelectionBackground#2a2837
- editor.lineHighlightBackground#1f1d2e
- editor.selectionBackground#403d52
- editor.selectionHighlightBackground#403d5280
- editor.wordHighlightBackground#403d5260
- editor.wordHighlightStrongBackground#403d5290
- editorBracketMatch.background#c4a7e730
- editorBracketMatch.border#c4a7e7
- editorCursor.background#191724
- editorCursor.foreground#e0def4
- editorError.foreground#eb6f92
- editorGroup.border#26233a
- editorGroupHeader.noTabsBackground#191724
- editorGroupHeader.tabsBackground#191724
- editorGutter.addedBackground#31748f
- editorGutter.background#191724
- editorGutter.deletedBackground#eb6f92
- editorGutter.modifiedBackground#f6c177
- editorHint.foreground#c4a7e7
- editorHoverWidget.background#1f1d2e
- editorHoverWidget.border#26233a
- editorIndentGuide.activeBackground#6e6a86
- editorIndentGuide.background#2a2837
- editorInfo.foreground#9ccfd8
- editorLineNumber.activeForeground#f6c177
- editorLineNumber.foreground#6e6a86
- editorOverviewRuler.border#191724
- editorOverviewRuler.errorForeground#eb6f92
- editorOverviewRuler.findMatchForeground#f6c177
- editorOverviewRuler.infoForeground#9ccfd8
- editorOverviewRuler.selectionHighlightForeground#c4a7e7
- editorOverviewRuler.warningForeground#f6c177
- editorRuler.foreground#26233a
- editorSuggestWidget.background#1f1d2e
- editorSuggestWidget.border#26233a
- editorSuggestWidget.foreground#e0def4
- editorSuggestWidget.highlightForeground#f6c177
- editorSuggestWidget.selectedBackground#403d52
- editorWarning.foreground#f6c177
- editorWhitespace.foreground#403d52
- editorWidget.background#1f1d2e
- editorWidget.border#26233a
- editorWidget.foreground#e0def4
- errorForeground#eb6f92
- focusBorder#c4a7e7
- foreground#e0def4
- gitDecoration.addedResourceForeground#31748f
- gitDecoration.conflictingResourceForeground#ebbcba
- gitDecoration.deletedResourceForeground#eb6f92
- gitDecoration.ignoredResourceForeground#6e6a86
- gitDecoration.modifiedResourceForeground#f6c177
- gitDecoration.untrackedResourceForeground#9ccfd8
- icon.foreground#908caa
- input.background#26233a
- input.border#403d52
- input.foreground#e0def4
- input.placeholderForeground#6e6a86
- inputOption.activeBackground#403d52
- inputOption.activeBorder#c4a7e7
- inputOption.activeForeground#e0def4
- inputValidation.errorBackground#1f1d2e
- inputValidation.errorBorder#eb6f92
- inputValidation.infoBackground#1f1d2e
- inputValidation.infoBorder#9ccfd8
- inputValidation.warningBackground#1f1d2e
- inputValidation.warningBorder#f6c177
- keybindingLabel.background#26233a
- keybindingLabel.border#403d52
- keybindingLabel.bottomBorder#403d52
- keybindingLabel.foreground#e0def4
- list.activeSelectionBackground#403d52
- list.activeSelectionForeground#e0def4
- list.errorForeground#eb6f92
- list.focusBackground#403d52
- list.focusForeground#e0def4
- list.highlightForeground#f6c177
- list.hoverBackground#26233a
- list.hoverForeground#e0def4
- list.inactiveSelectionBackground#2a2837
- list.inactiveSelectionForeground#e0def4
- list.warningForeground#f6c177
- menu.background#1f1d2e
- menu.border#26233a
- menu.foreground#e0def4
- menu.selectionBackground#403d52
- menu.selectionForeground#e0def4
- menu.separatorBackground#26233a
- menubar.selectionBackground#26233a
- menubar.selectionForeground#e0def4
- merge.currentContentBackground#31748f20
- merge.currentHeaderBackground#31748f40
- merge.incomingContentBackground#c4a7e720
- merge.incomingHeaderBackground#c4a7e740
- notificationCenterHeader.background#191724
- notificationCenterHeader.foreground#6e6a86
- notifications.background#1f1d2e
- notifications.border#26233a
- notifications.foreground#e0def4
- panel.background#191724
- panel.border#26233a
- panelTitle.activeBorder#f6c177
- panelTitle.activeForeground#e0def4
- panelTitle.inactiveForeground#6e6a86
- peekView.border#c4a7e7
- peekViewEditor.background#1f1d2e
- peekViewEditor.matchHighlightBackground#f6c17740
- peekViewEditorGutter.background#1f1d2e
- peekViewResult.background#191724
- peekViewResult.fileForeground#e0def4
- peekViewResult.lineForeground#908caa
- peekViewResult.matchHighlightBackground#f6c17740
- peekViewResult.selectionBackground#403d52
- peekViewResult.selectionForeground#e0def4
- peekViewTitle.background#26233a
- peekViewTitleDescription.foreground#908caa
- peekViewTitleLabel.foreground#e0def4
- pickerGroup.border#26233a
- pickerGroup.foreground#6e6a86
- progressBar.background#c4a7e7
- quickInput.background#1f1d2e
- quickInput.foreground#e0def4
- quickInputHighlightForeground#f6c177
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#6e6a86
- scrollbarSlider.background#403d5260
- scrollbarSlider.hoverBackground#403d5290
- selection.background#403d52
- sideBar.background#1f1d2e
- sideBar.border#191724
- sideBar.foreground#e0def4
- sideBarSectionHeader.background#191724
- sideBarSectionHeader.border#191724
- sideBarSectionHeader.foreground#e0def4
- sideBarTitle.foreground#6e6a86
- statusBar.background#191724
- statusBar.border#191724
- statusBar.debuggingBackground#eb6f92
- statusBar.debuggingForeground#191724
- statusBar.foreground#e0def4
- statusBar.noFolderBackground#191724
- statusBarItem.activeBackground#403d52
- statusBarItem.hoverBackground#26233a
- statusBarItem.prominentBackground#f6c177
- statusBarItem.prominentForeground#191724
- statusBarItem.prominentHoverBackground#ebbf8f
- statusBarItem.remoteBackground#c4a7e7
- statusBarItem.remoteForeground#191724
- tab.activeBackground#191724
- tab.activeBorder#f6c177
- tab.activeBorderTop#191724
- tab.activeForeground#e0def4
- tab.border#191724
- tab.hoverBackground#26233a
- tab.inactiveBackground#191724
- tab.inactiveForeground#6e6a86
- tab.unfocusedActiveBorder#6e6a86
- terminal.ansiBlack#26233a
- terminal.ansiBlue#9ccfd8
- terminal.ansiBrightBlack#6e6a86
- terminal.ansiBrightBlue#9ccfd8
- terminal.ansiBrightCyan#ebbcba
- terminal.ansiBrightGreen#31748f
- terminal.ansiBrightMagenta#c4a7e7
- terminal.ansiBrightRed#eb6f92
- terminal.ansiBrightWhite#e0def4
- terminal.ansiBrightYellow#f6c177
- terminal.ansiCyan#ebbcba
- terminal.ansiGreen#31748f
- terminal.ansiMagenta#c4a7e7
- terminal.ansiRed#eb6f92
- terminal.ansiWhite#e0def4
- terminal.ansiYellow#f6c177
- terminal.background#191724
- terminal.foreground#e0def4
- terminal.selectionBackground#403d52
- terminalCursor.foreground#e0def4
- textBlockQuote.background#1f1d2e
- textBlockQuote.border#c4a7e7
- textCodeBlock.background#26233a
- textLink.activeForeground#d1b8f0
- textLink.foreground#c4a7e7
- textPreformat.foreground#ebbcba
- titleBar.activeBackground#191724
- titleBar.activeForeground#e0def4
- titleBar.border#191724
- titleBar.inactiveBackground#191724
- titleBar.inactiveForeground#6e6a86
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6e6a86 | italic |
| string, string.quoted, string.template | #f6c177 | — |
| constant.character.escape, string.regexp | #ebbcba | — |
| constant.numeric | #ebbcba | — |
| constant.language | #ebbcba | — |
| constant, variable.other.constant | #ebbcba | — |
| keyword, keyword.control, keyword.operator.new | #c4a7e7 | — |
| keyword.operator, punctuation.separator, punctuation.terminator | #908caa | — |
| storage, storage.type, storage.modifier | #c4a7e7 | — |
| entity.name.function, meta.function-call.generic, support.function | #9ccfd8 | — |
| variable.parameter | #e0def4 | — |
| entity.name.class, entity.name.type, entity.name.namespace, support.class, support.type | #ebbcba | — |
| entity.name.interface | #9ccfd8 | — |
| entity.name.enum | #ebbcba | — |
| variable, variable.other, variable.other.readwrite | #e0def4 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key | #e0def4 | — |
| entity.name.tag, meta.tag | #9ccfd8 | — |
| entity.other.attribute-name | #ebbcba | — |
| punctuation, meta.brace, punctuation.definition | #908caa | — |
| keyword.control.import, keyword.control.from, keyword.other.using | #c4a7e7 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #f6c177 | — |
| support.type.property-name.css, entity.name.tag.css | #ebbcba | — |
| support.constant.property-value.css, constant.other.color | #9ccfd8 | — |
| markup.heading, entity.name.section | #f6c177 | bold |
| markup.bold | #ebbcba | bold |
| markup.italic | #e0def4 | italic |
| markup.underline.link | #c4a7e7 | — |
| markup.inline.raw, markup.fenced_code | #ebbcba | — |
| invalid, invalid.deprecated | #eb6f92 | — |