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

2020 1/14
discord 背景

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

目次

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

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

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

Discordのテーマを変える方法

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

  • GitHubで探す。
GitHub
Build software better, together
Build software better, togetherGitHub is where people build software. More than 40 million people use GitHub to discover, fork, and contribute to over 100 million projects.
  • BetterDiscordのサーバーに参加して探す。
Discord
Join the BetterDiscord Discord Server!
Join the BetterDiscord Discord Server!Check out the BetterDiscord community on Discord - hang out with 23,798 other members and enjoy free voice and text chat.
  • Discord Theme Generatorで作る。
https://codedotspectra.github.io/themegen/neutronx.html
  • Custom CSSで作る。

B)の公式サーバーはたまに落ちてて、C)とD)は自分好みに作れるけど知識と手間が必要です。
今回はGitHubでテーマを探してみます。

Discordのテーマを変える方法(GitHub編)

STEP
GitHubで「discord theme」などで検索します。
今回はMost starsでソートして上の方に有ったClearVisionを使ってみます。
STEP
「Clone or download」から「Download ZIP」でDLして解凍します。
betterdiscord clearvision
STEP
解凍してできたフォルダをBetterDiscordのthemesフォルダに入れます。
使いたい.cssファイルは直下に置きます。
Discord theme

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

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

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

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

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

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

Discordの背景を変える方法

STEP
背景にしたい画像のURLを取得します。
楽なのはDiscordに貼り付けて右クリックメニューから「リンクをコピー」です。
Discord 背景
STEP
適用させたテーマの.cssファイルをメモ帳などで開いて、背景画像に指定されているURLと差し替えます。
今回使ったClearVisionのテーマはわかりやすかったです。
discord 背景
STEP
.cssファイルを上書き保存すると自動で変わると思います。
discord 背景

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

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

目次