Skip to main content
Coding Theme

Null Theme

Publisher: kimberlycasaminaThemes in package: 8

Cyberpunk-inspired theme with bright neon colors, clear contrast, and frameless minimal chrome. Features absolute black and near-black variants.

Color themes

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#0B0B16
  • activityBar.border#FF66FF
  • activityBar.foreground#AAAAFF
  • activityBar.inactiveForeground#7777AA
  • activityBarBadge.background#FF66FF
  • activityBarBadge.foreground#0B0B16
  • badge.background#FF66FF
  • badge.foreground#0B0B16
  • breadcrumb.activeSelectionForeground#FF66FF
  • breadcrumb.background#0B0B16
  • breadcrumb.focusForeground#AAAAFF
  • breadcrumb.foreground#7777AA
  • button.background#FF66FF
  • button.foreground#0B0B16
  • button.hoverBackground#FF99FF
  • dropdown.background#0B0B16
  • dropdown.border#FF66FF
  • dropdown.foreground#AAAAFF
  • editor.background#0B0B16
  • editor.findMatchBackground#FFFFAA90
  • editor.findMatchHighlightBackground#FFFFAA70
  • editor.foreground#EAEAFF
  • editor.lineHighlightBackground#1E1E33
  • editor.selectionBackground#FF66FF80
  • editor.selectionHighlightBackground#8888FF60
  • editor.wordHighlightBackground#99FF9970
  • editor.wordHighlightStrongBackground#FF999970
  • editorCursor.foreground#FF66FF
  • editorGroupHeader.tabsBackground#0B0B16
  • editorGroupHeader.tabsBorder#FF66FF
  • editorIndentGuide.activeBackground#AAAAFF
  • editorIndentGuide.background#444488
  • editorLineNumber.activeForeground#AAAAFF
  • editorLineNumber.foreground#7777AA
  • editorOverviewRuler.addedForeground#44FF88
  • editorOverviewRuler.border#0B0B16
  • editorOverviewRuler.deletedForeground#FF4488
  • editorOverviewRuler.errorForeground#FF4488
  • editorOverviewRuler.infoForeground#AAAAFF
  • editorOverviewRuler.modifiedForeground#FFFFAA
  • editorOverviewRuler.warningForeground#FFFFAA
  • editorRuler.foreground#444488
  • editorWhitespace.foreground#555577
  • gitDecoration.conflictingResourceForeground#FF9966
  • gitDecoration.deletedResourceForeground#FF4488
  • gitDecoration.ignoredResourceForeground#7777AA
  • gitDecoration.modifiedResourceForeground#FFFFAA
  • gitDecoration.submoduleResourceForeground#AAAAFF
  • gitDecoration.untrackedResourceForeground#44FF88
  • input.background#0B0B16
  • input.border#FF66FF
  • input.foreground#AAAAFF
  • input.placeholderForeground#7777AA
  • inputOption.activeBorder#FF66FF
  • list.activeSelectionBackground#FF66FF80
  • list.activeSelectionForeground#AAAAFF
  • list.focusBackground#FF66FF80
  • list.hoverBackground#AAAAFF50
  • list.inactiveSelectionBackground#FF66FF60
  • menu.background#0B0B16
  • menu.foreground#AAAAFF
  • menu.selectionBackground#FF66FF80
  • menu.selectionForeground#AAAAFF
  • menu.separatorBackground#FF66FF
  • menubar.selectionBackground#FF66FF80
  • menubar.selectionForeground#AAAAFF
  • minimap.background#0B0B16
  • minimapSlider.activeBackground#FF66FFC0
  • minimapSlider.background#FF66FF80
  • minimapSlider.hoverBackground#FF66FFA0
  • panel.background#0B0B16
  • panel.border#FF66FF
  • panelTitle.activeBorder#FF66FF
  • panelTitle.activeForeground#AAAAFF
  • panelTitle.inactiveForeground#7777AA
  • progressBar.background#FF66FF
  • scrollbar.shadow#0B0B16
  • scrollbarSlider.activeBackground#FF66FFC0
  • scrollbarSlider.background#FF66FF80
  • scrollbarSlider.hoverBackground#FF66FFA0
  • sideBar.background#0B0B16
  • sideBar.border#FF66FF
  • sideBar.foreground#AAAAFF
  • sideBarSectionHeader.background#1E1E33
  • sideBarSectionHeader.foreground#AAAAFF
  • sideBarTitle.foreground#FF66FF
  • statusBar.background#0B0B16
  • statusBar.border#FF66FF
  • statusBar.debuggingBackground#FF4488
  • statusBar.debuggingForeground#0B0B16
  • statusBar.foreground#AAAAFF
  • statusBar.nofolderBackground#0B0B16
  • tab.activeBackground#0B0B16
  • tab.activeBorder#FF66FF
  • tab.activeBorderTop#FF66FF
  • tab.activeForeground#AAAAFF
  • tab.border#444488
  • tab.inactiveBackground#0B0B16
  • tab.inactiveForeground#7777AA
  • terminal.ansiBlack#0B0B16
  • terminal.ansiBlue#6688FF
  • terminal.ansiBrightBlack#7777AA
  • terminal.ansiBrightBlue#99CCFF
  • terminal.ansiBrightCyan#CCFFFF
  • terminal.ansiBrightGreen#99FFCC
  • terminal.ansiBrightMagenta#FFCCFF
  • terminal.ansiBrightRed#FF88CC
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFFFCC
  • terminal.ansiCyan#99FFFF
  • terminal.ansiGreen#44FF88
  • terminal.ansiMagenta#FF66FF
  • terminal.ansiRed#FF4488
  • terminal.ansiWhite#FFFFFF
  • terminal.ansiYellow#FFFF88
  • terminal.background#0B0B16
  • terminal.foreground#AAAAFF
  • titleBar.activeBackground#0B0B16
  • titleBar.activeForeground#AAAAFF
  • titleBar.border#FF66FF
  • titleBar.inactiveBackground#0B0B16
  • titleBar.inactiveForeground#7777AA
  • tree.indentGuidesStroke#FF66FF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#9999CCitalic
string#90EE90
constant.numeric#DAA520bold
keyword#EE82EEbold
entity.name.function, support.function#4682B4bold
entity.name.class, entity.name.type#FFD700bold underline
variable#B0C4DE
variable.parameter#FF7F50italic
variable.other.property#00FA9A
constant#BA55D3bold
keyword.operator#FF4500
entity.name.tag#DC143Cbold
entity.other.attribute-name#4682B4
entity.name.tag.css#DA70D6bold
support.type.property-name.css#20B2AA
support.type.property-name.json#B22222bold
markup.heading#9932CCbold underline
markup.underline.link#1E90FFunderline
markup.inline.raw#32CD32bold

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...