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#16161E
  • editor.background#1A1B26
  • editor.foreground#C0CAF5
  • editor.inactiveSelectionBackground#292E42
  • editor.lineHighlightBackground#1E2030
  • editor.selectionBackground#33467C
  • editorCursor.foreground#C0CAF5
  • editorLineNumber.activeForeground#737AA2
  • editorLineNumber.foreground#3B4261
  • sideBar.background#16161E
  • sideBar.foreground#C0CAF5
  • statusBar.background#16161E
  • tab.activeBackground#1A1B26
  • tab.inactiveBackground#16161E
  • titleBar.activeBackground#16161E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.declaration.value.struct.tu#4EC9B0bold
keyword.declaration.value.let.tu#56B6C2
keyword.declaration.value.const.tu#3CBFADbold
keyword.declaration.value.enum.tu#45C6A0bold
keyword.declaration.value.trait.tu#5CC5C0bold
keyword.declaration.reference.class.tu#E5845Cbold
keyword.declaration.reference.var.tu#D19A66
keyword.control.async.tu#BB9AF7
keyword.control.async.await.tu#A98EDB
keyword.control.async.actor.tu#C49BFFbold
keyword.control.async.spawn.tu#B48EFF
keyword.control.stream.tu#7DCFFF
keyword.control.stream.emit.tu#6CB6FF
keyword.control.functional.match.tu#2AC3DEbold
keyword.control.functional.guard.tu#26BAB0
keyword.control.functional.where.tu#34D1BF
keyword.control.functional.in.tu#4FD1C5
keyword.control.error.panic.tu#FF9E64bold
keyword.operator.error.try.tu#E0AF68bold
storage.type.builtin.result.tu#DBAD5E
storage.type.builtin.option.tu#D4A652
keyword.other.unsafe.tu#F7768Ebold underline
keyword.other.mutable.tu#E06C75
keyword.operator.force-unwrap.tu#FF6B81bold
support.class.insecure.tu#D16969italic
keyword.other.visibility.public.tu#E0E0FFbold
keyword.declaration.function.tu#7AA2F7bold
keyword.declaration.impl.tu#6E94E8
keyword.declaration.extension.tu#8298D4
keyword.declaration.operator.tu#7B8EBF
keyword.declaration.init.tu#89B4FA
keyword.declaration.override.tu#7C8CBF
keyword.other.self.tu#9AAFE5italic
keyword.control.flow.tu#C678DD
keyword.control.import.tu#9ABCE4
keyword.control.import.from.tu#8AACCC
keyword.control.import.as.tu#7D9BB5
storage.type.primitive.tu#9ECE6A
storage.type.builtin.collection.tu#8DB860
storage.type.user.tu#A5D672
support.class.security.tu#73C991bold
support.class.async.tu#A87FE0
support.class.io.tu#7CAFC2
support.class.data.tu#D4A76A
support.class.id.tu#5AC5B5
keyword.operator.arrow.tu#ABB2BF
keyword.operator.functional.pipe.tu#22D4EFbold
keyword.operator.functional.compose.tu#20C5A8bold
keyword.operator.optional.chain.tu#C8AE6E
keyword.operator.optional.coalesce.tu#BFA862
keyword.operator.comparison.tu#89ACB8
keyword.operator.logical.tu#8AAABE
keyword.operator.range.tu#5EAAB5
keyword.operator.assignment.tu#A0AAB8
keyword.operator.assignment.compound.tu#CC9560
keyword.operator.arithmetic.tu#95A0B0
keyword.operator.arithmetic.power.tu#9DA8B8bold
entity.name.function.definition.tu#6D98F0
entity.name.function.call.tu#DCDFE4
support.function.builtin.io.tu#6FA2B8
support.function.builtin.async.tu#9E83CC
support.function.builtin.util.tu#52A0AA
variable.parameter.shorthand.tu#C89560italic
variable.other.enummember.tu#D5A858
variable.other.member.tu#B8C0D0
constant.language.boolean.true.tu#6BBF88
constant.language.boolean.false.tu#D46A73
constant.language.nil.tu#636D83italic
string.quoted.double.tu, string.quoted.triple.tu#A8D27A
punctuation.definition.interpolation.begin.tu, punctuation.definition.interpolation.end.tu#68C085
constant.character.escape.tu#C99B5E
constant.numeric.integer.tu#F29358
constant.numeric.float.tu#F0925A
constant.numeric.hex.tu#E88D52
constant.numeric.binary.tu#D4854A
comment.line.double-slash.tu, comment.block.tu#565F89italic
Itá Language by Gabriel Aderaldo - VS Code Theme