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#3B82F6
keyword.control.vri#C792EA
keyword.control.secondary.vri#60A5FA
keyword.control.import.vri#EA580C
keyword.control.include.vri#B91C1C
keyword.control.async.vri#A855F7
keyword.control.terminator.vri#7A4FA0bold
storage.type.tensor.vri#FFD166
storage.type.scalar.vri#EBCB8B
entity.name.function.vri#82AAFF
entity.name.type.vri#4FC1FF
variable.parameter.vri#F8C555
support.function.ai.matmul.vri, support.function.ai.embed.vri, support.function.ai.train.vri, support.function.ai.grad.vri#F97316
support.function.intrinsic.grade-s.simd.vri, support.function.intrinsic.grade-s.matmul.vri, support.function.intrinsic.grade-s.kernel.vri#FF2D6Fbold
keyword.operator.word.vri, support.function.system.xor.vri, support.function.system.shift.vri#89DDFF
constant.numeric.vri, constant.numeric.dimension.vri#A6E3A1
string.quoted.double.vri#F2A97F
constant.language.boolean.vri#8BD5CA
keyword.operator.vri, keyword.operator.power.vri, keyword.operator.cast.vri, keyword.operator.math-context.vri, keyword.operator.word.vri#89DDFF
punctuation.section.matrix.vri#64748B
punctuation.separator.matrix.vri#526077
punctuation.definition.typeparameters.begin.vri, punctuation.definition.typeparameters.end.vri#7DD3FC
meta.annotation.vri#38BDF8
comment.vri, comment.block.vri, comment.block.hash-star.vri, comment.block.double-hash.vri, comment.line.double-slash.vri, comment.line.number-sign.vri, comment.block.documentation.vri#22C55Eitalic
comment.block.documentation.vri#16A34Aitalic
keyword.other.todo.vri#F59E0Bbold
keyword.other.fixme.vri#EF4444bold
keyword.other.note.vri#38BDF8bold
keyword.other.optimize.vri, keyword.other.virnn.vri#22C55Ebold
Vir-lang by Virgori Labs - VS Code Theme