如何开启Slack桌面端夜间模式？及网页主题迁移至桌面端的技巧

一、快速开启夜间模式 #

我自己日常用Slack的时候经常切换夜间模式，步骤特别简单，跟着来就行：

• 打开Slack桌面客户端，点击左上角带团队图标的工作区名称
• 在弹出的下拉菜单里选择Preferences（偏好设置）
• 进入设置界面后，左侧选Themes（主题）标签页
• 找到Dark mode的开关，点击开启就能切换到夜间模式啦
• 要是想让Slack跟着系统的深色模式自动切换，勾选下面的Match system theme选项就可以，完全不用手动来回调，超省心

二、桌面端应用自定义主题（类似Stylish的效果） #

Stylish上的Slack主题其实都是自定义CSS代码，要在桌面端用上这些主题，得把代码注入到Slack客户端里，我整理了两个实用方法：

方法1：手动修改Slack文件（适合愿意折腾的朋友） #

这个方法是直接修改Slack的核心文件，亲测有效：

• 先找到Slack的资源文件：
  • macOS用户：打开Finder，按Cmd + Shift + G，输入~/Library/Application Support/Slack，找到resources文件夹里的app.asar（这是个压缩包，需要用asar工具解压，先装Node.js，再用npm install -g asar命令安装asar）
  • Windows用户：一般在C:\Users\你的用户名\AppData\Local\slack\app-xxx（版本号）\resources里找到app.asar
• 用asar extract app.asar 解压后的文件夹命令解压文件，然后找到src/static/ssb-interop.js并打开
• 在文件末尾添加这段代码（把括号里的内容换成你找到的主题CSS）：

  document.addEventListener('DOMContentLoaded', function() {
    /* 这里粘贴你从Stylish类平台找到的Slack主题CSS代码 */
  });
  

• 用asar pack 解压后的文件夹 app.asar重新打包，重启Slack就能看到新主题了

方法2：用工具辅助（懒人友好） #

不想手动改文件的话，可以用专门的Slack主题注入工具，这类工具会帮你自动处理代码注入的流程：

• 找正规渠道下载类似Slack Theme Customizer的工具，打开后把复制好的主题CSS代码粘贴进去，点击应用就搞定
• 也可以找社区里现成的加载脚本，把主题代码存成.css文件，用脚本自动加载到Slack里

小提醒 #

• Slack每次更新后，修改的文件可能会被覆盖，记得备份好你的自定义CSS代码，更新后重新注入就行
• 选主题的时候优先挑标注了“兼容桌面端”的，避免出现按钮错位、文字看不清的情况

内容的提问来源于stack exchange，提问作者lacostenycoder