Skip to main content
Coding Theme

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#11172A
  • editor.background#0B1020
  • editor.foreground#E6EDF7
  • editor.inactiveSelectionBackground#1A2640
  • editor.lineHighlightBackground#161D33
  • editor.selectionBackground#22304F
  • editorCursor.foreground#E6EDF7
  • editorError.foreground#FF5370
  • editorGutter.addedBackground#22C55E
  • editorGutter.deletedBackground#EF4444
  • editorGutter.modifiedBackground#38BDF8
  • editorHint.foreground#8B9BB4
  • editorIndentGuide.activeBackground1#344566
  • editorIndentGuide.background1#1F2A44
  • editorInfo.foreground#38BDF8
  • editorLineNumber.activeForeground#94A3B8
  • editorLineNumber.foreground#475569
  • editorWarning.foreground#FFB020
  • editorWhitespace.foreground#2B364E
  • panel.background#11172A
  • sideBar.background#11172A
  • statusBar.background#11172A
  • statusBar.foreground#E6EDF7
  • titleBar.activeBackground#11172A
  • titleBar.activeForeground#E6EDF7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.declaration.vri#4A9FD8
keyword.control.vri#5AACE0
keyword.control.secondary.vri#6BB8E8
keyword.control.include.vri#A04048bold
keyword.control.import.vri#D08888
keyword.control.error.vri#E8907A
keyword.control.async.vri#B8A4E0
keyword.control.module.vri#D4B88C
keyword.control.messaging.vri#94AAC0
keyword.control.terminator.vri#C678DDbold
storage.type.tensor.vri#FFD166
storage.type.scalar.vri#EBCB8B
entity.name.function.vri#82AAFF
entity.name.function.call.vri#A8CFFFbold
entity.name.type.vri#4FC1FF
variable.parameter.vri#F8C555
support.function.ai.matmul.vri, support.function.ai.embed.vri, support.function.ai.train.vri#00E5FF
support.function.ai.grad.vri#00F5A0
support.function.intrinsic.grade-s.simd.vri, support.function.intrinsic.grade-s.matmul.vri, support.function.intrinsic.grade-s.kernel.vri#FF2D6Fbold
support.function.system.xor.vri, support.function.system.shift.vri#F59E0B
constant.numeric.vri, constant.numeric.dimension.vri#A6E3A1
string.quoted.double.vri#F2A97F
constant.language.boolean.vri#8BD5CA
keyword.operator.vri#89DDFF
keyword.operator.power.vri#FF79C6
keyword.operator.cast.vri#7DD3FC
keyword.operator.math-context.vri#F472B6
punctuation.section.matrix.vri#64748B
punctuation.separator.matrix.vri#526077
punctuation.definition.typeparameters.begin.vri, punctuation.definition.typeparameters.end.vri#7DD3FC
punctuation.separator.type.vri#6B7A8E
meta.annotation.vri#38BDF8
comment.vri, comment.block.vri, comment.line.double-slash.vri, comment.line.number-sign.vri#5E9E8Fitalic
comment.block.documentation.vri#7C8DA6italic
keyword.other.todo.vri#F59E0Bbold
keyword.other.fixme.vri#EF4444bold
keyword.other.note.vri#38BDF8bold
keyword.other.optimize.vri, keyword.other.virnn.vri#22C55Ebold