disco-ray

オーバーレイを、
自分の配信の色に。

Discord Reactive のオーバーレイを、色・透明度・角丸・フォントで調整。 仕上がりは1行の @import になるので、OBS に入れる作業はそれだけです。

PREVIEW
disco-ray で色とフォントを変えたオーバーレイの見本
/default/green/zenmaru/ 4 members

変えられるのは、4つ

どれも URL のパスだけで指定できます。設定画面もアカウントも要りません。

色

アイコンのリング色。単色を渡すと、光沢のある4段グラデに展開されます。12色のプリセット名か、6桁の16進で。

透明度

リングと名前の帯を個別に透かせます。背景が明るいシーンでも文字が沈みません。

角丸

0%(四角)から50%(正円)まで。リングとアイコンが同じ半径で揃います。

あ
フォント

丸ゴシック、極太、ドット、手書き風など8種類。名前の帯のサイズも一緒に変えられます。

導入手順

Reactive のカスタム CSS に1行足すだけ。元に戻したいときは、その行を消します。

Reactive のカスタムソースを開く

reactive.fugi.tech のダッシュボードで、使っているカスタムソースの設定画面へ進みます。

カスタム CSS に1行貼る

テーマの URL を @import で読み込みます。

@import url("https://disco-ray.uwd.jp/default/green/zenmaru/");

OBS のブラウザソースを再読み込み

プロパティの「現在のページのキャッシュを更新」を押すと反映されます。

プリセット

そのまま使える組み合わせ。クリックすると CSS が開きます。

自分で調整する

よくある質問

Reactive のアカウントや追加のソフトは必要ですか?

いいえ。Reactive のカスタム CSS に1行貼るだけで、disco-ray 側の登録は要りません。

元に戻せますか?

貼った行を消せば元の見た目に戻ります。disco-ray は CSS を返すだけで、Reactive の設定を書き換えることはありません。

自分のアイコンだけサイズが合わないことがあります。

Reactive はメンバーごとにアスペクト比を持っています。disco-ray のテーマは全員を同じサイズに固定するので、縦長の立ち絵でも崩れません。

配信で使ってもいいですか?

はい。ただし個人が運営する非公式ツールなので、Discord, Inc. および FugiTech とは関係ありません。自己責任でお使いください。

色を細かく指定したい。

色の部分は6桁の16進でも書けます。例: /default/22c55e/zenmaru/。グラデの各段を個別に指定したい場合は c1- 〜 c4- を使います。