如何为slack安装(非官方)暗模式

Slack仍然没有暗模式。它们有深色的主题,但它们只允许您自定义侧边栏的颜色,使主窗口保持白色。随着macosmojave和windows10上全系统黑暗模式的发布,Slack感觉非常不合时宜。...

Slack仍然没有暗模式。它们有深色的主题,但它们只允许您自定义侧边栏的颜色,使主窗口保持白色。随着maco**ojave和windows10上全系统黑暗模式的发布,Slack感觉非常不合时宜。

这种方法是非官方的,涉及到在源文件中挖掘松弛。这是相当容易做到的,但由于它将被覆盖,每次你更新,你将不得不这样做多次。

下载主题

因为Slack是在Electron上运行的,Electron是一个开发桌面的框架节点.js应用程序,你可以编辑它的样式,就像编辑网站的CSS一样。但是Slack的CSS文件隐藏在源代码中,因此您必须加载自己的主题。

最流行的真正的黑暗模式主题是slack black theme by Widget。由于Electron跨平台共享代码,这个主题也适用于Windows和Linux。不过,我们发现macOS Mojave的主题有一些问题,所以如果它不起作用,那么你可以试试这个fork,它说它只在macOS上起作用,但也可能对Windows用户起作用。

修补松弛

如何为slack安装(非官方)暗模式

这一部分,你将不得不再次做每一次松弛更新。在macOS上,您可以通过右键单击应用程序本身并选择“显示包内容”来访问Slack的源目录。在Windows上,您可以在~\AppData\Local\slack\找到它。

然后,将几个文件夹向下导航到资源/app.asar.unpacked/src/static/. 你会想找到s**的-互操作.js文件,您将在其中编辑代码。确保Slack已关闭,在您喜爱的文本编辑器中打开该文件,然后滚动到底部:

如何为slack安装(非官方)暗模式

在s**的最末端复制并粘贴以下代码-互操作.js文件:

// First make sure the wrapper app is loaded document.addEventListener("DOMContentLoaded", function() { // Then get its webviews let webviews = document.querySelectorAll(".TeamView webview"); // Fetch our CSS in parallel ahead of time c***t cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; let cssPromise = fetch(cssPath).then(resp***e => resp***e.text()); let customCustomCSS = ` :root { /* Modify these to change your theme colors: */ --primary: #09F; --text: #CCC; --background: #080808; --background-elevated: #222; } ` // Insert a style tag into the wrapper view cssPromise.then(css => { let s = document.createElement('style'); s.type = 'text/css'; s.innerHTML = css + customCustomCSS; document.head.appendChild(s); }); // Wait for each webview to load webviews.forEach(webview => { webview.addEventListener('ipc-message', message => { if (message.channel == 'didFinishLoading') // Finally add the CSS into the webview cssPromise.then(css => { let script = ` let s = document.createElement('style'); s.type = 'text/css'; s.id = 'slack-custom-css'; s.innerHTML = \`${css + customCustomCSS}\`; document.head.appendChild(s); ` webview.executeJavaScript(script); }) }); }); });

您可能希望复制此文件并将其保存在其他位置,这样就不必每次都编辑代码。这样,您只需将其拖到目录中即可覆盖最新版本:

如何为slack安装(非官方)暗模式

完成后,重新打开Slack,几秒钟后黑暗模式就会启动。加载屏幕仍为白色,但主应用程序窗口将与系统的其余部分更好地融合:

如何为slack安装(非官方)暗模式

添加自己的主题

如果你不喜欢它的外观,你可以编辑任何样式的CSS你想要的。所有这些代码都是从https://cdn.rawgit.com/widget--/slack-black-theme/master/custom.css;您可以下载该文件,用您的更改对其进行编辑,并用您自己的代码替换URL。保存并重新启动Slack,您的更改将可见。如果你不知道CSS,或者只是想做一个小的改变,在加载CSS之前有四个颜色变量,所以你可以用你自己的颜色来编辑它们。

  • 发表于 2021-04-04 08:33
  • 阅读 ( 132 )
  • 分类:互联网

你可能感兴趣的文章

如何为孩子们安装安卓手机或平板电脑:给孩子们的6个关键提示

每个孩子都想要自己的智能**或平板电脑,现在他们的第一台设备越来越年轻。如果这让你作为家长感到紧张,别担心。有很多设置和工具,可以确保您的孩子使用**安全。即使你不能直接监督他们,他们也能给你控制权。 ...

  • 发布于 2021-03-13 21:27
  • 阅读 ( 363 )

如何在firefox、chrome、opera和edge中启用暗模式

... 为Chrome或Firefox安装Dark Reader。安装扩展后,黑暗阅读器扩展将激活,帮助页将自动打开。要配置扩展,请单击工具栏上的深色读取器图标。 ...

  • 发布于 2021-03-23 13:45
  • 阅读 ( 290 )

salesforce以277亿美元收购workplace app slack

...间和金钱使用它们。大多数软件许可也转向了软件即服务模式,这将Slack很好地与Salesforce模式结合起来。 ...

  • 发布于 2021-03-29 06:36
  • 阅读 ( 185 )

如何为空闲通知使用自定义声音

Slack允许您在收到直接消息或提及时从各种通知声音中进行选择。但是,默认情况下,您不能添加自己的声音。幸运的是,有一种方法可以在Slack中使用自定义通知声音。 在Windows 10 PC或Mac上安装Slack应用程序时,它会将其通知...

  • 发布于 2021-03-31 10:47
  • 阅读 ( 243 )

如何为开始菜单选择自定义颜色

从2020年10月的更新开始,windows10现在默认为一个浅色主题,从任务栏和“开始”菜单中去除强调色。如果您想为“开始”菜单选择自定义颜色,有一种简单的方法可以在“设置”中进行选择。下面是方法。 首先,打开“开始”...

  • 发布于 2021-04-01 10:36
  • 阅读 ( 213 )

最终指南,使黑暗模式无处不在

我们是黑暗模式的超级粉丝,所以我们写了很多关于如何在各种应用程序、浏览器和操作系统中使用它的文章。为了您的方便,这里的一切您可以切换到黑暗模式,以及如何做到这一点,都在一个地方。 操作系统 马科斯 苹果...

  • 发布于 2021-04-02 19:47
  • 阅读 ( 213 )

10种个性化你的slack帐户的方法

...项卡,应用程序将在其中自动下载。单击“保存文件”将安装程序保存到默认下载位置。 我们正在安装Windows版本,但在Mac上是相同的过程。转到下载文件夹并运行SlackSetup.exe文件以在客户端上安装Slack。 要将免费应用程序添加...

  • 发布于 2021-04-02 22:02
  • 阅读 ( 156 )

浏览器给网站带来了自动暗模式

黑暗模式现在无处不在,包括iOS13和Android 10。像Chrome、Firefox、Safari和Edge这样的浏览器也采用了暗模式。现在,由于一个名为prefers color scheme的功能,浏览器正在为网站带来自动暗模式。 网站现在可以像应用程序一样检测黑暗...

  • 发布于 2021-04-03 03:55
  • 阅读 ( 218 )

桌面和网络的松弛得到一个黑暗的模式下面是如何启用它

Slack在推出Android、iPhone和iPad几个月后,将黑暗模式引入了Windows、macOS和Linux上的桌面和web应用程序。主题是黑白相间的混合文本,使其在整个工作日都易于阅读。 在编写本文时,Slack声明必须手动启用暗模式。在将来的更新中...

  • 发布于 2021-04-03 04:16
  • 阅读 ( 146 )

如何在中启用暗模式outlook.com

...此按钮在浅色和深色之间切换电子邮件正文。 相关:如何为Gmail启用暗模式 如果你使用Outlook客户端,你也可以打开黑暗模式,以及其他Office应用程序。然而,如果你想在你的办公移动应用程序黑暗模式,那么目前你的运气。最...

  • 发布于 2021-04-03 08:21
  • 阅读 ( 160 )
xbr70362
xbr70362

0 篇文章

相关推荐