SCY-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#ffffff05
• activityBar.border#ffffff05
• activityBar.foreground#ffffffaa
• activityBar.inactiveForeground#ffffff44
• activityBarBadge.background#ffffffcc
• activityBarBadge.foreground#000000dd
• badge.background#ffffff22
• badge.foreground#000000dd
• button.background#ffffff22
• button.foreground#000000dd
• button.hoverBackground#ffffff33
• debugExceptionWidget.background#ffffff0a
• debugExceptionWidget.border#ffffff10
• debugToolBar.background#ffffff0a
• descriptionForeground#ffffff88
• diffEditor.insertedTextBackground#ffffff11
• diffEditor.removedTextBackground#ffffff11
• dropdown.background#ffffff0a
• dropdown.border#ffffff18
• dropdown.foreground#ffffffcc
• editor.background#ffffff07
• editor.findMatchBackground#ffffff22
• editor.findMatchBorder#ffffff55
• editor.findMatchHighlightBackground#ffffff11
• editor.findMatchHighlightBorder#ffffff33
• editor.findRangeHighlightBackground#ffffff0a
• editor.findRangeHighlightBorder#ffffff00
• editor.foreground#ffffffdd
• editor.inactiveSelectionBackground#ffffff11
• editor.lineHighlightBackground#ffffff0a
• editor.rangeHighlightBackground#ffffff0a
• editor.selectionBackground#ffffff22
• editor.selectionHighlightBackground#ffffff11
• editor.selectionHighlightBorder#ffffff11
• editor.wordHighlightBackground#ffffff11
• editor.wordHighlightBorder#ffffff33
• editor.wordHighlightStrongBackground#ffffff11
• editor.wordHighlightStrongBorder#ffffff33
• editorBracketMatch.background#ffffff22
• editorBracketMatch.border#ffffff55
• editorCodeLens.foreground#ffffff55
• editorCursor.foreground#ffffffcc
• editorError.foreground#ff4444
• editorGroup.background#ffffff07
• editorGroup.border#ffffff10
• editorGroupHeader.noTabsBackground#ffffff05
• editorGroupHeader.tabsBackground#ffffff05
• editorGroupHeader.tabsBorder#ffffff05
• editorGutter.addedBackground#ffffff22
• editorGutter.deletedBackground#ffffff22
• editorGutter.modifiedBackground#ffffff22
• editorHoverWidget.background#ffffff0a
• editorHoverWidget.border#ffffff10
• editorIndentGuide.activeBackground#ffffff33
• editorIndentGuide.background#ffffff1a
• editorLineNumber.activeForeground#ffffff88
• editorLineNumber.foreground#ffffff33
• editorLink.activeForeground#ffffffcc
• editorMarkerNavigation.background#ffffff0a
• editorOverviewRuler.addedForeground#ffffff33
• editorOverviewRuler.border#ffffff10
• editorOverviewRuler.deletedForeground#ffffff33
• editorOverviewRuler.errorForeground#ff4444
• editorOverviewRuler.modifiedForeground#ffffff33
• editorOverviewRuler.warningForeground#ffffff55
• editorRuler.foreground#ffffff22
• editorSuggestWidget.background#ffffff0a
• editorSuggestWidget.border#ffffff10
• editorSuggestWidget.highlightForeground#ffffffee
• editorSuggestWidget.selectedBackground#ffffff0d
• editorWarning.foreground#ffffff88
• editorWhitespace.foreground#ffffff22
• editorWidget.background#ffffff0a
• errorForeground#ff4444
• extensionButton.prominentBackground#ffffffcc
• extensionButton.prominentForeground#000000dd
• extensionButton.prominentHoverBackground#ffffffdd
• focusBorder#ffffff22
• foreground#ffffffcc
• gitDecoration.conflictingResourceForeground#ffffffaa
• gitDecoration.deletedResourceForeground#ffffff55
• gitDecoration.ignoredResourceForeground#ffffff33
• gitDecoration.modifiedResourceForeground#ffffff88
• gitDecoration.submoduleResourceForeground#ffffffcc
• gitDecoration.untrackedResourceForeground#ffffffaa
• icon.foreground#ffffffaa
• input.background#ffffff0a
• input.border#ffffff18
• input.foreground#ffffffdd
• input.placeholderForeground#ffffff55
• inputOption.activeBorder#ffffff44
• inputValidation.errorBackground#ffffff0a
• inputValidation.errorBorder#ff4444
• inputValidation.infoBackground#ffffff0a
• inputValidation.infoBorder#ffffff33
• inputValidation.warningBackground#ffffff0a
• inputValidation.warningBorder#ffffff44
• list.activeSelectionBackground#ffffff0d
• list.activeSelectionForeground#ffffffcc
• list.errorForeground#ff4444
• list.filterMatchBackground#ffffff11
• list.filterMatchBorder#ffffff44
• list.focusBackground#ffffff0d
• list.focusForeground#ffffffcc
• list.highlightForeground#ffffffee
• list.hoverBackground#ffffff0d
• list.hoverForeground#ffffffcc
• list.inactiveSelectionBackground#ffffff0d
• list.inactiveSelectionForeground#ffffffcc
• list.invalidItemForeground#ffffff33
• listFilterWidget.background#ffffff0a
• listFilterWidget.noMatchesOutline#ff4444
• listFilterWidget.outline#ffffff44
• menu.separatorBackground#ffffff12
• panel.background#ffffff05
• panel.border#ffffff10
• panelTitle.activeBorder#ffffff55
• panelTitle.activeForeground#ffffffdd
• panelTitle.inactiveForeground#ffffff88
• peekView.border#ffffff10
• peekViewEditor.background#ffffff0a
• peekViewEditor.matchHighlightBackground#ffffff22
• peekViewResult.background#ffffff0a
• peekViewResult.fileForeground#ffffffaa
• peekViewResult.matchHighlightBackground#ffffff22
• peekViewTitle.background#ffffff0a
• peekViewTitleDescription.foreground#ffffff88
• peekViewTitleLabel.foreground#ffffffcc
• pickerGroup.border#ffffff10
• pickerGroup.foreground#ffffff88
• progressBar.background#ffffff55
• scrollbar.shadow#ffffff05
• scrollbarSlider.activeBackground#ffffff55
• scrollbarSlider.background#ffffff33
• scrollbarSlider.hoverBackground#ffffff44
• selection.background#ffffff1a
• settings.headerForeground#ffffffdd
• settings.modifiedItemIndicator#ffffffaa
• sideBar.background#ffffff05
• sideBar.border#ffffff05
• sideBarSectionHeader.background#ffffff05
• sideBarSectionHeader.border#ffffff05
• sideBarSectionHeader.foreground#ffffffaa
• sideBarTitle.foreground#ffffffaa
• statusBar.background#ffffff05
• statusBar.border#ffffff05
• statusBar.debuggingBackground#ffffff22
• statusBar.debuggingForeground#000000dd
• statusBar.foreground#ffffffaa
• statusBar.noFolderBackground#ffffff0a
• statusBarItem.activeBackground#ffffff1a
• statusBarItem.hoverBackground#ffffff0d
• statusBarItem.prominentBackground#ffffff1a
• statusBarItem.prominentHoverBackground#ffffff22
• tab.activeBackground#ffffff12
• tab.activeBorder#ffffff55
• tab.activeBorderTop#ffffff22
• tab.activeForeground#ffffffdd
• tab.border#ffffff05
• tab.inactiveBackground#ffffff08
• tab.inactiveForeground#ffffff88
• tab.unfocusedActiveBorder#ffffff22
• tab.unfocusedActiveBorderTop#ffffff11
• tab.unfocusedActiveForeground#ffffff88
• tab.unfocusedInactiveForeground#ffffff55
• terminal.ansiBlack#000000
• terminal.ansiBlue#ffffffbb
• terminal.ansiBrightBlack#555555
• terminal.ansiBrightBlue#ffffffdd
• terminal.ansiBrightCyan#ffffffee
• terminal.ansiBrightGreen#ffffffcc
• terminal.ansiBrightMagenta#ffffffee
• terminal.ansiBrightRed#ff7777
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffffffdd
• terminal.ansiCyan#ffffffdd
• terminal.ansiGreen#ffffffaa
• terminal.ansiMagenta#ffffffcc
• terminal.ansiRed#ff5555
• terminal.ansiWhite#ffffff
• terminal.ansiYellow#ffffffcc
• terminal.background#ffffff07
• terminal.foreground#ffffffdd
• textBlockQuote.background#ffffff08
• textLink.activeForeground#ffffffff
• textLink.foreground#ffffffcc
• textPreformat.foreground#ffffffcc
• titleBar.activeBackground#ffffff05
• titleBar.activeForeground#ffffffdd
• titleBar.border#ffffff05
• titleBar.inactiveBackground#ffffff05
• titleBar.inactiveForeground#ffffff88
• tree.indentGuidesStroke#ffffff33
• walkThrough.embeddedEditorBackground#ffffff0a
• widget.shadow#ffffff18

tokenColors

TextMate scopes and font styles (syntax highlighting rules).