Dark Fury - OLED Black 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#000000
• activityBar.border#000000
• activityBar.foreground#404040
• activityBar.inactiveForeground#303030
• breadcrumb.background#000000
• breadcrumb.border#000000
• breadcrumb.foreground#404040
• button.background#3452ff
• button.foreground#ffffff
• button.hoverBackground#3452ff
• button.secondaryBackground#3a3a3a
• button.secondaryForeground#cccccc
• button.secondaryHoverBackground#4a4a4a
• dropdown.background#000000
• dropdown.border#333333
• dropdown.foreground#ffffff
• dropdown.listBackground#000000
• editor.background#000000
• editor.lineHighlightBorder#000000
• editorGroup.border#111111
• editorGroup.focusedEmptyBorder#222222
• editorGroupHeader.tabsBackground#000000
• focusBorder#222222
• icon.foreground#404040
• list.activeSelectionBackground#3452ff
• list.activeSelectionForeground#ffffff
• list.foreground#808080
• list.hoverBackground#2d2d2d
• list.hoverForeground#ffffff
• list.inactiveSelectionBackground#37373d
• list.inactiveSelectionForeground#ffffff
• menu.background#000000
• menu.border#333333
• menu.foreground#ffffff
• menu.selectionBackground#3452ff
• menu.selectionBorder#000000
• menu.selectionForeground#ffffff
• menu.separatorBackground#111111
• menuBar.background#000000
• menuBar.foreground#404040
• menubar.selectionBackground#000000
• menubar.selectionBorder#000000
• menubar.selectionForeground#ffffff
• notificationCenter.border#333333
• notificationCenterHeader.background#000000
• notificationCenterHeader.foreground#ffffff
• notifications.background#000000
• notifications.border#333333
• notifications.foreground#ffffff
• notificationToast.border#333333
• panel.activeBorder#222222
• panel.background#000000
• panel.border#111111
• panel.title.activeForeground#808080
• panel.title.inactiveForeground#404040
• panelSectionHeader.border#000000
• panelTitle.activeForeground#808080
• panelTitle.inactiveForeground#404040
• sash.hoverBorder#222222
• sideBar.activeBorder#222222
• sideBar.activeSelectionBackground#333333
• sideBar.activeSelectionForeground#000000
• sideBar.background#000000
• sideBar.border#111111
• sideBar.foreground#808080
• sideBar.hoverBackground#2d2d2d
• sideBar.hoverForeground#000000
• sideBar.inactiveSelectionBackground#2a2a2a
• sideBar.inactiveSelectionForeground#000000
• sideBarSectionHeader.border#000000
• statusBar.background#000000
• statusBar.border#000000
• statusBar.foreground#404040
• statusBarItem.activeBackground#333333
• statusBarItem.activeForeground#000000
• statusBarItem.errorBackground#b38080
• statusBarItem.errorForeground#000000
• statusBarItem.hoverBackground#2d2d2d
• statusBarItem.hoverForeground#000000
• statusBarItem.prominentBackground#333333
• statusBarItem.prominentForeground#000000
• statusBarItem.prominentHoverBackground#3d3d3d
• statusBarItem.prominentHoverForeground#000000
• statusBarItem.warningBackground#b3b380
• statusBarItem.warningForeground#000000
• symbolIcon.arrayForeground#404040
• symbolIcon.booleanForeground#404040
• symbolIcon.classForeground#404040
• symbolIcon.colorForeground#404040
• symbolIcon.constantForeground#404040
• symbolIcon.constructorForeground#404040
• symbolIcon.enumeratorForeground#404040
• symbolIcon.enumeratorMemberForeground#404040
• symbolIcon.eventForeground#404040
• symbolIcon.fieldForeground#404040
• symbolIcon.fileForeground#404040
• symbolIcon.folderForeground#404040
• symbolIcon.functionForeground#404040
• symbolIcon.interfaceForeground#404040
• symbolIcon.keyForeground#404040
• symbolIcon.keywordForeground#404040
• symbolIcon.methodForeground#404040
• symbolIcon.moduleForeground#404040
• symbolIcon.namespaceForeground#404040
• symbolIcon.nullForeground#404040
• symbolIcon.numberForeground#404040
• symbolIcon.objectForeground#404040
• symbolIcon.operatorForeground#404040
• symbolIcon.packageForeground#404040
• symbolIcon.propertyForeground#404040
• symbolIcon.referenceForeground#404040
• symbolIcon.snippetForeground#404040
• symbolIcon.stringForeground#404040
• symbolIcon.structForeground#404040
• symbolIcon.textForeground#404040
• symbolIcon.typeParameterForeground#404040
• symbolIcon.unitForeground#404040
• symbolIcon.variableForeground#404040
• tab.activeBackground#1e1e1e
• tab.activeBorder#000000
• tab.activeForeground#ffffff
• tab.border#000000
• tab.inactiveBackground#000000
• tab.inactiveForeground#444444
• terminal.ansiBlack#222222
• terminal.ansiBlue#8080b3
• terminal.ansiCyan#80b3b3
• terminal.ansiGreen#80b380
• terminal.ansiMagenta#b380b3
• terminal.ansiRed#b38080
• terminal.ansiWhite#b3b3b3
• terminal.ansiYellow#b3b380
• terminal.background#000000
• terminal.foreground#666666
• terminalCommandDecoration.defaultBackground#808080
• terminalCommandDecoration.errorBackground#b38080
• terminalCommandDecoration.successBackground#80b380
• titleBar.activeBackground#000000
• titleBar.activeForeground#404040
• titleBar.border#000000
• titleBar.inactiveBackground#000000
• titleBar.inactiveForeground#303030
• tree.activeSelectionBackground#333333
• tree.activeSelectionForeground#000000
• tree.foreground#808080
• tree.hoverBackground#2d2d2d
• tree.hoverForeground#000000
• tree.inactiveSelectionBackground#2a2a2a
• tree.inactiveSelectionForeground#000000
• widget.border#333333
• widget.shadow#000000
• window.activeBorder#000000
• window.inactiveBorder#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).