Telegram主题颜色代码对照表:自定义主题必备配色指南

想给Telegram换个独特的主题?颜色代码是关键。本文提供完整的Telegram主题颜色代码对照表,并手把手教你如何自定义主题、修改颜色,让你的聊天界面与众不同。

阅读提示建议先浏览小标题,再按需深入阅读具体段落。

Telegram 的界面定制功能一直备受用户喜爱,通过修改主题颜色,你可以让聊天窗口、侧边栏、按钮等元素呈现完全个性化的视觉效果。然而,很多用户面对一团乱码般的主题文件时不知所措。其实,掌握颜色代码的规律后,你就能轻松调配出理想的配色方案。本文为你整理了一份详尽的 Telegram 主题颜色代码对照表,并附上自定义主题的完整操作指南,建议收藏备用。

一、Telegram 主题颜色代码基础:十六进制与背景色

Telegram 主题文件(.tdesktop-theme 或 .attheme)本质上是一个压缩包,内部包含描述界面颜色的代码。颜色代码通常使用十六进制格式(如 #ff0000),也支持但不推荐使用 RGB 或 HSL 格式。理解这些代码的功能,是自定义主题的第一步。

下面列出 Telegram 桌面版(Desktop)和移动版(Android/iOS)中常用界面元素的默认颜色代码,你可以在此基础上进行修改。

(一)全局主色

  • window_bg:窗口背景色,默认 #ffffff(白色)。
  • window_bg_over:悬停背景色,默认 #f8f8f8
  • window_fg:主文字颜色,默认 #000000(黑色)。
  • window_fg_active:选中文字颜色,默认 #ffffff
  • window_shadow:窗口阴影色,默认 #000000

(二)聊天区配色

  • chat_bg:聊天背景色,默认 #ffffff
  • chat_out_bg:自己发送的气泡背景色,默认 #eeffde(浅绿色)。
  • chat_in_bg:对方发送的气泡背景色,默认 #f0f0f0(浅灰色)。
  • chat_out_fg:自己发送的文字颜色,默认 #000000
  • chat_in_fg:对方发送的文字颜色,默认 #000000
  • chat_out_link:自己发送的链接颜色,默认 #0088cc
  • chat_in_link:对方发送的链接颜色,默认 #0088cc
  • chat_service_bg:服务通知背景色(如“加入群组”),默认 #6b6b6b
  • chat_service_fg:服务通知文字颜色,默认 #ffffff

(三)侧边栏与导航

  • sidebar_bg:侧边栏背景色,默认 #ffffff
  • sidebar_fg:侧边栏文字颜色,默认 #000000
  • sidebar_selected_bg:侧边栏选中项背景色,默认 #e8e8e8
  • sidebar_icon:侧边栏图标颜色,默认 #666666

(四)列表与输入框

  • list_bg:列表背景色,默认 #ffffff
  • input_bg:输入框背景色,默认 #f0f0f0
  • input_text:输入框文字颜色,默认 #000000
  • input_placeholder:提示文字颜色,默认 #999999
  • button_bg:按钮背景色,默认 #0088cc
  • button_fg:按钮文字颜色,默认 #ffffff

二、自定义主题颜色:从零开始制作你的专属配色

了解了颜色代码后,你可以通过两种方式自定义主题:手动编辑主题文件,或使用应用内的取色工具(部分版本支持)。下面以桌面版为例,介绍手动编辑的方法。

第一步:获取主题基础文件

  1. 打开 Telegram 桌面版,点击左上角“汉堡菜单” → “设置” → “聊天设置”(旧版为“高级”)。
  2. 点击“主题”选项,在列表底部选择“创建主题”(或“编辑现有主题”)。
  3. 系统会生成一个 .tdesktop-theme 文件,你需要解压它(通常可用压缩软件打开)。
  4. 解压后,找到一个名为 colors.tdesktop-themecolors.txt 的文件,用记事本打开。

第二步:修改颜色代码

  1. 用“代码: 新颜色”的格式替换默认值。例如,将 chat_out_bg: #eeffde 改为 chat_out_bg: #ffcc00 即可让发出的消息变成黄色背景。
  2. 注意大小写无关,但建议统一小写。颜色代码必须为 6 位十六进制,如 #a1b2c3
  3. 如果你想使用透明效果,可以添加 alpha 属性,例如 chat_out_bg alpha: 200(0-255,255为不透明)。

第三步:重新打包并应用

  1. 修改完毕后,将解压的文件夹重新压缩为 zip 格式,并确保文件扩展名为 .tdesktop-theme(或者直接改后缀)。
  2. 回到 Telegram 的“主题”设置,点击“从文件加载”,选择你打包好的主题文件。
  3. 应用后即可实时预览效果,不满意可以继续调整。

三、独家整理:Telegram 主题颜色代码对照表(精选)

为了方便你快速查阅,这里整理了一份更全面的颜色代码字典,覆盖了大多数界面元素。你可以在自定义主题时直接复制这些代码,并修改为自己想要的值。

代码名称作用描述默认值示例
window_bg窗口背景#ffffff
window_bg_over悬停/选中背景#f8f8f8
window_fg窗口文本#000000
window_fg_active选中文本#ffffff
window_shadow阴影#000000
sidebar_bg侧边栏背景#ffffff
sidebar_bg_over侧边栏悬停背景#f0f0f0
sidebar_fg侧边栏文本#000000
sidebar_selected_bg侧边栏选中项背景#e8e8e8
sidebar_icon侧边栏图标#666666
chat_bg聊天背景#ffffff
chat_out_bg发送气泡背景#eeffde
chat_out_fg发送气泡文字#000000
chat_in_bg接收气泡背景#f0f0f0
chat_in_fg接收气泡文字#000000
chat_sent已发送标记颜色#0088cc
chat_received已接收标记颜色#0088cc
chat_service_bg服务通知背景#6b6b6b
chat_service_fg服务通知文字#ffffff
list_bg列表背景#ffffff
list_bg_over列表悬停背景#f0f0f0
list_fg列表文字#000000
list_fg_active列表选中文字#0088cc
input_bg输入框背景#f0f0f0
input_text输入框文字#000000
input_placeholder输入框占位符#999999
button_bg按钮背景#0088cc
button_fg按钮文字#ffffff
dialog_bg对话框背景#ffffff
dialog_fg对话框文字#000000

提示:以上代码适用于 Telegram Desktop 版本,部分移动端主题字段略有不同,但名称和原理一致。

四、快速配色技巧:用参考色板一键变装

如果你不想逐个修改代码,也可以直接使用现成的配色方案。以下是一些经典色系对应的十六进制值,你可以直接替换 chat_bgsidebar_bg 等背景代码。

  • 暗黑系:背景 #1c1c1e、气泡 #2c2c2e、文字 #ffffff
  • 莫兰迪灰:背景 #f5f5f0、气泡 #e0ddd5、文字 #333333
  • 森林绿:背景 #e8f5e9、气泡 #a5d6a7、文字 #1b5e20
  • 海洋蓝:背景 #e3f2fd、气泡 #90caf9、文字 #0d47a1
  • 少女粉:背景 #fce4ec、气泡 #f8bbd0、文字 #880e4f
  • 沙漠橙:背景 #fff3e0、气泡 #ffcc80、文字 #e65100

五、常见问题解答

1. 为什么我修改的代码不生效?

首先检查代码名称是否拼写正确,大小写不敏感但必须保持一致。其次,确认颜色代码格式为 #RRGGBB,且没有多余空格。如果修改了某个背景色但看不到变化,可能是因为该区域被遮盖,或你修改的代码名称与实际元素不对应。

2. 如何在手机上使用自定义主题?

Android 版 Telegram 支持直接导入 .attheme 文件(在设置→聊天设置→主题中选择“从文件加载”)。iOS 版的第三方客户端(如 Nicegram)也支持,但官方 iOS 版限制较多。建议先在桌面版调好再通过文件传输发送到手机。

3. 有没有一键生成主题的工具?

有。Telegram 内置的主题编辑器(在设置→聊天设置→主题→“创建主题”中点“编辑配色”)提供了可视化的取色器,可以实时修改并复制代码。也有网页版如 telegram-theme.github.io 可以帮助你生成基础主题。

总结

掌握 Telegram 主题颜色代码对照表,你就能像设计师一样自由掌控界面风格。无论是想保护眼睛的暗色模式,还是追求个性的炫彩背景,只需修改几个代码即可实现。如果你对代码不熟悉,不妨先复制本文的默认值,逐步替换背景色和文字色,很快就能上手。希望这份指南能帮你打造出独一无二的 Telegram 聊天体验。

FAQ

安卓版下载指南

常见问题

为什么我修改的主题颜色代码不生效?

不生效常见原因有三个:代码名称拼写错误(必须与官方字段一致);颜色格式不正确(应使用 #RRGGBB 六位十六进制);修改的元素被其他代码覆盖(例如修改了 chat_bg 但侧边栏背景仍用 sidebar_bg,需确认对应关系)。另外,修改后需要重新打包并应用主题,且 Telegram 版本不同可能导致部分代码失效。

Telegram 主题颜色代码在手机和电脑上通用吗?

大部分代码是通用的,但移动端(Android/iOS)会额外支持一些字段,例如 status_bar_bg(状态栏背景)、navigation_bar_bg(导航栏背景)等。桌面版则更侧重窗口和侧边栏。建议分别调整,官方主题编辑器会自动适配设备。

如何快速把整个主题调成暗黑色?

你可以使用现成的暗黑主题(在“主题”列表中选择“暗色”),或者手动将主要背景色改为深色系:将 window_bg、sidebar_bg、list_bg、chat_bg 都改为 #1c1c1e,文字改为 #ffffff,再适当调整气泡颜色即可。注意同时修改悬停背景和边框色,避免视觉突兀。