slumbersage
Publisher: slumbersageThemes in package: 20
A beautiful and immersive anime-inspired theme for Visual Studio Code, designed with love and creativity to enhance your coding experience.
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#162B41a8
- activityBar.foreground#C7D1DE
- activityBarBadge.background#617386b7
- button.background#4B6CB7
- button.foreground#FFFFFF
- button.secondaryHoverBackground#527AB0
- editor.background#0D1E30
- editor.foreground#C7D1DE
- editor.hoverHighlightBackground#3D6D99
- editor.lineHighlightBackground#162B41
- editor.selectionBackground#1E334A
- editorBracketMatch.background#5FA8D3
- editorBracketMatch.border#5FA8D3
- editorCursor.foreground#5FA8D3
- editorError.foreground#FF7B7B
- editorGroup.border#162B41
- editorGroup.dropBackground#1E334A
- editorGroupHeader.tabsBackground#162B41
- editorGutter.addedBackground#5FA8D3
- editorGutter.background#0D1E30
- editorGutter.deletedBackground#FF7B7B
- editorGutter.modifiedBackground#C7D1DE82
- editorHoverWidget.background#0D1E30
- editorHoverWidget.border#0D1E30
- editorHoverWidget.statusBarBackground#0D1E30
- editorLineNumber.activeForeground#C7D1DE
- editorLineNumber.foreground#617386
- editorMarkerNavigation.background#162B41
- editorMarkerNavigationError.background#FF7B7B
- editorMarkerNavigationWarning.background#FFBF75
- editorOverviewRuler.border#162B41
- editorOverviewRuler.findMatchForeground#5FA8D3
- editorOverviewRuler.rangeHighlightForeground#5FA8D3
- editorOverviewRuler.selectionHighlightForeground#5FA8D3
- editorOverviewRuler.wordHighlightForeground#5FA8D3
- editorOverviewRuler.wordHighlightStrongForeground#5FA8D3
- editorRuler.foreground#5FA8D3
- editorSuggestWidget.background#0D1E30
- editorSuggestWidget.border#0D1E30
- editorSuggestWidget.foreground#C7D1DE
- editorSuggestWidget.highlightForeground#5FA8D3
- editorSuggestWidget.selectedBackground#1E334A
- editorWarning.foreground#FFBF75
- editorWhitespace.foreground#1E334A
- editorWidget.background#0D1E30
- editorWidget.border#0D1E30
- extensionBadge.remoteBackground#617386ca
- list.activeSelectionBackground#334F6293
- list.activeSelectionForeground#5FA8D3
- list.focusOutline#0D1E3024
- list.hoverBackground#5A809B36
- list.inactiveSelectionBackground#4D4D4D1d
- list.inactiveSelectionForeground#C7D1DEe6
- notificationCenterHeader.background#162B41
- sideBar.background#162B41
- sideBar.foreground#C7D1DE
- sideBarTitle.foreground#C7D1DE
- statusBar.background#162B41
- statusBar.border#162B41
- statusBar.debuggingBackground#FF7B7B
- statusBar.debuggingForeground#C7D1DE
- statusBar.foreground#C7D1DE
- statusBarItem.activeBackground#5FA8D3cf
- statusBarItem.hoverBackground#3D6D9959
- statusBarItem.prominentBackground#C7D1DE96
- tab.inactiveBackground#10071d74
- titleBar.activeBackground#162B41
- titleBar.activeForeground#C7D1DE
- titleBar.inactiveBackground#162B41
- titleBar.inactiveForeground#617386
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #627D98 | italic |
| string | #94C6EB | — |
| keyword | #82CFFD | bold |
| entity.name.function | #FFB27E | — |
| variable | #AAD991 | — |
| constant.numeric | #FF5370 | — |
| constant.language.boolean | #AAD991 | — |
| storage | #5FA8D3 | — |
| punctuation | #CCCCCC | — |
| keyword.operator | #CCCCCC | — |
| punctuation.definition.string | #5FA8D3 | — |
| constant | #FFB27E | bold |