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.

  • editor.background#15181E
  • editor.foreground#C5CDD9
  • editor.lineHighlightBackground#1B1F27
  • editor.selectionBackground#2C3644
  • editor.selectionHighlightBackground#243040
  • editor.wordHighlightBackground#2A3444
  • editor.wordHighlightStrongBackground#33405433
  • editorBracketMatch.background#2C3644
  • editorBracketMatch.border#4FC1D9
  • editorCursor.foreground#E8A33D
  • editorIndentGuide.background1#232833
  • editorLineNumber.activeForeground#8492A6
  • editorLineNumber.foreground#3C4553
  • editorRuler.foreground#232833
  • editorWhitespace.foreground#282E39

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line.double-slash.sass, comment.block.sass, punctuation.definition.comment.sass#5A6472italic
comment.block.address.sass, punctuation.definition.comment.address.sass#465061
comment.block.control-word.sass#3D4553
comment.other.reuse-hint.sass#5F7355italic
comment.line.banner.sass#4E5867
comment.line.double-slash.source-correlation.sass#6E7F8Fitalic
keyword.other.opcode.sass#DCE7FFbold
storage.modifier.postfix.tier1.sass#9DB0D8
storage.modifier.postfix.tier2.sass#7386AE
storage.modifier.postfix.tier3.sass#5A6A8C
storage.modifier.operand.sass#7386AE
keyword.control.guard.sass, keyword.control.guard.predicate.sass, keyword.operator.logical.not.guard.sass#FF8A93bold
variable.other.register.vector.sass#E8A33D
variable.other.register.vector.zero.sass#96793F
variable.other.register.predicate.sass, variable.language.register.predicate-file.sass#F07178
variable.other.register.predicate.true.sass#9E585C
variable.other.register.uniform.sass#4FC1D9
variable.other.register.uniform.zero.sass#3E8695
variable.other.register.uniform-predicate.sass#B48EEA
variable.other.register.uniform-predicate.true.sass#77609C
variable.language.register.special.sass#57C7A8
variable.language.register.special.zero.sass#3E8875
variable.other.register.barrier.sass#CC8B65
variable.other.register.scoreboard.sass#B57C5C
variable.other.constant-bank.sass, variable.other.descriptor.sass#6A9BF4
variable.other.constant-bank.indexed.sass#6A9BF4bold
variable.other.constant-bank.bank.sass, variable.other.constant-bank.offset.sass#8FB4F7
variable.other.attribute-space.sass#5EC8C0
variable.other.attribute-space.offset.sass#8ADAD4
constant.numeric.hex.sass, constant.numeric.float.sass, constant.numeric.integer.sass#C3E88D
constant.numeric.special.sass#C3E88Dbold
entity.name.label.sass#FFCB6Bbold
entity.name.label.reference.sass#FFCB6B
entity.name.function.sass, entity.name.function.section.sass#82D2CEbold
entity.name.function.reference.sass#82D2CE
keyword.other.directive.sass, keyword.other.function-header.sass, keyword.operator.directive-value.sass#8892A8bold
entity.name.tag.directive-operand.sass#7E8AA0
constant.language.elf-flag.sass, keyword.other.relocation.sass#9C8CBF
constant.language.arch.sass#B48EEAbold
string.quoted.double.sass, string.quoted.double.filename.sass, punctuation.definition.string.begin.sass, punctuation.definition.string.end.sass#A8C6A0
keyword.operator.absolute-value.sass, keyword.operator.arithmetic.negate.sass, keyword.operator.logical.not.sass, keyword.operator.bitwise.not.sass#D8E1ECbold
keyword.operator.arithmetic.sass#77839A
punctuation.separator.operand.sass, punctuation.section.brackets.begin.sass, punctuation.section.brackets.end.sass, punctuation.section.parens.begin.sass, punctuation.section.parens.end.sass, punctuation.definition.symbol.sass, punctuation.separator.sass, punctuation.separator.label.sass#69748A
punctuation.terminator.instruction.sass#4E5867
punctuation.accessor.sass#5A6A8C
constant.other.control-code.stall.sass#E8A33Dbold
constant.other.control-code.yield.sass#A0C878
constant.other.control-code.write-barrier.sass#F07178
constant.other.control-code.read-barrier.sass#4FC1D9
constant.other.control-code.wait-barrier.sass#B48EEA
punctuation.separator.control-code.sass#4E5867
NVIDIA SASS by Gabor Valasek - VS Code Theme