css - DiscordApp 的自定义 CSS 代码

Question

我只需要一些自定义 CSS 代码来更改我在名为 DiscordApp 的应用程序上的聊天文本，

• 自动滚动到页面底部
• 自定义文字大小
• 自定义头像文本 channel 大小

Link to DiscordApp

Link to Example CSS sheet for a random Theme

Answer 1

要将自定义 CSS 和 JS 注入(inject) Discord，您需要第三方插件，例如 BetterDiscord

对于 BetterDiscord 的情况，您必须关注他们的 tutorial对于 CSS 更改。您还可以深入了解设置并将其直接添加到自定义 CSS 中。

---

TLDR

使用 META 标签和 CSS 创建一个 MyCSS.theme.css 文件

//META{"name":"My custom CSSScript","description":"Mine.","author":"Me","version":"1.0"}*//{}
.my-css-class{
  /*Example...*/
}

将此文件保存到 %AppData%\BetterDiscord\themes

使用 Ctrl+R 重新加载 Discord 并激活你的主题，如果你还没有的话

If you want to quickly try out themes or Javascript, hit the Ctrl + Shift + I keycodes. It'll open the developer tools of Discord

---

Auto Scroll To bottom of Page 虽然听起来更像是一个 JS 函数，但您可以通过创建至少包含一个 scrollToBottom.plugin.js 文件来轻松实现它

//META{"name":"ScrollDown"}*//
window.scrollTo(0,document.body.scrollHeight);

该功能位于您放置在屏幕上的按钮内。 Discord 支持 jQuery，因此甚至不需要纯 javascript。

添加 javascript 插件的步骤大致相同，但在 plugins 文件夹内，它们称为 MyPlugin.plugin.js

Note: installing unofficial third party tools or software might leave you prone to hacks, leaks and other security issues.