BetterDiscordAddons项目中的DiscordRecolor消息选择颜色自定义指南

在Discord客户端的日常使用中，用户经常需要通过Tab键配合方向键来快速选择和跳转消息。默认情况下，被选中的消息会以蓝色高亮显示。对于使用BetterDiscord插件的用户来说，通过DiscordRecolor功能可以完全自定义这个高亮颜色。

技术实现原理

Discord客户端使用CSS变量来控制界面元素的颜色表现。消息选择高亮效果是由名为--focuscolor的CSS变量控制的。这个变量接受RGB颜色值，格式为三个0-255之间的数字，用逗号分隔。

自定义配置方法

要修改消息选择的高亮颜色，用户需要在BetterDiscord的CSS注入文件中添加以下代码：

:root {
  --focuscolor: 255, 0, 0; /* 这将把高亮颜色改为红色 */
}

其中，RGB数值可以根据个人喜好进行调整。例如：

• 0, 255, 0 表示绿色
• 255, 255, 0 表示黄色
• 0, 0, 0 表示黑色

高级应用技巧

1. 透明度控制：可以通过rgba格式添加透明度

   --focuscolor: 255, 0, 0, 0.5; /* 半透明红色 */
   

2. 主题适配：可以配合暗黑/明亮模式使用不同的颜色

   .theme-dark {
     --focuscolor: 255, 255, 255; /* 暗黑模式下使用白色 */
   }
   .theme-light {
     --focuscolor: 0, 0, 0; /* 明亮模式下使用黑色 */
   }
   

3. 渐变效果：结合transition属性可以添加颜色变化动画

   .message.selected {
     transition: background-color 0.3s ease;
   }
   

注意事项

1. 修改CSS变量后需要重新加载Discord客户端才能生效
2. 某些主题可能会覆盖这些设置，需要检查加载顺序
3. 建议选择与当前主题对比明显的颜色以确保可读性

通过这种简单的CSS变量修改，用户可以轻松地将消息选择高亮颜色调整为任何喜欢的色彩，实现更加个性化的Discord使用体验。