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。
二、自定义主题颜色:从零开始制作你的专属配色
了解了颜色代码后,你可以通过两种方式自定义主题:手动编辑主题文件,或使用应用内的取色工具(部分版本支持)。下面以桌面版为例,介绍手动编辑的方法。
第一步:获取主题基础文件
- 打开 Telegram 桌面版,点击左上角“汉堡菜单” → “设置” → “聊天设置”(旧版为“高级”)。
- 点击“主题”选项,在列表底部选择“创建主题”(或“编辑现有主题”)。
- 系统会生成一个 .tdesktop-theme 文件,你需要解压它(通常可用压缩软件打开)。
- 解压后,找到一个名为
colors.tdesktop-theme或colors.txt的文件,用记事本打开。
第二步:修改颜色代码
- 用“代码: 新颜色”的格式替换默认值。例如,将
chat_out_bg: #eeffde改为chat_out_bg: #ffcc00即可让发出的消息变成黄色背景。 - 注意大小写无关,但建议统一小写。颜色代码必须为 6 位十六进制,如
#a1b2c3。 - 如果你想使用透明效果,可以添加
alpha属性,例如chat_out_bg alpha: 200(0-255,255为不透明)。
第三步:重新打包并应用
- 修改完毕后,将解压的文件夹重新压缩为 zip 格式,并确保文件扩展名为 .tdesktop-theme(或者直接改后缀)。
- 回到 Telegram 的“主题”设置,点击“从文件加载”,选择你打包好的主题文件。
- 应用后即可实时预览效果,不满意可以继续调整。
三、独家整理: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_bg、sidebar_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 聊天体验。