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#EAECF0
  • activityBar.foreground#3B4252
  • badge.background#7AA2F7
  • badge.foreground#FFFFFF
  • dropdown.background#FFFFFF
  • dropdown.border#D0D6E0
  • editor.background#FAFBFC
  • editor.foreground#2E3440
  • editor.inactiveSelectionBackground#DDE3EA
  • editor.lineHighlightBackground#F0F1F4
  • editor.selectionBackground#C8D6E5
  • editorCursor.foreground#3B4252
  • editorGroupHeader.tabsBackground#F0F2F5
  • editorLineNumber.activeForeground#6B7A8D
  • editorLineNumber.foreground#B0B8C8
  • editorWidget.background#F5F6F8
  • editorWidget.border#D8DCE4
  • focusBorder#7AA2F7
  • input.background#FFFFFF
  • input.border#D0D6E0
  • input.foreground#2E3440
  • list.activeSelectionBackground#D4DEE8
  • list.activeSelectionForeground#2E3440
  • list.hoverBackground#E8ECF0
  • panel.background#FAFBFC
  • panel.border#E0E4EA
  • scrollbarSlider.background#C0C8D4AA
  • scrollbarSlider.hoverBackground#A0AABBCC
  • sideBar.background#F0F2F5
  • sideBar.foreground#2E3440
  • statusBar.background#EAECF0
  • statusBar.foreground#3B4252
  • tab.activeBackground#FAFBFC
  • tab.activeForeground#2E3440
  • tab.inactiveBackground#F0F2F5
  • tab.inactiveForeground#6B7A8D
  • terminal.background#FAFBFC
  • terminal.foreground#2E3440
  • titleBar.activeBackground#EAECF0
  • titleBar.activeForeground#2E3440

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.declaration.value.struct.tu#0E8C73bold
keyword.declaration.value.let.tu#2E8A96
keyword.declaration.value.const.tu#0D8A7Abold
keyword.declaration.value.enum.tu#1A9474bold
keyword.declaration.value.trait.tu#2A9690bold
keyword.declaration.reference.class.tu#C4522Cbold
keyword.declaration.reference.var.tu#A66D34
keyword.control.async.tu#7C3AED
keyword.control.async.await.tu#6D49B6
keyword.control.async.actor.tu#7E42D4bold
keyword.control.async.spawn.tu#7040C8
keyword.control.stream.tu#1A7FC4
keyword.control.stream.emit.tu#2270B5
keyword.control.functional.match.tu#0E8DA0bold
keyword.control.functional.guard.tu#108882
keyword.control.functional.where.tu#129E8E
keyword.control.functional.in.tu#1E9A90
keyword.control.error.panic.tu#C8600Abold
keyword.operator.error.try.tu#A67A1Abold
storage.type.builtin.result.tu#997218
storage.type.builtin.option.tu#8E6A14
keyword.other.unsafe.tu#CC2944bold underline
keyword.other.mutable.tu#B83A48
keyword.operator.force-unwrap.tu#D42850bold
support.class.insecure.tu#A84040italic
keyword.other.visibility.public.tu#3B4252bold
keyword.declaration.function.tu#3060C8bold
keyword.declaration.impl.tu#3558B0
keyword.declaration.extension.tu#4A5E9A
keyword.declaration.operator.tu#4C5C8A
keyword.declaration.init.tu#3A72C4
keyword.declaration.override.tu#4C5E8A
keyword.other.self.tu#4A6AA0italic
keyword.control.flow.tu#9A30A8
keyword.control.import.tu#4A76A0
keyword.control.import.from.tu#3E6890
keyword.control.import.as.tu#3C5E80
storage.type.primitive.tu#5A8C22
storage.type.builtin.collection.tu#4E7A1E
storage.type.user.tu#5E9428
support.class.security.tu#2A8A50bold
support.class.async.tu#6E44A8
support.class.io.tu#3A7A92
support.class.data.tu#96702A
support.class.id.tu#1E8878
keyword.operator.arrow.tu#5A6370
keyword.operator.functional.pipe.tu#0B8CA8bold
keyword.operator.functional.compose.tu#0E8A72bold
keyword.operator.optional.chain.tu#8A7030
keyword.operator.optional.coalesce.tu#80682A
keyword.operator.comparison.tu#4A7080
keyword.operator.logical.tu#48708A
keyword.operator.range.tu#2E7A86
keyword.operator.assignment.tu#5E6878
keyword.operator.assignment.compound.tu#96682A
keyword.operator.arithmetic.tu#5C6678
keyword.operator.arithmetic.power.tu#545E70bold
entity.name.function.definition.tu#2C5EBB
entity.name.function.call.tu#3B4252
support.function.builtin.io.tu#327088
support.function.builtin.async.tu#644C9A
support.function.builtin.util.tu#28707A
variable.parameter.shorthand.tu#8E6428italic
variable.other.enummember.tu#907020
variable.other.member.tu#4A5568
constant.language.boolean.true.tu#2A8A50
constant.language.boolean.false.tu#B83040
constant.language.nil.tu#8090A0italic
string.quoted.double.tu, string.quoted.triple.tu#4E8A2A
punctuation.definition.interpolation.begin.tu, punctuation.definition.interpolation.end.tu#2E7A48
constant.character.escape.tu#8C6A28
constant.numeric.integer.tu#C05E18
constant.numeric.float.tu#B85A1A
constant.numeric.hex.tu#B05414
constant.numeric.binary.tu#A04E10
comment.line.double-slash.tu, comment.block.tu#9CA8B8italic
Itá Language by Gabriel Aderaldo - VS Code Theme