/telegram-webapp-theme-color

Default theme colors

Telegram webapp colors

Light theme colors:

  • button_color": #007AFF,
  • link_color": #007AFF,
  • button_text_color: #FFFFFF,
  • bg_color: #ffffff,
  • secondary_bg_color: #EFEFF4,
  • text_color: #000000,
  • hint_color: #8E8E93

Dark theme colors:

  • button_color": #007AFF,
  • link_color": #007AFF,
  • button_text_color: #FFFFFF,
  • bg_color: #007AFF,
  • secondary_bg_color: #1C1C1C,
  • text_color: #FFFFFF,
  • hint_color: #FFFFFF

Variables

  • var(--tg-theme-bg-color)
  • var(--tg-theme-text-color)
  • var(--tg-theme-hint-color)
  • var(--tg-theme-link-color)
  • var(--tg-theme-button-color)
  • var(--tg-theme-button-text-color)
  • var(--tg-theme-secondary-bg-color)
  • var(--tg-theme-header-bg-color)
  • var(--tg-theme-accent-text-color)
  • var(--tg-theme-section-bg-color)
  • var(--tg-theme-section-header-text-color)
  • var(--tg-theme-subtitle-text-color)
  • var(--tg-theme-destructive-text-color)

preview