2
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

posted at

betterdiscordを入れてテーマや背景を設定する

betterdiscordを入れて背景を変えてみた。

betterdiscordとは

discordのアプリを拡張させるものでインストールするとテーマを入れたり背景画像を設定したり
プラグインを入れたりといろいろとできるようです。

discordのアプリが既にインストールされていることが前提となります。

インストール

ここから自分のOSのものをダウンロードします。(僕はWin10です。)

クリックしてインストールを進める。

image.png

インストール終了後、自分のアカウントの設定ボタン(歯車マーク)を押してbetterdiscordの
設定項目がでてくればおk。

テーマの適用

ここから好きなものを選びます。
betterdiscord theme でググってもいいでしょう。

NotAnotherAnimeThemeを選んでみました
https://github.com/WhatDaPuck/NotAnotherAnimeTheme

適当なフォルダにcloneします。

>git clone https://github.com/WhatDaPuck/NotAnotherAnimeTheme.git

歯車マークを押してbetterdiscordの設定からThemes → Open Theme Folder と進みます。

2018_0303.png

エクスプローラーが開いたら、さっきcloneしてきたthemeファイルをドラッグ&ドロップで
放り込みます。

2018_0303_1.PNG

Ctrl+rを押してdiscordのアプリを開き直します。
THEMESをチェックを入れると反映されます。

2018_0303_2.png

画像の差し替え

こちらの方によると制約があって画像をBase64変換して埋め込むそうです。

こちらで背景にセットしたい画像をBase64変換します。
変換した値を先ほど読み込ませたテーマのcssファイルに貼り付けます。

image.png

再読み込みしてしばらくすると背景画像がセットされます。

無題1.png

会社で開くと即死するように設定できました。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
2
Help us understand the problem. What are the problem?