Skip to main content
Coding Theme

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.

  • activityBarBadge.background#F5CE16
  • breadcrumb.activeSelectionForeground#FF4081
  • Class name#48ADC3
  • editor.findMatchBorder#FF4081
  • editorSuggestWidget.highlightForeground#F5CE16
  • editorWidget.border#FF4081
  • editorWidget.resizeBorder#FF4081
  • functions#8DDB1F
  • keywords#F88F5F
  • list.activeSelectionForeground#F5CE16
  • list.highlightForeground#FF4081
  • list.inactiveSelectionForeground#FF4081
  • menu.selectionForeground#F5CE16
  • menubar.selectionForeground#FF4081
  • notificationLink.foreground#FFFFFF
  • panelTitle.activeBorder#FF4081
  • pickerGroup.foreground#FF4081
  • progressBar.background#F5CE16
  • scrollbarSlider.activeBackground#FF408150
  • selection.background#FF408140
  • settings.headerForeground#FFFFFF
  • settings.modifiedItemIndicator#FF4081
  • strings#F6F489
  • tab.activeBorder#FF4081
  • textLink.foreground#FF4081
  • types#A5DD6E
  • variables#96D8FB

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
constant.language.python#96D8FB
variable.parameter.function.python, meta.function-call.arguments.python#8DDB1F
meta.function-call.python, meta.function-call.generic.python#F88F5F
punctuation.python#9E6BF3
comment#4C380Fbold
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property#7fdbca
support.constant.math#E80054
constant.numeric, constant.character.numeric#E80054
constant.language, punctuation.definition.constant, variable.other.constant#82AAFF
constant.character, constant.other#E80054
punctuation#9E6BF3
meta.function entity.name.function#F5CE16
support.type, support.class#FB002F
object#FB002F
constant.language.boolean#FB002F
Daisy theme by daisyliu - VS Code Theme