Sleepy Theme
Publisher: PcoiDevThemes in package: 2
A VSCode theme with GitHub Dark syntax colors with a deep neutral background with a single soft accent, or.. quite the opposite
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#e6e9ef
- activityBar.border#dce0e8
- activityBar.foreground#5c5f77
- activityBar.inactiveForeground#8c8fa1
- activityBarBadge.background#0d1117
- activityBarBadge.foreground#fff
- activityBarTop.foreground#5c5f77
- activityBarTop.inactiveForeground#8c8fa1
- badge.background#0d111730
- badge.foreground#7287fd
- breadcrumb.activeSelectionForeground#4c4f69
- breadcrumb.background#e6e9ef
- breadcrumb.focusForeground#4c4f69
- breadcrumb.foreground#6c6f85
- breadcrumbPicker.background#e6e9ef
- button.background#0d1117
- button.border#00000000
- button.foreground#ffffff
- button.hoverBackground#209fb5
- button.secondaryBackground#ccd0da
- button.secondaryForeground#0d1117
- button.secondaryHoverBackground#9ca0b0
- charts.blue#0d1117
- charts.foreground#0d1117
- charts.green#179299
- charts.lines#e6e9ef
- charts.orange#fe640b
- charts.purple#8839ef
- charts.red#d20f39
- charts.yellow#df8e1d
- chat.avatarBackground#0d1117
- chat.avatarForeground#ffffff
- chat.requestBorder#dce0e8
- chat.slashCommandBackground#eff1f5
- chat.slashCommandForeground#0d1117
- debugConsole.errorForeground#e64553
- debugConsole.infoForeground#5c5f77
- debugConsole.sourceForeground#5c5f77
- debugConsole.warningForeground#df8e1d
- debugConsoleInputIcon.foreground#179299
- debugExceptionWidget.background#dce0e8
- debugExceptionWidget.border#e64553
- debugIcon.breakpointDisabledForeground#8c8fa1
- debugIcon.breakpointForeground#d20f39
- debugIcon.breakpointUnverifiedForeground#e64553
- debugTokenExpression.boolean#fe640b
- debugTokenExpression.error#e64553
- debugTokenExpression.name#7287fd
- debugTokenExpression.number#fe640b
- debugTokenExpression.string#40a02b
- debugTokenExpression.value#7287fd
- debugToolBar.background#dce0e8
- debugView.stateLabelBackground#eff1f5
- debugView.stateLabelForeground#5c5f77
- debugView.valueChangedHighlight#0d1117AA
- descriptionForeground#6c6f85
- diffEditor.diagonalFill#ccd0da
- diffEditor.insertedLineBackground#17929920
- diffEditor.insertedTextBackground#17929920
- diffEditor.removedLineBackground#d20f3922
- diffEditor.removedTextBackground#d20f3922
- diffEditor.unchangedCodeBackground#ccd0da66
- diffEditorGutter.insertedLineBackground#17929925
- diffEditorGutter.removedLineBackground#d20f3922
- diffEditorOverview.insertedForeground#17929925
- diffEditorOverview.removedForeground#d20f3922
- disabledForeground#6c6f85
- dropdown.background#eff1f5
- dropdown.foreground#5c5f77
- dropdown.listBackground#eff1f5
- editor.background#eff1f5
- editor.findMatchBackground#04a5e560
- editor.findMatchBorder#df8e1d
- editor.findMatchHighlightBackground#04a5e540
- editor.findRangeHighlightBackground#04a5e525
- editor.focusedStackFrameHighlightBackground#17929920
- editor.foldBackground#eff1f54a
- editor.foreground#4c4f69
- editor.inactiveSelectionBackground#04a5e518
- editor.lineHighlightBackground#ccd0da
- editor.rangeHighlightBackground#04a5e515
- editor.selectionBackground#04a5e535
- editor.selectionHighlightBackground#04a5e528
- editor.stackFrameHighlightBackground#df8e1d20
- editor.wordHighlightBackground#04a5e528
- editor.wordHighlightStrongBackground#04a5e535
- editorBracketHighlight.foreground1#0d1117
- editorBracketHighlight.foreground2#209fb5
- editorBracketHighlight.foreground3#8839ef
- editorBracketHighlight.foreground4#179299
- editorBracketHighlight.foreground5#40a02b
- editorBracketHighlight.foreground6#df8e1d
- editorBracketHighlight.unexpectedBracket.foreground#d20f39
- editorBracketMatch.background#e6e9ef
- editorBracketMatch.border#8c8fa1
- editorBracketPairGuide.activeBackground1#0d1117
- editorBracketPairGuide.activeBackground2#209fb5
- editorBracketPairGuide.activeBackground3#8839ef
- editorBracketPairGuide.activeBackground4#179299
- editorBracketPairGuide.activeBackground5#40a02b
- editorBracketPairGuide.activeBackground6#df8e1d
- editorCodeLens.foreground#7c7f93
- editorCursor.foreground#7287fd
- editorError.foreground#d20f39
- editorGhostText.foreground#9ca0b0
- editorGroup.border#dce0e8
- editorGroup.dropBackground#ccd0da
- editorGroupHeader.border#dce0e8
- editorGroupHeader.noTabsBackground#e6e9ef
- editorGroupHeader.tabsBackground#e6e9ef
- editorGroupHeader.tabsBorder#dce0e8
- editorGutter.addedBackground#93c58d
- editorGutter.deletedBackground#dc7c94
- editorGutter.modifiedBackground#7fbec4
- editorHint.foreground#179299
- editorHoverWidget.background#e6e9ef
- editorHoverWidget.border#dce0e8
- editorIndentGuide.activeBackground1#8c8fa1
- editorIndentGuide.background1#ccd0da
- editorInfo.foreground#179299
- editorInlayHint.foreground#9ca0b0
- editorLightBulb.foreground#df8e1d
- editorLightBulbAutoFix.foreground#df8e1d
- editorLineNumber.activeForeground#5c5f77
- editorLineNumber.foreground#7c7f93
- editorLink.activeForeground#7287fd
- editorMarkerNavigation.background#e6e9ef
- editorOverviewRuler.addedForeground#93c58d
- editorOverviewRuler.border#dce0e8
- editorOverviewRuler.bracketMatchForeground#dce0e8
- editorOverviewRuler.deletedForeground#de92a6
- editorOverviewRuler.errorForeground#d20f39
- editorOverviewRuler.findMatchForeground#4c4f6944
- editorOverviewRuler.infoForeground#179299
- editorOverviewRuler.modifiedForeground#7fbec4
- editorOverviewRuler.rangeHighlightForeground#4c4f6944
- editorOverviewRuler.selectionHighlightForeground#4c4f6922
- editorOverviewRuler.warningForeground#df8e1d
- editorOverviewRuler.wordHighlightForeground#8839ef55
- editorOverviewRuler.wordHighlightStrongForeground#8839ef66
- editorPane.background#eff1f5
- editorRuler.foreground#dce0e8
- editorSuggestWidget.background#e6e9ef
- editorSuggestWidget.border#dce0e8
- editorSuggestWidget.highlightForeground#04a5e5
- editorSuggestWidget.selectedBackground#ccd0da
- editorWarning.foreground#df8e1d
- editorWhitespace.foreground#7c7f93
- editorWidget.background#eff1f5
- editorWidget.border#dce0e8
- editorWidget.foreground#5c5f77
- editorWidget.resizeBorder#04a5e533
- errorForeground#6c6f85
- extensionBadge.remoteBackground#0d1117
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#0d1117CC
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#0d111799
- focusBorder#0d1117
- foreground#5c5f77
- gitDecoration.addedResourceForeground#179299
- gitDecoration.conflictingResourceForeground#df8e1dcc
- gitDecoration.deletedResourceForeground#e64553
- gitDecoration.ignoredResourceForeground#6c6f85
- gitDecoration.modifiedResourceForeground#0d1117
- gitDecoration.renamedResourceForeground#179299
- gitDecoration.stageDeletedResourceForeground#e64553
- gitDecoration.stageModifiedResourceForeground#0d1117
- gitDecoration.untrackedResourceForeground#179299
- gitlens.gutterBackgroundColor#e6e9ef
- gitlens.gutterForegroundColor#5c5f77
- gitlens.gutterUncommittedForegroundColor#0d1117
- gitlens.trailingLineForegroundColor#9ca0b0
- icon.foreground#0d1117
- inlineChat.foreground#4c4f69
- inlineChatDiff.inserted#17929940
- inlineChatDiff.removed#d20f3942
- inlineChatInput.background#eff1f5
- input.background#eff1f5
- input.border#eff1f5
- input.foreground#4c4f69
- input.placeholderForeground#5c5f7788
- inputOption.activeBackground#0d111744
- inputOption.activeForeground#7287fd
- inputValidation.errorBackground#e697a1
- inputValidation.errorBorder#e64553
- inputValidation.errorForeground#7287fd
- inputValidation.infoBackground#0d11175c
- inputValidation.infoBorder#0d1117
- inputValidation.infoForeground#7287fd
- inputValidation.warningBackground#df8e1d
- inputValidation.warningBorder#df8e1d
- inputValidation.warningForeground#000000
- list.activeSelectionBackground#8c8fa1
- list.activeSelectionForeground#4c4f69
- list.deemphasizedForeground#5c5f77
- list.dropBackground#ccd0da
- list.errorForeground#e64553
- list.focusBackground#acb0be
- list.focusForeground#4c4f69
- list.highlightForeground#0d1117
- list.hoverBackground#bcc0cc
- list.hoverForeground#0d1117
- list.inactiveSelectionBackground#acb0be
- list.inactiveSelectionForeground#4c4f69
- list.invalidItemForeground#fe640b
- list.warningForeground#df8e1d
- listFilterWidget.background#dce0e8
- listFilterWidget.noMatchesOutline#e64553
- listFilterWidget.outline#0d1117
- menu.background#e6e9ef
- menu.border#dce0e8
- menu.foreground#5c5f77
- menu.selectionBackground#ccd0da
- menu.selectionForeground#4c4f69
- menu.separatorBackground#dce0e8
- menubar.selectionBackground#ccd0da
- menubar.selectionBorder#dce0e8
- menubar.selectionForeground#4c4f69
- merge.currentContentBackground#17929944
- merge.currentHeaderBackground#17929925
- merge.incomingContentBackground#0d111744
- merge.incomingHeaderBackground#0d1117AA
- mergeEditor.change.background#17929925
- mergeEditor.change.word.background#17929940
- mergeEditor.conflict.handled.minimapOverViewRuler#179299
- mergeEditor.conflict.handledFocused.border#17929965
- mergeEditor.conflict.handledUnfocused.border#17929925
- mergeEditor.conflict.unhandled.minimapOverViewRuler#df8e1d
- mergeEditor.conflict.unhandledFocused.border#df8e1db0
- mergeEditor.conflict.unhandledUnfocused.border#df8e1d88
- minimapGutter.addedBackground#7aba70
- minimapGutter.deletedBackground#d95b79
- minimapGutter.modifiedBackground#5fb0b7
- multiDiffEditor.border#eff1f5
- multiDiffEditor.headerBackground#eff1f5
- notebook.cellBorderColor#dce0e8
- notebook.cellEditorBackground#e6e9ef
- notebook.cellStatusBarItemHoverBackground#bcc0cc
- notebook.editorBackground#eff1f5
- notebook.focusedCellBorder#8c8fa1
- notificationCenterHeader.background#dce0e8
- notificationLink.foreground#0d1117
- notifications.background#dce0e8
- notificationsErrorIcon.foreground#e64553
- notificationsInfoIcon.foreground#6c6f85
- notificationsWarningIcon.foreground#df8e1d
- panel.background#e6e9ef
- panel.border#dce0e8
- panelInput.border#e6e9ef
- panelTitle.activeBorder#e6e9ef
- panelTitle.activeForeground#5c5f77
- panelTitle.border#acb0be
- panelTitle.inactiveForeground#7c7f93
- peekView.border#dce0e8
- peekViewEditor.background#e6e9ef
- peekViewEditor.matchHighlightBackground#04a5e566
- peekViewResult.background#dce0e8
- peekViewResult.fileForeground#5c5f77
- peekViewResult.lineForeground#4c4f69
- peekViewResult.matchHighlightBackground#04a5e566
- peekViewResult.selectionBackground#04a5e533
- peekViewResult.selectionForeground#4c4f69
- peekViewTitle.background#dce0e8
- peekViewTitleDescription.foreground#5c5f77
- peekViewTitleLabel.foreground#4c4f69
- pickerGroup.border#dce0e8
- pickerGroup.foreground#0d1117
- progressBar.background#0d1117
- sash.hoverBorder#8c8fa1
- scmGraph.foreground1#fe640b
- scmGraph.foreground2#df8e1d
- scmGraph.foreground3#179299
- scmGraph.foreground4#0d1117
- scmGraph.foreground5#8839ef
- scmGraph.historyItemBaseRefColor#8839ef
- scmGraph.historyItemHoverAdditionsForeground#179299
- scmGraph.historyItemHoverDefaultLabelForeground#4c4f69
- scmGraph.historyItemHoverDeletionsForeground#d20f39
- scmGraph.historyItemHoverLabelForeground#e6e9ef
- scmGraph.historyItemRefColor#0d1117
- scmGraph.historyItemRemoteRefColor#179299
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#0d111725
- scrollbarSlider.background#0d111710
- scrollbarSlider.hoverBackground#0d111718
- selection.background#04a5e530
- settings.headerForeground#0d1117
- sideBar.background#e6e9ef
- sideBar.border#dce0e8
- sideBar.dropBackground#ccd0da
- sideBar.foreground#5c5f77
- sideBarSectionHeader.background#e6e9ef
- sideBarSectionHeader.border#dce0e8
- sideBarSectionHeader.foreground#0d1117
- sideBarTitle.foreground#5c5f77
- statusBar.background#e6e9ef
- statusBar.border#dce0e8
- statusBar.debuggingBackground#e6e9ef
- statusBar.debuggingForeground#5c5f77
- statusBar.foreground#5c5f77
- statusBar.noFolderBackground#e6e9ef
- statusBarItem.activeBackground#dce0e8
- statusBarItem.hoverBackground#ccd0da
- statusBarItem.prominentBackground#dce0e8
- statusBarItem.prominentHoverBackground#ccd0da
- tab.activeBackground#eff1f5
- tab.activeBorder#0d1117
- tab.activeForeground#4c4f69
- tab.activeModifiedBorder#eff1f5
- tab.border#dce0e8
- tab.hoverForeground#4c4f69
- tab.inactiveBackground#e6e9ef
- tab.inactiveForeground#6c6f85
- tab.inactiveModifiedBorder#ccd0da
- tab.lastPinnedBorder#bcc0cc
- tab.unfocusedActiveBorder#ccd0da
- tab.unfocusedActiveForeground#4c4f69
- tab.unfocusedHoverForeground#0d1117
- tab.unfocusedInactiveForeground#6c6f85
- terminal.ansiBlack#9ca0b0
- terminal.ansiBlue#0d1117
- terminal.ansiBrightBlack#9ca0b0
- terminal.ansiBrightBlue#0d1117
- terminal.ansiBrightCyan#04a5e5
- terminal.ansiBrightGreen#179299
- terminal.ansiBrightMagenta#8839ef
- terminal.ansiBrightRed#d20f39
- terminal.ansiBrightWhite#4c4f69
- terminal.ansiBrightYellow#df8e1d
- terminal.ansiCyan#04a5e5
- terminal.ansiGreen#179299
- terminal.ansiMagenta#8839ef
- terminal.ansiRed#d20f39
- terminal.ansiWhite#0d1117
- terminal.ansiYellow#df8e1d
- terminal.background#e6e9ef
- terminal.foreground#0d1117
- terminal.selectionBackground#0d11174d
- textBlockQuote.background#e6e9ef
- textCodeBlock.background#e6e9ef
- textLink.activeForeground#7287fd
- textLink.foreground#0d1117
- textPreformat.foreground#0d1117
- textSeparator.foreground#7c7f93
- titleBar.activeBackground#e6e9ef
- titleBar.activeForeground#5c5f77
- titleBar.border#dce0e8
- titleBar.inactiveBackground#dce0e8
- titleBar.inactiveForeground#6c6f85
- toolbar.activeBackground#ccd0da
- toolbar.hoverBackground#ccd0da
- tree.indentGuidesStroke#9ca0b0
- walkThrough.embeddedEditorBackground#e6e9ef
- widget.shadow#00000066
- window.activeBorder#dce0e8
- window.inactiveBorder#dce0e8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8c8fa1 | — |
| constant.other.placeholder, constant.character | #d20f39 | — |
| constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity | #04a5e5 | — |
| entity.name, meta.export.default, meta.definition.variable | #fe640b | — |
| variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression | #4c4f69 | — |
| entity.name.function | #8839ef | — |
| entity.name.tag, support.class.component | #40a02b | — |
| keyword | #d20f39 | — |
| storage, storage.type, storage.modifier | #d20f39 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #4c4f69 | — |
| string, string punctuation.section.embedded source | #209fb5 | — |
| support | #04a5e5 | — |
| support.type.primitive, support.type.builtin | #d20f39 | — |
| meta.property-name | #04a5e5 | — |
| variable | #fe640b | — |
| variable.other | #4c4f69 | — |
| variable.property, variable.object.property | #4c4f69 | — |
| keyword.operator.type, keyword.operator.typecast, keyword.operator.type.function | #d20f39 | — |
| invalid.broken | #dd7878 | italic |
| invalid.deprecated | #dd7878 | italic |
| invalid.illegal | #dd7878 | italic |
| invalid.unimplemented | #dd7878 | italic |
| carriage-return | #4c4f69 | italic underline |
| message.error | #dd7878 | — |
| string variable | #04a5e5 | — |
| source.regexp, string.regexp | #209fb5 | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #209fb5 | — |
| string.regexp constant.character.escape | #40a02b | bold |
| support.constant | #04a5e5 | — |
| support.variable | #04a5e5 | — |
| support.type.property-name.json | #40a02b | — |
| meta.module-reference | #04a5e5 | — |
| punctuation.definition.list.begin.markdown | #fe640b | — |
| markup.heading, markup.heading entity.name | #04a5e5 | bold |
| markup.quote | #40a02b | — |
| markup.italic | #4c4f69 | italic |
| markup.bold | #4c4f69 | bold |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw | #04a5e5 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #dd7878 | — |
| punctuation.section.embedded | #d20f39 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #40a02b | — |
| markup.changed, punctuation.definition.changed | #fe640b | — |
| markup.ignored, markup.untracked | #11111b | — |
| meta.diff.range | #8839ef | bold |
| meta.diff.header | #04a5e5 | — |
| meta.separator | #04a5e5 | bold |
| meta.output | #04a5e5 | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #8c8fa1 | — |
| brackethighlighter.unmatched | #dd7878 | — |
| constant.other.reference.link, string.other.link | #209fb5 | underline |