Abyss Theme Remix

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#000c18
• activityBar.border#596f99
• activityBar.dropBackground#082035
• activityBar.foreground#ddbb88
• activityBarBadge.background#000c18
• activityBarBadge.foreground#ddbb88
• badge.background#000c18
• badge.foreground#ddbb88
• button.background#001223
• button.foreground#ddbb88
• button.hoverBackground#082035
• debugToolBar.background#000c18
• descriptionForeground#6688cc
• dropdown.background#000c18
• dropdown.border#596f99
• dropdown.foreground#ddbb88
• editor.background#000c18
• editor.findMatchBackground#515c6a
• editor.findMatchHighlightBackground#515c6a
• editor.findRangeHighlightBackground#515c6a
• editor.foreground#d4d4d4
• editor.inactiveSelectionBackground#77081180
• editor.lineHighlightBackground#082035
• editor.selectionBackground#770811
• editor.selectionHighlightBackground#770811
• editorCursor.foreground#ddbb88
• editorGroup.border#596f99
• editorGroup.emptyBackground#000c18
• editorGroup.focusedEmptyBorder#596f99
• editorGroupHeader.noTabsBackground#000c18
• editorGroupHeader.tabsBackground#000c18
• editorHoverWidget.background#000c18
• editorHoverWidget.border#596f99
• editorIndentGuide.activeBackground#6688cc
• editorIndentGuide.background#384887
• editorInlayHint.background#38488740
• editorInlayHint.foreground#6688cc
• editorInlayHint.parameterBackground#38488740
• editorInlayHint.parameterForeground#6688cc
• editorInlayHint.typeBackground#38488740
• editorInlayHint.typeForeground#6688cc
• editorLink.activeForeground#2277ff
• editorWhitespace.foreground#384887
• editorWidget.background#000c18
• editorWidget.border#596f99
• errorForeground#f85931
• extensionButton.prominentBackground#001223
• extensionButton.prominentForeground#ddbb88
• extensionButton.prominentHoverBackground#082035
• focusBorder#596f99
• foreground#6688cc
• input.background#000c18
• input.border#596f99
• input.foreground#ddbb88
• input.placeholderForeground#596f99
• inputOption.activeBorder#ddbb88
• inputValidation.errorBackground#000c18
• inputValidation.errorBorder#596f99
• inputValidation.infoBackground#000c18
• inputValidation.infoBorder#596f99
• inputValidation.warningBackground#000c18
• inputValidation.warningBorder#596f99
• list.activeSelectionBackground#082035
• list.activeSelectionForeground#ddbb88
• list.dropBackground#082035
• list.focusBackground#082035
• list.highlightForeground#ddbb88
• list.hoverBackground#082035
• list.inactiveSelectionBackground#082035
• panel.background#000c18
• panel.border#596f99
• panelTitle.activeBorder#ddbb88
• panelTitle.activeForeground#ddbb88
• panelTitle.inactiveForeground#596f99
• peekView.border#596f99
• peekViewEditor.background#000c18
• peekViewEditor.matchHighlightBackground#515c6a
• peekViewResult.background#000c18
• peekViewResult.fileForeground#ddbb88
• peekViewResult.lineForeground#ddbb88
• peekViewResult.matchHighlightBackground#515c6a
• peekViewResult.selectionBackground#082035
• peekViewResult.selectionForeground#ddbb88
• peekViewTitle.background#000c18
• peekViewTitleDescription.foreground#6688cc
• peekViewTitleLabel.foreground#ddbb88
• pickerGroup.border#596f99
• pickerGroup.foreground#ddbb88
• progressBar.background#ddbb88
• scrollbar.shadow#000000
• scrollbarSlider.activeBackground#596f9980
• scrollbarSlider.background#596f9940
• scrollbarSlider.hoverBackground#596f99c0
• selection.background#770811
• sideBar.background#000c18
• sideBar.border#596f99
• sideBar.foreground#6688cc
• sideBarSectionHeader.background#001223
• sideBarSectionHeader.foreground#ddbb88
• sideBarTitle.foreground#ddbb88
• statusBar.background#000c18
• statusBar.border#596f99
• statusBar.debuggingBackground#000c18
• statusBar.foreground#ddbb88
• statusBar.noFolderBackground#000c18
• statusBarItem.activeBackground#000c18
• statusBarItem.hoverBackground#082035
• statusBarItem.prominentBackground#000c18
• statusBarItem.prominentHoverBackground#082035
• statusBarItem.remoteBackground#000c18
• statusBarItem.remoteForeground#ddbb88
• tab.activeBackground#001223
• tab.activeForeground#ddbb88
• tab.border#596f99
• tab.hoverBackground#001223
• tab.inactiveBackground#000c18
• tab.inactiveForeground#596f99
• terminal.ansiBlack#111111
• terminal.ansiBlue#bbdaff
• terminal.ansiBrightBlack#333333
• terminal.ansiBrightBlue#bbdaff
• terminal.ansiBrightCyan#99ffff
• terminal.ansiBrightGreen#d1f1a9
• terminal.ansiBrightMagenta#ebbbff
• terminal.ansiBrightRed#ff9da4
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffeead
• terminal.ansiCyan#99ffff
• terminal.ansiGreen#d1f1a9
• terminal.ansiMagenta#ebbbff
• terminal.ansiRed#ff9da4
• terminal.ansiWhite#cccccc
• terminal.ansiYellow#ffeead
• terminal.background#000c18
• terminal.foreground#6688cc
• titleBar.activeBackground#000c18
• titleBar.activeForeground#ddbb88
• titleBar.border#596f99
• titleBar.inactiveBackground#000c18
• titleBar.inactiveForeground#596f99
• walkThrough.embeddedEditorBackground#000c18
• widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).