![見出し画像](https://assets.st-note.com/production/uploads/images/92180703/rectangle_large_type_2_c961fe87e9576707d25e4e91ef58f78c.jpeg?width=1200)
BetterDiscordのカスタムCSS
BetterDiscordを使って、ニトロなどのいらない部分を非表示にするCSSです。
![](https://assets.st-note.com/img/1669647867507-i4goPZxg5b.jpg?width=1200)
設定のカスタムCSSにコピペして、赤く囲んだところをクリックすればOK
![](https://assets.st-note.com/img/1669646847732-xnmsmzatlm.jpg?width=1200)
フレンド下のNitro
/* Nitro */
a[href="/store"] {
display: none;
}
/* フレンドリクエスト */
a[href="/message-requests"] {
display: none;
}
/* snowsgiving */
a[href="//discord.com/snowsgiving"] {
display: none;
}
公開サーバーを探す
.tutorialContainer-2jwoiB + div{
display: none;
}
![](https://assets.st-note.com/img/1669647052058-Y6SAfDszId.jpg?width=1200)
ニトロギフトやGIFなど
/* ニトロギフト */
button[aria-label="ギフトを贈る"] {
display: none;
}
/* GIF */
button[aria-label="GIFピッカーを開く"] {
display: none;
}
/* スタンプピッカー */
button[aria-label="スタンプピッカーを開く"] {
display: none;
}
/* スタンプピッカーポップアップ */
.da-channelTextArea > .container-JHR0NT {
display: none;
}
/* 絵文字を選択 */
button[aria-label="絵文字を選択"] {
display: none;
}
![](https://assets.st-note.com/img/1669647326842-T56uRY5dgJ.jpg?width=1200)
BetterDiscordの設定を一番上に持ってくる
.side-1lrxIh>:where(.bd-sidebar-header,[class*=-tab],[class*=-tab]+.separator-2N511j) {
order: -1;
}
請求設定(Nitro)
[aria-label="接続"] + div + .separator-2N511j ,
[aria-label="接続"] + div + .separator-2N511j + .header-2F5_LB,
[aria-label="Nitro"],
[aria-label="Nitro"] + div,
[aria-label="Nitro"] + div + div,
[aria-label="Nitro"] + div + div + div,
[aria-label="Nitro"] + div + div + div + div{
display:none;
}
![](https://assets.st-note.com/img/1669647483932-nFaJZaZmIB.jpg?width=1200)
ユーザー設定 > プロフィールの「Nitroをお試し」
.premiumFeatureBorder-1i95si{
display: none;
}
BetterDiscordサーバーの「css-snippets」にこういったCSSが転がってます。