Twitterの新プロフィール画面用のユーザースタイルシート

意図不明なデザイン変更は勘弁しておくれってばさorz

Twitterがまたまたデザインをいじってきて、今度はプロフィール画面が大きく変わった。

でも、作り込みが甘いもんだから、横スクロールは出てるわ、フォントサイズ(文字の大きさ)をよくわからない理由で大きくしたり太くしたりしているわ、で甚だ見にくいorz

そこで、ユーザースタイルシートを書いて上書きしてみた。

Stylishならばそのままコピペして「Twitter用」とか適当に名前をつけて保存すればOK。 それ以外でも@-moz-documentの中身だけ取り出せば普通のユーザースタイルシートとして使える(はず)。

あ、そいえば、Chromeはもうユーザースタイルシートを使えないんだっけ…

2017年3月時点のスタイルにあわせて書き換え


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("twitter.com") {
/* フォントサイズとフォントウェイトを通常のツイートと同様に表示 */
.TweetTextSize.TweetTextSize--26px,
.TweetTextSize.TweetTextSize--16px {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
/* 検索メモのドロップダウンリストにスクロールバーを追加 */
.dropdown-inner {
    max-height: calc(100vh - 70px);
    overflow: auto;
}
/* プロフィールアイコンを丸から四角に変更 */
.nav .session .dropdown-toggle,
.nav .session .dropdown-toggle::before,
.Avatar--circle {
  border-radius: 0;
}
}

"Twitterの新プロフィール画面用のユーザースタイルシート"へのTwitter上でのコメントやRT

11件のツイートがあります。

ツイート 1

ツイート 2

ツイート 3

ツイート 4

ツイート 5

ツイート 6

ツイート 7

ツイート 8

ツイート 9

ツイート 10

ツイート 11