Skip to main content
Coding 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#1f2228
  • activityBar.foreground#d6dbe5
  • activityBarBadge.background#2b66db
  • activityBarBadge.foreground#d7dae0
  • badge.background#528BFF
  • badge.foreground#D7DAE0
  • button.background#4d78cc
  • button.foreground#FFFFFF
  • button.hoverBackground#6087cf
  • diffEditor.insertedTextBackground#00809b33
  • dropdown.background#353b45
  • dropdown.border#181a1f
  • editor.background#12141c
  • editor.foreground#dbdbdb
  • editor.lineHighlightBackground#2f353f
  • editor.selectionBackground#3e4451
  • editorCursor.foreground#528bff
  • editorGroup.border#181a1f
  • editorGroupHeader.tabsBackground#1c1e1f
  • editorHoverWidget.background#21252B
  • editorHoverWidget.border#181a1f
  • editorLineNumber.foreground#888d97
  • editorSuggestWidget.background#21252b
  • editorSuggestWidget.border#181a1f
  • editorSuggestWidget.selectedBackground#2c313a
  • editorWhitespace.foreground#1a1d21
  • editorWidget.background#21252b
  • extensionButton.prominentBackground#2BA143
  • extensionButton.prominentHoverBackground#37AF4E
  • focusBorder#528bff
  • input.background#1b1d23
  • input.border#181a1f
  • list.activeSelectionBackground#2c313a
  • list.activeSelectionForeground#d7dae0
  • list.focusBackground#2c313a
  • list.highlightForeground#d7dae0
  • list.hoverBackground#2c313a66
  • list.inactiveSelectionBackground#1c1e23
  • list.inactiveSelectionForeground#9fafcf
  • peekView.border#528bff
  • peekViewEditor.background#1e2026
  • peekViewResult.background#21252B
  • peekViewResult.selectionBackground#2C313A
  • peekViewTitle.background#1b1d23
  • pickerGroup.border#528bff
  • scrollbarSlider.activeBackground#34373d80
  • scrollbarSlider.background#4e566680
  • scrollbarSlider.hoverBackground#393f4c80
  • sideBar.background#121517
  • sideBarSectionHeader.background#333741
  • sideBarTitle.foreground#b6b5b5
  • statusBar.background#131313
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#bec2c8
  • statusBar.noFolderBackground#21252B
  • statusBarItem.hoverBackground#2C313A
  • tab.activeBackground#131517
  • tab.border#494b4f
  • tab.inactiveBackground#22252b
  • titleBar.activeBackground#101318
  • titleBar.activeForeground#9da5b4
  • titleBar.inactiveBackground#3b485c
  • titleBar.inactiveForeground#9DA5B4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
support.function.transaction.security.solidity#eb6a5f
variable.language.transaction.security.solidity#ebac5f
support.function.transaction.solidity#eb6a5f
keyword.control#2080df
variable.language.transaction.solidity#43c6c3
constant.language.boolean.solidity#4e97f6
storage#2080df
keyword.control.exceptions.solidity#2080df
support.type#4ebceb
storage.type.annotation, storage.type.primitive#2080df
storage.modifier.package, storage.modifier.import#2080df
constant#2080df
variable#43c6c3
constant.numeric#8da1a0
comment#5e5e5eitalic
entity.name.type#dbdbdb
support.function#43c6c3
support.function.any-method#43c6c3
storage.type.modifier.keyword.solidity#318c15
storage.type.modifier.keyword.extendedscope.solidity#d48114
keyword.control.solidity#2080df
entity.name.function.solidity#dfd519
entity.name.modifier.solidity#c1c5c5
string#5b876d
keyword.control.assembly.solidity#9115b4
keyword.control.unchecked.solidity#9115b4
keyword.control.let.solidity#9115b4
keyword.comment.todo.solidity#cb1212
storage.type.@audit.natspec#cb1212
keyword.comment.audit.solidity#cb1212
variable.language.this.solidity#43c6c3
variable.language.super.solidity#9115b4
keyword.control.contract.solidity#9115b4
keyword.operator.arithmetic.solidity#ba9c23bold
keyword.operator.assignment.solidity#ba9c23bold
keyword.operator.logic.solidity#ba9c23bold
storage.type.struct.solidity#58b0d6
storage.type.event.solidity
storage.type.constructor.solidity#dbd11a
storage.type.function.fallback.solidity#dbd11a
storage.type.function.receive.solidity#dbd11a
entity.name.type.enum.solidity#c1c5c5
storage.type.function.solidity#2080df
constant.language.ucase.solidity#a0acac
storage.type.modifier.solidity#2080df
storage.type.title.natspec#b1aeae8e
storage.type.author.natspec#b1aeae8e
storage.type.audit.natspec#c21a1a8e
storage.type.dev.natspec#b1aeae8e
storage.type.return.natspec#b1aeae8e
storage.type.param.natspec#b1aeae8e
variable.other.natspec#f9f3f38e
punctuation.block.solidity#b1aeae8e
entity.name.function#d74bde
entity.name.class, entity.name.type.class#d74bde
entity.name.section#d74bde
entity.name.tag#2080df
string.regexp#5d9039
string.regexp source.ruby.embedded#5d9039
string.other.link#5d9039
punctuation.definition.comment
punctuation.definition.method-parameters, punctuation.definition.function-parameters, punctuation.definition.parameters, punctuation.definition.separator, punctuation.definition.seperator, punctuation.definition.array#abb2bf
punctuation.definition.heading, punctuation.definition.identity#53a5e7
punctuation.definition.bold#ba9c23
punctuation.definition.italic#4b155bitalic
punctuation.section.embedded#ba9c23
punctuation.section.method, punctuation.section.class, punctuation.section.inner-class#ABB2BF
comment markup.link#a6beb4d3
constant.other.color#8da1a0
constant.other.symbol#8da1a0
constant.variable#1c9c91
constant.character.escape#1c9c91
variable.parameter#c769cc
keyword.operator#ba9c23bold
keyword.other.special-method#ba9c23
keyword.other.unit#ba9c23
variable.interpolation#d74bde
entity.other.inherited-class#d74bde
keyword#d74bde
support.class#d74bde
constant.other.underscore.solidity#2080df
constant.language.time.solidity#2080df
constant.language.currency.solidity#2080df

Shiki preview

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

Loading...

Solidity Auditor Theme - Coding Theme