自分仕様のTwitter(2020.7.23現在) #stylus #css

twitter_customize.css

/*緑ベースのUIにする*/
svg.r-13gxpu9.r-4qtqp9.r-yyyyoo.r-16y2uox.r-1q142lx.r-8kz0gk.r-dnmrzs.r-bnwqim.r-1plcrui.r-lrvibr,.r-nw8l94 {
    color: #00BC00;
}

.r-b5skir {
   background-color: #00BC00;
}

/*サイドバーを非表示にする*/
div.css-1dbjc4n.r-aqfbo4.r-zso239.r-1hycxz,.css-1dbjc4n.r-aqfbo4.r-zso239.r-1jocfgc {
    display: none;
}

.r-1ye8kvj,.css-1dbjc4n.r-150rngu.r-16y2uox.r-1wbh5a2.r-1obr2lp,.css-1dbjc4n.r-150rngu.r-16y2uox.r-1wbh5a2.r-rthrr5 {
    max-width: 750px;
}

a.css-4rbku5.css-18t94o4.css-1dbjc4n.r-11mg6pl.r-sdzlij.r-1phboty.r-14f9gny.r-1loqt21.r-1gzrgec.r-cnkkqs.r-zjg7tu.r-mtrfb5.r-1ny4l3l.r-1udh08x.r-o7ynqc.r-6416eg.r-1xce0ei {
    max-height: 128px;
    max-width: 128px;
}

/*一部のボタンを非表示にする*/
form[aria-label="キーワード検索"] {
     display:none;
 }

a[aria-label="ホーム"] {
     display:none;
 }

a[aria-label="ホーム（新しい未読ツイート）"] {
     display:none;
 }

a[aria-label="調べたいものを検索"] {
     display:none;
 }

a[aria-label="ダイレクトメッセージ"] {
     display:none;
 }

/* 右下のメッセージを非表示 */
.css-1dbjc4n.r-173mn98.r-14lw9ot.r-1tlfku8.r-rs99b7.r-1mf7evn.r-hvns9x.r-1jte41z.r-1rttkqs{
    display: none;
}

CSSを適用するためのプラグイン
Stylus :: add0n.com
https://add0n.com/stylus.html

デフォルトの設定だと、Twitterのロゴのみ緑になる。
緑ベースのUIを利用するには、色設定を「ライム」に変更。
※ダークモードでは、Twitterロゴは強制的に白くなる。

2020.7.23

画面右下に「メッセージ」のウインドウが常駐するように。
βテストに当たっただけかもしれないし、今後クラス名とかがすぐ変わる可能性もあるけど、
とりあえず非表示にするコードを追加。

Twitterとのいたちごっこ感。