Skip to content

Instantly share code, notes, and snippets.

@Y-dash
Last active February 19, 2024 04:45
Show Gist options
  • Save Y-dash/6bc973a1fab0134212de4cc47bb6791e to your computer and use it in GitHub Desktop.
Save Y-dash/6bc973a1fab0134212de4cc47bb6791e to your computer and use it in GitHub Desktop.
Twitter用のユーザーCSS。わりと老人会仕様。
/* ツイートを好みのフォントに */
body.ja, .r-gwet1z, .r-1tl8opc, .r-1qd0xha {
/* というかコレは昔のTwitterのフォント */
font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
/* TLのツイートのテキストサイズを好みに */
p.ProfileTweet-text.js-tweet-text.u-dir, .TweetTextSize.js-tweet-text.tweet-text:not(.TweetTextSize--28px), .r-a023e6 {
font-size: 14px;
line-height: 18px;
}
/* ツイート個別ページの文字サイズが小さくなりすぎて違和感なので大きくする */
.r-1inkyih {
font-size: 23px;
line-height: normal;
}
/* 「いいねしたユーザー」の縦広げる */
.r-rsyp9y {
height: calc(100% - 100px);
}
/* サイドバーの「おすすめユーザー」非表示 */
div.css-1dbjc4n.r-1867qdf.r-1phboty.r-rs99b7.r-1ifxtd0.r-1bro5k0.r-1udh08x {
display: none;
}
/* トレンド非表示 */
div.css-1dbjc4n.r-1867qdf.r-1phboty.r-rs99b7.r-1ifxtd0.r-1udh08x:is(.r-g6ijar.r-74htps, .r-g2wdr4.r-14wv3jr, .r-x572qd.r-1d6w8o1) {
display: none;
}
/* 未フォロー時の「フォロー」ボタンを透明地に */
.css-18t94o4.css-1dbjc4n.r-42olwf.r-sdzlij.r-1phboty.r-rs99b7.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr:not(.r-qqmkd0):not(.r-jc7xae):not(.r-12d83nn) {
border-color: rgb(83, 100, 113);
background-color: rgba(0, 0, 0, 0);
}
.css-18t94o4.css-1dbjc4n.r-42olwf.r-sdzlij.r-1phboty.r-rs99b7.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr > .css-901oao.r-1awozwy.r-6koalj.r-18u37iz.r-16y2uox.r-1tl8opc.r-a023e6.r-b88u0q.r-1777fci.r-rjixqe.r-bcqeeo.r-q4m81j.r-qvutc0 {
color: rgb(255, 255, 255);
}
body[data-nightmode="false"] .css-18t94o4.css-1dbjc4n.r-42olwf.r-sdzlij.r-1phboty.r-rs99b7.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr > .css-901oao.r-1awozwy.r-6koalj.r-18u37iz.r-16y2uox.r-1tl8opc.r-a023e6.r-b88u0q.r-1777fci.r-rjixqe.r-bcqeeo.r-q4m81j.r-qvutc0 {
color: rgb(15, 20, 25);
}
/* 既フォロー時の「フォロー中」ボタンを青地に */
.css-18t94o4.css-1dbjc4n.r-sdzlij.r-1phboty.r-rs99b7.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr:not(.r-qqmkd0):not(.r-12d83nn) {
background-color: rgb(29, 161, 242);
}
/* ホームタイムラインとプロフィールタイムラインの「おすすめユーザー」と「おすすめトピック」を非表示 */
:is(div[aria-label$="さんのツイート"], div[aria-label="タイムライン: ホームタイムライン"]) div[data-testid="cellInnerDiv"]:has(:is(
/* 見出し */
div.css-1dbjc4n.r-1wtj0ep.r-1ny4l3l.r-ymttw5.r-1f1sjgu div[class="css-1dbjc4n"],
/* おすすめユーザー */
div[data-testid="UserCell"],
/* おすすめトピック */
section[aria-labelledby^="accessible-list-"],
/* 「さらに表示」「その他のトピック」リンク */
a.css-4rbku5.css-18t94o4.css-1dbjc4n.r-1loqt21.r-1ny4l3l.r-ymttw5.r-1yzf0co.r-o7ynqc.r-6416eg,
/* 区切り線 */
div.css-1dbjc4n.r-kuekak.r-109y4c4.r-1p6iasa
)) {
display: none;
}
/* 個別ツイートの「その他のツイート」を非表示 */
div[aria-label="タイムライン: 会話"] :is(div[data-testid="cellInnerDiv"]:has(h2), div[data-testid="cellInnerDiv"]:has(h2) ~ div[data-testid="cellInnerDiv"]) {
display: none;
}
/* 右下のDM非表示 */
div[data-testid="DMDrawer"] {
display: none;
}
/* 左サイドバーの整理 */
header[role="banner"] :is(
/* 話題を検索を非表示 */
a[data-testid="AppTabBar_Explore_Link"],
/* ブックマークを非表示 */
a[href="/i/bookmarks"],
/* Twitter Blueを非表示 */
a[href="/i/twitter_blue_sign_up"],
/* 認証済みを非表示 */
a[href="/i/verified-choose"],
/* コミュニティノートを非表示 */
a[href="/i/communitynotes"]
) {
display: none;
}
/* 左サイドバーのツイートボタン非表示 */
div:has(> a[data-testid="SideNav_NewTweet_Button"]) {
display: none;
}
/* Blueによるツイートの太字を無効にする */
.r-b88u0q {
font-weight: inherit !important;
}
/* Blueによるツイートのイタリックを無効にする */
.r-36ujnk {
font-style: inherit !important;
}
/* ツイート個別ページでブックマーク数を非表示にする */
div[data-testid="cellInnerDiv"] div[role="group"] > div.css-1dbjc4n:not([role="separator"]):not(:has(a)):not(:has(div[role="button"])) {
display: none !important;
}
/* 犬を鳥に戻す */
path[d="M2.412.974h19.176v22.052H2.412z"] {
d: path("M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z") !important;
fill: inherit !important;
}
/* ハイライトタブを非表示 */
div[role="tablist"][data-testid="ScrollSnap-List"] > div[role="presentation"]:has(> a[href$="/highlights"]) {
display: none;
}
/* アイコンを円に統一する */
div[data-testid^="UserAvatar-Container-"] > div > div > div > div,
div[data-testid^="UserAvatar-Container-"] > div > div > div > div > a > div {
border-radius: 9999px !important;
clip-path: none !important;
overflow: hidden !important;
}
/* アイコンを四角に統一する */
div[data-testid^="UserAvatar-Container-"] > div > div > div > div,
div[data-testid^="UserAvatar-Container-"] > div > div > div > div > a > div {
border-radius: 0 !important;
clip-path: url(#rounded-square-hw-shapeclip-clipconfig) !important;
}
/* タイムラインのインプレッションを非表示にする */
div.css-1dbjc4n.r-18u37iz.r-1h0z5md:has(a[href$="/analytics"]) {
display: none !important;
}
/* ツイート個別ページでインプレッションを非表示にする */
div[dir="ltr"]:has(> span.css-901oao.css-16my406.r-1tl8opc.r-bcqeeo.r-qvutc0 span[data-testid="app-text-transition-container"]) {
display: none !important;
}
/* ツイート個別ページインプレッション前の区切り点を非表示にする */
div[dir="ltr"][aria-hidden="true"]:has(+ div[dir="ltr"] > span.css-901oao.css-16my406.r-1tl8opc.r-bcqeeo.r-qvutc0 span[data-testid="app-text-transition-container"]) {
display: none !important;
}
/* Xロゴを鳥ロゴに戻す */
path[d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"] {
d: path("M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z") !important;
fill: inherit !important;
}
/* タイムラインやフォロー欄などのチェックマーク全種非表示 */
div[dir="ltr"]:has(> span > svg[data-testid="icon-verified"]) {
display: none;
}
/* タイムラインやフォロー欄などのチェックマークのうち青のみ非表示 */
div[dir="ltr"]:has(> span > svg.r-1cvl2hr[data-testid="icon-verified"]) {
display: none;
}
/* ユーザーページのチェックマーク全種非表示 */
span:has(> span > div > div[role="button"] > svg[data-testid="icon-verified"]) {
display: none;
}
span:has(> span > svg[data-testid="icon-verified"]) {
display: none;
}
/* ユーザーページのチェックマークのうち青のみ非表示 */
span:has(> span > div > div[role="button"] > svg.r-1cvl2hr[data-testid="icon-verified"]) {
display: none;
}
span:has(> span > svg.r-1cvl2hr[data-testid="icon-verified"]) {
display: none;
}
/* 「おすすめ」タブを非表示にする */
div[role="tablist"] div[role="presentation"]:has(a[href="/home"]):nth-child(1) {
display: none !important;
}
/* 「おすすめ」が選択されてしまっているときのみ「おすすめ」タブを表示する */
/* ※ 直上のやつと併用で機能 */
div[role="tablist"] div[role="presentation"]:has(a[href="/home"][aria-selected="true"]):nth-child(1) {
display: flex !important;
}
/* タブメニューの上にある「ホーム」を非表示にする */
div[data-testid="primaryColumn"]:has(a[href="/home"][role="tab"]) div.css-1dbjc4n.r-1loqt21.r-136ojw6 {
display: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment