BetterDiscordでテーマや背景を変えてみた

BetterDiscordを使ってDiscordのテーマや背景を変えてみました。
たくさんあるから試すだけでも楽しいです。

Discordのテーマや背景を変える前に

Discordのテーマを変えるためにはBetterDiscordという非公式の拡張版が必要になります。
非公式なので気をつけておかないといけない点なども有ります。

あわせて読みたい

BetterDiscordを使ってみた Discordのテーマを変えたいと思ったのでBetterDiscordを使ってみました。色々なテーマが有るので見てるだけでも楽しかったです。

Discordのテーマを変える方法

テーマを変える方法はざっくり4種類あります。

1. GitHubで探す。

GitHub

GitHub · Build and ship software on a single, collaborative platform Join the world’s most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build softwa…

2. BetterDiscordのサーバーに参加して探す。

Discord

Join the BetterDiscord Discord Server! BetterDiscord, the Discord enhancement project. | 110973 members

3. Discord Theme GeneratorやCustom CSSを使って自作する。

ttps://codedotspectra.github.io/themegen/neutronx.html

4. その他サイトで公開されているテーマを使う

今回はGitHubでテーマを探します。

Discordのテーマを変える方法（GitHub編）

STEP

GitHubで「discord theme」などで検索します。
今回はMost starsでソートして上の方に有ったClearVisionを使ってみます。

GitHub

GitHub – ClearVision/ClearVision-v5: Automatically updating, easily customizable Theme for Discord. Automatically updating, easily customizable Theme for Discord. – ClearVision/ClearVision-v5

他にもこれとか良さそうでした。色々見てみてください。

GitHub

GitHub – puckzxz/NotAnotherAnimeTheme: A easily customizable and automatically updating theme for Di… A easily customizable and automatically updating theme for Discord – puckzxz/NotAnotherAnimeTheme

STEP

「Clone or download」から「Download ZIP」でDLして解凍します。

STEP

解凍してできたフォルダをBetterDiscordのthemesフォルダに入れます。
使いたい.cssファイルは直下に置きます。

デフォルトだとディレクトリはこんな感じです。
C:/Users/(user名)/AppData/Roaming/BetterDiscord/themes

AppDataは隠しファイルになってるので、表示されないかもしれないです。
ショートカットメニューから隠しファイルに✓を入れるとOKです。

STEP

Discordを起動して「ユーザー設定」の歯車から「BANDAGED BD」の「Themes」でリストアップされていると思います。

反映しない場合は「BetterDiscord」→「Settings」→「Automatic Loading」に✓が入っていないとかだと思います。✓を入れるとか再起動するとかでOKです。

STEP

任意のものを選ぶと自動で変わります。

テーマを変える方法は以上です。
Discord公式サーバーで探す場合も、テーマファイルの.cssファイルをDLさせてもらったら同じ手順でOKです。

Discordの背景を変える方法

STEP

背景にしたい画像のURLを取得します。
楽なのはDiscordに貼り付けて右クリックメニューから「リンクをコピー」です。

STEP

適用させたテーマの.cssファイルをメモ帳などで開いて、背景画像に指定されているURLと差し替えます。
今回使ったClearVisionのテーマはわかりやすかったです。

STEP

.cssファイルを上書き保存すると自動で変わると思います。

反映しない場合は「BetterDiscord」→「Settings」→「Automatic Loading」に✓が入っていないとかだと思います。✓を入れるとか再起動するとかでOKです。

背景を変える方法は以上です。
設定お疲れさまでした！