Last active
November 28, 2021 07:28
-
-
Save t-asa2000/fb9a6b517eaf75d4945e4ad88b4550ed to your computer and use it in GitHub Desktop.
自分仕様のTwitter(2020.7.23現在) #stylus #css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*緑ベースの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; | |
} |
デフォルトの設定だと、Twitterのロゴのみ緑になる。
緑ベースのUIを利用するには、色設定を「ライム」に変更。
※ダークモードでは、Twitterロゴは強制的に白くなる。
2020.7.23
画面右下に「メッセージ」のウインドウが常駐するように。
βテストに当たっただけかもしれないし、今後クラス名とかがすぐ変わる可能性もあるけど、
とりあえず非表示にするコードを追加。
Twitterとのいたちごっこ感。
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
CSSを適用するためのプラグイン
Stylus :: add0n.com
https://add0n.com/stylus.html