Obsidianite

Color themes

• 

  Obsidianite

• 

  Obsidianite AMOLED

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#0a0810
• activityBar.border#0fb6d620
• activityBar.foreground#7aa2f7
• activityBar.inactiveForeground#4c5360
• badge.background#0ed2f7
• badge.foreground#000000
• breadcrumb.activeSelectionForeground#bebebe
• breadcrumb.focusForeground#bebebe
• breadcrumb.foreground#7aa2f7
• breadcrumbPicker.background#0a0810
• button.background#0ed2f7
• button.foreground#000000
• commandCenter.activeBackground#0ed2f710
• commandCenter.activeForeground#0fb6d6
• commandCenter.background#0d0b12
• commandCenter.border#0ed2f720
• commandCenter.foreground#bebebe
• debugConsole.errorForeground#f4569d
• debugConsole.infoForeground#0fb6d6
• debugConsole.sourceForeground#7aa2f7
• debugConsole.warningForeground#f4569d
• debugConsoleInputIcon.foreground#0fb6d6
• debugExceptionWidget.background#0a0810
• debugExceptionWidget.border#0ed2f7
• debugIcon.breakpointCurrentStackframeForeground#0fb6d6
• debugIcon.breakpointDisabledForeground#4c5360
• debugIcon.breakpointForeground#f4569d
• debugIcon.breakpointStackframeForeground#0fb6d6
• debugIcon.breakpointUnverifiedForeground#7aa2f7
• debugIcon.continueForeground#50fa7b
• debugIcon.disconnectForeground#f4569d
• debugIcon.pauseForeground#0fb6d6
• debugIcon.restartForeground#50fa7b
• debugIcon.startForeground#50fa7b
• debugIcon.stepBackForeground#0fb6d6
• debugIcon.stepIntoForeground#0fb6d6
• debugIcon.stepOutForeground#0fb6d6
• debugIcon.stepOverForeground#0fb6d6
• debugIcon.stopForeground#f4569d
• debugToolBar.background#0a0810
• debugToolBar.border#0ed2f7
• descriptionForeground#7aa2f7
• diffEditor.insertedTextBackground#50fa7b20
• diffEditor.removedTextBackground#f4569d20
• dropdown.background#0a0810
• dropdown.border#0ed2f7
• editor.background#000000
• editor.foreground#bebebe
• editor.lineHighlightBackground#0a0810
• editor.selectionBackground#1a1722
• editorBracketMatch.background#1a1722
• editorBracketMatch.border#0ed2f7
• editorCodeLens.foreground#7aa2f7
• editorCursor.foreground#0fb6d6
• editorError.foreground#f4569d
• editorGroupHeader.tabsBackground#000000
• editorGroupHeader.tabsBorder#00000000
• editorGutter.addedBackground#50fa7b
• editorGutter.deletedBackground#f4569d
• editorGutter.modifiedBackground#0fb6d6
• editorHint.foreground#7aa2f7
• editorHoverWidget.background#0a0810
• editorHoverWidget.border#0ed2f7
• editorIndentGuide.activeBackground1#2b3242
• editorIndentGuide.background1#1a1f2a
• editorInfo.foreground#0fb6d6
• editorLineNumber.activeForeground#7f8ba3
• editorLineNumber.foreground#3b4253
• editorOverviewRuler.addedForeground#50fa7b
• editorOverviewRuler.border#0ed2f7
• editorOverviewRuler.bracketMatchForeground#0ed2f7
• editorOverviewRuler.deletedForeground#f4569d
• editorOverviewRuler.errorForeground#f4569d
• editorOverviewRuler.findMatchForeground#f4569d80
• editorOverviewRuler.infoForeground#0fb6d6
• editorOverviewRuler.modifiedForeground#0fb6d6
• editorOverviewRuler.rangeHighlightForeground#0fb6d680
• editorOverviewRuler.selectionHighlightForeground#0fb6d680
• editorOverviewRuler.warningForeground#f4569d
• editorOverviewRuler.wordHighlightForeground#f1fa8c80
• editorOverviewRuler.wordHighlightStrongForeground#f1fa8c80
• editorSuggestWidget.background#0a0810
• editorSuggestWidget.border#0ed2f7
• editorWarning.foreground#f4569d
• editorWidget.background#0a0810
• editorWidget.border#0ed2f7
• editorWidget.resizeBorder#0ed2f7
• errorForeground#f4569d
• focusBorder#0ed2f7
• gitDecoration.addedResourceForeground#50fa7b
• gitDecoration.conflictingResourceForeground#f4569d
• gitDecoration.deletedResourceForeground#f4569d
• gitDecoration.ignoredResourceForeground#4c5360
• gitDecoration.modifiedResourceForeground#0fb6d6
• gitDecoration.submoduleResourceForeground#7aa2f7
• gitDecoration.untrackedResourceForeground#7aa2f7
• input.background#0a0810
• input.border#0ed2f7
• input.foreground#bebebe
• input.placeholderForeground#7aa2f7
• list.activeSelectionBackground#1a1722
• list.focusBackground#0fb6d622
• list.focusOutline#00000000
• list.hoverBackground#0fb6d633
• list.hoverBorder#0fb6d6
• list.hoverForeground#0fb6d6
• menu.background#0a0810
• menu.foreground#bebebe
• menu.selectionBackground#1a1722
• menu.selectionForeground#bebebe
• merge.border#0ed2f7
• merge.currentContentBackground#0fb6d610
• merge.currentHeaderBackground#0fb6d620
• merge.incomingContentBackground#50fa7b10
• merge.incomingHeaderBackground#50fa7b20
• notificationCenterHeader.background#000000
• notificationCenterHeader.foreground#bebebe
• notificationLink.foreground#6bcafb
• notifications.background#0a0810
• notifications.foreground#bebebe
• notificationsErrorIcon.foreground#f4569d
• notificationsInfoIcon.foreground#0fb6d6
• notificationsWarningIcon.foreground#f4569d
• panel.background#000000
• panel.border#0f1320
• panelTitle.activeBorder#0ed2f7
• panelTitle.activeForeground#bebebe
• panelTitle.inactiveForeground#7aa2f7
• peekView.border#0ed2f7
• peekViewEditor.background#0a0810
• peekViewEditor.matchHighlightBackground#1a1722
• peekViewResult.background#0a0810
• peekViewResult.matchHighlightBackground#1a1722
• peekViewTitle.background#000000
• pickerGroup.border#0ed2f7
• pickerGroup.foreground#bebebe
• problemsErrorIcon.foreground#f4569d
• problemsInfoIcon.foreground#0fb6d6
• problemsWarningIcon.foreground#f4569d
• quickInput.background#0a0810
• quickInput.foreground#bebebe
• scrollbar.shadow#000000aa
• scrollbarSlider.background#181520b0
• scrollbarSlider.hoverBackground#1f1a2ad0
• settings.checkboxBackground#0a0810
• settings.checkboxBorder#0ed2f7
• settings.dropdownBackground#0a0810
• settings.dropdownBorder#0ed2f7
• settings.headerForeground#bebebe
• settings.modifiedItemIndicator#0fb6d6
• settings.numberInputBackground#0a0810
• settings.numberInputBorder#0ed2f7
• settings.textInputBackground#0a0810
• settings.textInputBorder#0ed2f7
• sideBar.background#0a0810
• sideBar.border#00000000
• sideBar.foreground#bebebe
• sideBarSectionHeader.background#000000
• sideBarSectionHeader.border#00000000
• sideBarSectionHeader.foreground#bebebe
• statusBar.background#000000
• statusBar.foreground#7aa2f7
• symbolIcon.arrayForeground#66d9ef
• symbolIcon.booleanForeground#ffb86c
• symbolIcon.classForeground#ffb86c
• symbolIcon.constantForeground#bd93f9
• symbolIcon.eventForeground#ff79c6
• symbolIcon.functionForeground#50fa7b
• symbolIcon.keyForeground#ff79c6
• symbolIcon.methodForeground#50fa7b
• symbolIcon.nullForeground#bd93f9
• symbolIcon.numberForeground#bd93f9
• symbolIcon.objectForeground#66d9ef
• symbolIcon.operatorForeground#ff79c6
• symbolIcon.stringForeground#f1fa8c
• symbolIcon.structForeground#66d9ef
• symbolIcon.typeParameterForeground#66d9ef
• symbolIcon.variableForeground#50fa7b
• tab.activeBackground#000000
• tab.activeForeground#bebebe
• tab.inactiveBackground#0a0810
• tab.inactiveForeground#7aa2f7
• terminal.ansiBlack#000000
• terminal.ansiBlue#7aa2f7
• terminal.ansiBrightBlack#5C6370
• terminal.ansiBrightBlue#d6acff
• terminal.ansiBrightCyan#5FD7FF
• terminal.ansiBrightGreen#69ff94
• terminal.ansiBrightMagenta#ff92df
• terminal.ansiBrightRed#ff79c6
• terminal.ansiBrightWhite#f8f8f2
• terminal.ansiBrightYellow#ffffa5
• terminal.ansiCyan#0fb6d6
• terminal.ansiGreen#50fa7b
• terminal.ansiMagenta#bb9af7
• terminal.ansiRed#f4569d
• terminal.ansiWhite#bebebe
• terminal.ansiYellow#f1fa8c
• terminal.background#000000
• terminal.foreground#bebebe
• textBlockQuote.background#0a0810
• textBlockQuote.border#4aa8fb
• textCodeBlock.background#0a0810
• textLink.activeForeground#5FD7FF
• textLink.foreground#6bcafb
• titleBar.activeBackground#000000
• titleBar.activeForeground#bebebe
• walkThrough.embeddedEditorBackground#0a0810

tokenColors

TextMate scopes and font styles (syntax highlighting rules).