TweetDeck向けのカスタムCSS

TweetDeck向けのカスタムCSS

TweetDeck向けのカスタムCSSを公開してみます。




デフォルトでもいいのですが、カラムが増えていくと横幅がなかなかきつくなってきたりします。

通常はここで「BetterTweetDeck」を使うのですが、拡張機能入れるほどでもないし、最近妙な権限を要求してきたりと少し怪しくなったので自分で書いてみました。



/* コラム幅 */
.is-narrow-columns .column {
    width: 240px;
    margin-right: 3px;
}
/* コラムヘッダーフォント調整 */
span.column-head-title{
    font-size:18px!important;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 rgba(0, 0, 0, .08)!important;
}
/* コラムのアカウント非表示 */
.column-title .attribution {
    display:none;
}
/* コラムヘッダー高さ */
.column-header, .column-header-temp {
    height: 40px;
    padding: 0 4px;
}
/* 検索 */
.column-title-edit-box {
    background-color: #eaeaea;
}
/* コラムヘッダーアイコン */
.column-type-icon {
    font-size: 16px;
    width: 18px;
    height: 18px;
}
/* 各コラムスクロールバー */
::-webkit-scrollbar{
width:4px!important;
}
.item-box {
    padding: 4px 6px;
}
/* 1ツイートのpadding */
.tweet {
    padding-left: 40px;
    line-height: 1.28578em;
}
/* 1ツイートのアイコン位置 */
.tweet-context, .tweet-img {
    margin-left: -42px;
}
/* 会話部分のサムネイル */
img.tweet-avatar {
margin-left: 0px!important;
}



/* 1ツイートのアイコンサイズと丸め */
.avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
/* hoverで現れる機能アイコンの色 */
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action, .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action, .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action {
    color: #fff;
}
/* 1ツイートのユーザー名色サイズ調整 */
.account-inline .fullname, .account-inline .username {
    color:#597;
    font-weight:normal!important;
    font-size:10px;
}

/* 全体フォント調整 */
* {
    font-family: "Helvetica","Meiryo UI" ! important;
    -webkit-text-stroke-width: 0.1px!important;
    text-shadow: 0 0 0.15px rgba(51, 51, 51, 0.5)!important;
    letter-spacing: -0.01em!important;
}

今のところ、これで満足できていますが、少しずつ変更するかもしれません。

いちおうコメントを打っておいたので、各自見やすいように変更していただけたらと思います。


なおStylus上での設定は、

「次で始まるURL：https://tweetdeck.twitter.com/」

で大丈夫です。あとは適当に「TweetDeck」などと名前をつけて保存して適用しましょう。