色変更に未対応

スクロールバー

  • ::-webkit-scrollbar-thumb つまみ
    • light: #
    • dark: #313543
  • ::-webkit-scrollbar-thumb:hover つまみにマウスオーバーした時
    • light: #
    • dark: #353a49
  • ::-webkit-scrollbar-thumb:active つまみをクリックした時
    • light: #
    • dark: #313543
  • ::-webkit-scrollbar-track 背景
    • light: #
    • dark: rgba(0,0,0,.1)
  • ::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover
    背景にホバーした時(クリックした時はつまみがそこまで移動するので実質無視)
    • light: #
    • dark: #282c37

全体

  • .ui__header width: 1172px以下のヘッダー (v4.0.0+)
    v3までの .tabs-bar.column-area__panels__pane に置き換わって投稿ボタンなどがこっちにまとめられた
    • light: #d9e1e8
    • dark: #282c37

カラムヘッダー

  • .column-header__collapsible-inner 設定 !2 (merged)
    • light: #e6ebf0
    • dark: #393f4f
  • .column-back-button ピン留め出来ないカラムのヘッダ !1 (merged)
    • light: #fff
    • dark: #313543

カラム

  • .empty-column-indicator 表示するものがないカラム !1 (merged)
    • light: #fff
    • dark: #282c37
  • .error-column 不明。.empty-column-indicatorと共通して指定されている
    • light: #fff
    • dark: #282c37
  • .compose-panel .server-banner サーバーの短い説明と情報 (v4.0.0+)
  • .compose-panel .flex-spacer 説明とリンクの隙間 (v4.0.0+)
    • transparent
  • .compose-panel .link-footer 各種リンク (v4.0.0+)

検索

  • .search__input 検索欄
    • light: #
    • dark: #282c37
  • .trends__header ユーザーレコメンデーションヘッダ
    • light: #
    • dark: #2c313d
  • .search-results__header ヘッダ
    • light: #
    • dark: #2c313d
  • .search-results__section h5 カテゴリ
    • light: #
    • dark: #1f232b
  • .drawer__inner.darker 使われてるのは検索結果の背景のみだと思う
    • light: #
    • dark: #282c37

リスト !1 (merged)

  • .column-subheading カラムリンクのカテゴリ。Getting Startedに使ってるものをそのまま流用できるはず
    • light: #
    • dark: #282c37
  • .column-link カラムリンク。Getting Startedに使ってるものをそのまま流用できるはず
    • light: #
    • dark: #393f4f
  • .column-inline-form リスト作成フォーム
    • light: #fff
    • dark: #313543

ディレクトリ

  • .filter-form フィルター
    • light: #fff
    • dark: #282c37
  • .account-card アカウント
    • light: #c0cdd9
    • dark: #393f4f
  • .account-card__header > img ヘッダー画像背景色
    • light: #f2f5f7
    • dark: #17191f
  • .account-card__bio::after bioフェードアウトグラデーション

ダイレクトメッセージ

  • .conversation:focus 投稿
    • light: #
    • dark: #2c313d
  • .conversation--unread 未読
    • light: #d3dce4
    • dark: #2c313d
  • .conversation:focus 未読フォーカス
    • light: #
    • dark: #313543

投稿

  • .status-card:hover リンクカード
    • light: #
    • dark: #393f4f
  • .status-card.compact:hover リンクカード
    • light: #
    • dark: #313543
  • .status-card__image リンクカード画像
    • light: #
    • dark: #393f4f
Edited by kPherox