Sleepy Theme
Publisher: PcoiDevThemes in package: 9
A VSCode theme with GitHub Dark syntax colors on a deep neutral background with a single soft accent, in nine gemstone flavors
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#030d0e
- activityBar.border#020607
- activityBar.foreground#5d8689
- activityBar.inactiveForeground#215c60
- activityBarBadge.background#7cb0b3
- activityBarBadge.foreground#fff
- activityBarTop.foreground#5d8689
- activityBarTop.inactiveForeground#215c60
- badge.background#7cb0b330
- badge.foreground#a3d1d1
- breadcrumb.activeSelectionForeground#bededf
- breadcrumb.background#030d0e
- breadcrumb.focusForeground#bededf
- breadcrumb.foreground#31565b
- breadcrumbPicker.background#030d0e
- button.background#7cb0b3
- button.border#00000000
- button.foreground#ffffff
- button.hoverBackground#00c1c9
- button.secondaryBackground#0a1d1f
- button.secondaryForeground#7cb0b3
- button.secondaryHoverBackground#132f32
- charts.blue#7cb0b3
- charts.foreground#7cb0b3
- charts.green#41a6b5
- charts.lines#030d0e
- charts.orange#ff9e64
- charts.purple#9d7cd8
- charts.red#f7768e
- charts.yellow#e0af68
- chat.avatarBackground#7cb0b3
- chat.avatarForeground#ffffff
- chat.requestBorder#030707
- chat.slashCommandBackground#061315
- chat.slashCommandForeground#7cb0b3
- debugConsole.errorForeground#bb616b
- debugConsole.infoForeground#5d8689
- debugConsole.sourceForeground#5d8689
- debugConsole.warningForeground#c49a5a
- debugConsoleInputIcon.foreground#73daca
- debugExceptionWidget.background#020607
- debugExceptionWidget.border#963c47
- debugIcon.breakpointDisabledForeground#14515c
- debugIcon.breakpointForeground#db4b4b
- debugIcon.breakpointUnverifiedForeground#c24242
- debugTokenExpression.boolean#ff9e64
- debugTokenExpression.error#bb616b
- debugTokenExpression.name#a4cdce
- debugTokenExpression.number#ff9e64
- debugTokenExpression.string#9ece6a
- debugTokenExpression.value#61b5c6
- debugToolBar.background#020607
- debugView.stateLabelBackground#061315
- debugView.stateLabelForeground#5d8689
- debugView.valueChangedHighlight#7cb0b3AA
- descriptionForeground#31565b
- diffEditor.diagonalFill#0a1d1f
- diffEditor.insertedLineBackground#41a6b520
- diffEditor.insertedTextBackground#41a6b520
- diffEditor.removedLineBackground#db4b4b22
- diffEditor.removedTextBackground#db4b4b22
- diffEditor.unchangedCodeBackground#0a1d1f66
- diffEditorGutter.insertedLineBackground#41a6b525
- diffEditorGutter.removedLineBackground#db4b4b22
- diffEditorOverview.insertedForeground#41a6b525
- diffEditorOverview.removedForeground#db4b4b22
- disabledForeground#2b5154
- dropdown.background#061315
- dropdown.foreground#5d8689
- dropdown.listBackground#061315
- editor.background#061315
- editor.findMatchBackground#00d5dd60
- editor.findMatchBorder#e0af68
- editor.findMatchHighlightBackground#00d5dd40
- editor.findRangeHighlightBackground#00d5dd25
- editor.focusedStackFrameHighlightBackground#73daca20
- editor.foldBackground#0712144a
- editor.foreground#78c0cf
- editor.inactiveSelectionBackground#00d5dd18
- editor.lineHighlightBackground#0e2023
- editor.rangeHighlightBackground#00d5dd15
- editor.selectionBackground#00d5dd35
- editor.selectionHighlightBackground#00d5dd28
- editor.stackFrameHighlightBackground#E2BD3A20
- editor.wordHighlightBackground#00d5dd28
- editor.wordHighlightStrongBackground#00d5dd35
- editorBracketHighlight.foreground1#698cd6
- editorBracketHighlight.foreground2#68b3de
- editorBracketHighlight.foreground3#9a7ecc
- editorBracketHighlight.foreground4#25aac2
- editorBracketHighlight.foreground5#80a856
- editorBracketHighlight.foreground6#c49a5a
- editorBracketHighlight.unexpectedBracket.foreground#db4b4b
- editorBracketMatch.background#030d0e
- editorBracketMatch.border#173b3f
- editorBracketPairGuide.activeBackground1#698cd6
- editorBracketPairGuide.activeBackground2#68b3de
- editorBracketPairGuide.activeBackground3#9a7ecc
- editorBracketPairGuide.activeBackground4#25aac2
- editorBracketPairGuide.activeBackground5#80a856
- editorBracketPairGuide.activeBackground6#c49a5a
- editorCodeLens.foreground#16464a
- editorCursor.foreground#87dced
- editorError.foreground#db4b4b
- editorGhostText.foreground#3c3c3c
- editorGroup.border#020607
- editorGroup.dropBackground#0a1d1f
- editorGroupHeader.border#020607
- editorGroupHeader.noTabsBackground#030d0e
- editorGroupHeader.tabsBackground#030d0e
- editorGroupHeader.tabsBorder#020607
- editorGutter.addedBackground#164846
- editorGutter.deletedBackground#823c41
- editorGutter.modifiedBackground#004c4e
- editorHint.foreground#00abaa
- editorHoverWidget.background#030d0e
- editorHoverWidget.border#020607
- editorIndentGuide.activeBackground1#173b3f
- editorIndentGuide.background1#0a1d1f
- editorInfo.foreground#00abaa
- editorInlayHint.foreground#3c3c3c
- editorLightBulb.foreground#e0af68
- editorLightBulbAutoFix.foreground#e0af68
- editorLineNumber.activeForeground#5d8689
- editorLineNumber.foreground#16464a
- editorLink.activeForeground#82becc
- editorMarkerNavigation.background#030d0e
- editorOverviewRuler.addedForeground#164846
- editorOverviewRuler.border#020607
- editorOverviewRuler.bracketMatchForeground#020607
- editorOverviewRuler.deletedForeground#703438
- editorOverviewRuler.errorForeground#db4b4b
- editorOverviewRuler.findMatchForeground#78c0cf44
- editorOverviewRuler.infoForeground#1abc9c
- editorOverviewRuler.modifiedForeground#004c4e
- editorOverviewRuler.rangeHighlightForeground#78c0cf44
- editorOverviewRuler.selectionHighlightForeground#78c0cf22
- editorOverviewRuler.warningForeground#e0af68
- editorOverviewRuler.wordHighlightForeground#bb9af755
- editorOverviewRuler.wordHighlightStrongForeground#bb9af766
- editorPane.background#061315
- editorRuler.foreground#020607
- editorSuggestWidget.background#030d0e
- editorSuggestWidget.border#020607
- editorSuggestWidget.highlightForeground#00d5dd
- editorSuggestWidget.selectedBackground#0a1d1f
- editorWarning.foreground#e0af68
- editorWhitespace.foreground#16464a
- editorWidget.background#061315
- editorWidget.border#020607
- editorWidget.foreground#5d8689
- editorWidget.resizeBorder#00d5dd33
- errorForeground#31565b
- extensionBadge.remoteBackground#7cb0b3
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#7cb0b3CC
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#7cb0b399
- focusBorder#7cb0b3
- foreground#5d8689
- gitDecoration.addedResourceForeground#449dab
- gitDecoration.conflictingResourceForeground#e0af68cc
- gitDecoration.deletedResourceForeground#914c54
- gitDecoration.ignoredResourceForeground#31565b
- gitDecoration.modifiedResourceForeground#7cb0b3
- gitDecoration.renamedResourceForeground#449dab
- gitDecoration.stageDeletedResourceForeground#914c54
- gitDecoration.stageModifiedResourceForeground#7cb0b3
- gitDecoration.untrackedResourceForeground#449dab
- gitlens.gutterBackgroundColor#030d0e
- gitlens.gutterForegroundColor#5d8689
- gitlens.gutterUncommittedForegroundColor#7cb0b3
- gitlens.trailingLineForegroundColor#3c3c3c
- icon.foreground#7cb0b3
- inlineChat.foreground#78c0cf
- inlineChatDiff.inserted#41a6b540
- inlineChatDiff.removed#db4b4b42
- inlineChatInput.background#061315
- input.background#061315
- input.border#061315
- input.foreground#78c0cf
- input.placeholderForeground#5d868988
- inputOption.activeBackground#7cb0b344
- inputOption.activeForeground#87dced
- inputValidation.errorBackground#85353e
- inputValidation.errorBorder#963c47
- inputValidation.errorForeground#96ceda
- inputValidation.infoBackground#7cb0b35c
- inputValidation.infoBorder#7cb0b3
- inputValidation.infoForeground#96ceda
- inputValidation.warningBackground#c2985b
- inputValidation.warningBorder#e0af68
- inputValidation.warningForeground#000000
- list.activeSelectionBackground#173b3f
- list.activeSelectionForeground#d7f2f3
- list.deemphasizedForeground#5d8689
- list.dropBackground#0a1d1f
- list.errorForeground#bb616b
- list.focusBackground#0d2528
- list.focusForeground#bededf
- list.highlightForeground#7cb0b3
- list.hoverBackground#0a1f22
- list.hoverForeground#7cb0b3
- list.inactiveSelectionBackground#0d2528
- list.inactiveSelectionForeground#bededf
- list.invalidItemForeground#c97018
- list.warningForeground#c49a5a
- listFilterWidget.background#020607
- listFilterWidget.noMatchesOutline#a6333f
- listFilterWidget.outline#7cb0b3
- menu.background#030d0e
- menu.border#020607
- menu.foreground#5d8689
- menu.selectionBackground#0a1d1f
- menu.selectionForeground#bededf
- menu.separatorBackground#020607
- menubar.selectionBackground#0a1d1f
- menubar.selectionBorder#050f11
- menubar.selectionForeground#bededf
- merge.currentContentBackground#007a7544
- merge.currentHeaderBackground#41a6b525
- merge.incomingContentBackground#7cb0b344
- merge.incomingHeaderBackground#7cb0b3AA
- mergeEditor.change.background#41a6b525
- mergeEditor.change.word.background#41a6b540
- mergeEditor.conflict.handled.minimapOverViewRuler#449dab
- mergeEditor.conflict.handledFocused.border#41a6b565
- mergeEditor.conflict.handledUnfocused.border#41a6b525
- mergeEditor.conflict.unhandled.minimapOverViewRuler#e0af68
- mergeEditor.conflict.unhandledFocused.border#e0af68b0
- mergeEditor.conflict.unhandledUnfocused.border#e0af6888
- minimapGutter.addedBackground#1C5957
- minimapGutter.deletedBackground#944449
- minimapGutter.modifiedBackground#005e63
- multiDiffEditor.border#061315
- multiDiffEditor.headerBackground#061315
- notebook.cellBorderColor#020607
- notebook.cellEditorBackground#030d0e
- notebook.cellStatusBarItemHoverBackground#0a1f22
- notebook.editorBackground#061315
- notebook.focusedCellBorder#203d3e
- notificationCenterHeader.background#020607
- notificationLink.foreground#7cb0b3
- notifications.background#020607
- notificationsErrorIcon.foreground#bb616b
- notificationsInfoIcon.foreground#458082
- notificationsWarningIcon.foreground#bba461
- panel.background#030d0e
- panel.border#020607
- panelInput.border#030d0e
- panelTitle.activeBorder#030d0e
- panelTitle.activeForeground#5d8689
- panelTitle.border#0d2528
- panelTitle.inactiveForeground#16464a
- peekView.border#020607
- peekViewEditor.background#030d0e
- peekViewEditor.matchHighlightBackground#00d5dd66
- peekViewResult.background#020607
- peekViewResult.fileForeground#5d8689
- peekViewResult.lineForeground#bededf
- peekViewResult.matchHighlightBackground#00d5dd66
- peekViewResult.selectionBackground#00d5dd33
- peekViewResult.selectionForeground#bededf
- peekViewTitle.background#020607
- peekViewTitleDescription.foreground#5d8689
- peekViewTitleLabel.foreground#bededf
- pickerGroup.border#020607
- pickerGroup.foreground#7cb0b3
- progressBar.background#7cb0b3
- sash.hoverBorder#203d3e
- scmGraph.foreground1#ff9e64
- scmGraph.foreground2#e0af68
- scmGraph.foreground3#41a6b5
- scmGraph.foreground4#7cb0b3
- scmGraph.foreground5#bb9af7
- scmGraph.historyItemBaseRefColor#9d7cd8
- scmGraph.historyItemHoverAdditionsForeground#41a6b5
- scmGraph.historyItemHoverDefaultLabelForeground#bededf
- scmGraph.historyItemHoverDeletionsForeground#f7768e
- scmGraph.historyItemHoverLabelForeground#030d0e
- scmGraph.historyItemRefColor#7cb0b3
- scmGraph.historyItemRemoteRefColor#41a6b5
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#7cb0b325
- scrollbarSlider.background#7cb0b310
- scrollbarSlider.hoverBackground#7cb0b318
- selection.background#00d5dd30
- settings.headerForeground#7cb0b3
- sideBar.background#030d0e
- sideBar.border#020607
- sideBar.dropBackground#0a1d1f
- sideBar.foreground#5d8689
- sideBarSectionHeader.background#030d0e
- sideBarSectionHeader.border#020607
- sideBarSectionHeader.foreground#7cb0b3
- sideBarTitle.foreground#5d8689
- statusBar.background#030d0e
- statusBar.border#020607
- statusBar.debuggingBackground#030d0e
- statusBar.debuggingForeground#5d8689
- statusBar.foreground#5d8689
- statusBar.noFolderBackground#030d0e
- statusBarItem.activeBackground#020607
- statusBarItem.hoverBackground#0a1d1f
- statusBarItem.prominentBackground#020607
- statusBarItem.prominentHoverBackground#0a1d1f
- tab.activeBackground#061315
- tab.activeBorder#7cb0b3
- tab.activeForeground#bededf
- tab.activeModifiedBorder#061315
- tab.border#020607
- tab.hoverForeground#bededf
- tab.inactiveBackground#030d0e
- tab.inactiveForeground#31565b
- tab.inactiveModifiedBorder#0a1d1f
- tab.lastPinnedBorder#0a1f22
- tab.unfocusedActiveBorder#0a1d1f
- tab.unfocusedActiveForeground#bededf
- tab.unfocusedHoverForeground#7cb0b3
- tab.unfocusedInactiveForeground#31565b
- terminal.ansiBlack#034550
- terminal.ansiBlue#7cb0b3
- terminal.ansiBrightBlack#034550
- terminal.ansiBrightBlue#7cb0b3
- terminal.ansiBrightCyan#89cfcf
- terminal.ansiBrightGreen#73daca
- terminal.ansiBrightMagenta#bb9af7
- terminal.ansiBrightRed#f7768e
- terminal.ansiBrightWhite#bededf
- terminal.ansiBrightYellow#e0af68
- terminal.ansiCyan#89cfcf
- terminal.ansiGreen#73daca
- terminal.ansiMagenta#bb9af7
- terminal.ansiRed#f7768e
- terminal.ansiWhite#7cb0b3
- terminal.ansiYellow#e0af68
- terminal.background#030d0e
- terminal.foreground#7cb0b3
- terminal.selectionBackground#7cb0b34d
- textBlockQuote.background#030d0e
- textCodeBlock.background#030d0e
- textLink.activeForeground#a4cdce
- textLink.foreground#7cb0b3
- textPreformat.foreground#7cb0b3
- textSeparator.foreground#16464a
- titleBar.activeBackground#030d0e
- titleBar.activeForeground#5d8689
- titleBar.border#020607
- titleBar.inactiveBackground#000b0e
- titleBar.inactiveForeground#31565b
- toolbar.activeBackground#0a1d1f
- toolbar.hoverBackground#0a1d1f
- tree.indentGuidesStroke#1e1e1e
- walkThrough.embeddedEditorBackground#030d0e
- widget.shadow#00000066
- window.activeBorder#020607
- window.inactiveBorder#020607
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8b949e | — |
| constant.other.placeholder, constant.character | #ff7b72 | — |
| constant, entity.name.constant, variable.other.constant, variable.other.enummember, entity | #58C4F5 | — |
| entity.name, meta.export.default, meta.definition.variable | #ffa657 | — |
| variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression | #e6edf3 | — |
| entity.name.function | #d2a8ff | — |
| entity.name.tag, support.class.component | #7ee787 | — |
| keyword | #ff7b72 | — |
| storage, storage.type, storage.modifier | #ff7b72 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #e6edf3 | — |
| string, string punctuation.section.embedded source | #87d8f7 | — |
| support | #58C4F5 | — |
| support.type.primitive, support.type.builtin | #ffa657 | — |
| meta.property-name | #58C4F5 | — |
| variable | #ffa657 | — |
| variable.other | #e6edf3 | — |
| variable.property, variable.object.property | #e6edf3 | — |
| keyword.operator.type, keyword.operator.typecast, keyword.operator.type.function | #ff7b72 | — |
| invalid.broken | #ffa198 | italic |
| invalid.deprecated | #ffa198 | italic |
| invalid.illegal | #ffa198 | italic |
| invalid.unimplemented | #ffa198 | italic |
| carriage-return | #f0f6fc | italic underline |
| message.error | #ffa198 | — |
| string variable | #58C4F5 | — |
| source.regexp, string.regexp | #87d8f7 | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #87d8f7 | — |
| string.regexp constant.character.escape | #7ee787 | bold |
| support.constant | #58C4F5 | — |
| support.variable | #58C4F5 | — |
| support.type.property-name.json | #7ee787 | — |
| meta.module-reference | #58C4F5 | — |
| punctuation.definition.list.begin.markdown | #ffa657 | — |
| markup.heading, markup.heading entity.name | #58C4F5 | bold |
| markup.quote | #7ee787 | — |
| markup.italic | #e6edf3 | italic |
| markup.bold | #e6edf3 | bold |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw | #58C4F5 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #ffa198 | — |
| punctuation.section.embedded | #ff7b72 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #7ee787 | — |
| markup.changed, punctuation.definition.changed | #ffa657 | — |
| markup.ignored, markup.untracked | #161b22 | — |
| meta.diff.range | #d2a8ff | bold |
| meta.diff.header | #58C4F5 | — |
| meta.separator | #58C4F5 | bold |
| meta.output | #58C4F5 | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #8b949e | — |
| brackethighlighter.unmatched | #ffa198 | — |
| constant.other.reference.link, string.other.link | #87d8f7 | underline |
| variable.language | #ff7b72 | — |
| support.type, entity.other.inherited-class | #ffa657 | — |
| support.function | #d2a8ff | — |
| variable.parameter | #e6edf3 | — |
| variable.parameter.function.language.special.self | #ff7b72 | — |
| source.toml support.type.property-name | #e6edf3 | — |
| support.type.property-name.table.toml, support.type.property-name.array.toml | #d2a8ff | bold |
| source.toml punctuation | #59667a | — |
| source.toml punctuation.definition.comment | #8b949e | — |
| source.toml constant.numeric, source.toml constant.language, source.toml constant.other.time | #ffa657 | — |