slumbersage

Color themes

• 

  Eternal Harmony

• 

  midnightocean

• 

  Minecraft Adventures

• 

  Our Love Theme

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).