DiscordApp 的自定义 CSS 代码答案

【问题标题】：custom CSS code for DiscordAppDiscordApp 的自定义 CSS 代码
【发布时间】：2017-08-18 20:12:50
【问题描述】：

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

【问题讨论】：

如果有机会，您是否介意查看我在superuser.com/questions/1030214/… 上的答案，并通过检查我答案左侧的小复选标记告诉我它是否值得实际接受？

【解决方案1】：

要将自定义 CSS 和 JS 注入 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 并激活您的主题（如果您还没有的话）

如果您想快速试用主题或 Javascript，请按 Ctrl + Shift + I 键码。它将打开 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

注意：安装非官方的第三方工具或软件可能会使您容易受到黑客攻击、泄密和其他安全问题。

【讨论】：