色変更に未対応
スクロールバー
-
::-webkit-scrollbar-thumbつまみ- light:
# - dark:
#313543
- light:
-
::-webkit-scrollbar-thumb:hoverつまみにマウスオーバーした時- light:
# - dark:
#353a49
- light:
-
::-webkit-scrollbar-thumb:activeつまみをクリックした時- light:
# - dark:
#313543
- light:
-
::-webkit-scrollbar-track背景- light:
# - dark:
rgba(0,0,0,.1)
- light:
-
::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover
背景にホバーした時(クリックした時はつまみがそこまで移動するので実質無視)- light:
# - dark:
#282c37
- light:
全体
-
.ui__headerwidth: 1172px以下のヘッダー (v4.0.0+)
v3までの.tabs-barが.column-area__panels__paneに置き換わって投稿ボタンなどがこっちにまとめられた- light:
#d9e1e8 - dark:
#282c37
- light:
カラムヘッダー
-
.column-header__collapsible-inner設定 !2 (merged)- light:
#e6ebf0 - dark:
#393f4f
- light:
-
.column-back-buttonピン留め出来ないカラムのヘッダ !1 (merged)- light:
#fff - dark:
#313543
- light:
カラム
-
.empty-column-indicator表示するものがないカラム !1 (merged)- light:
#fff - dark:
#282c37
- light:
-
.error-column不明。.empty-column-indicatorと共通して指定されている- light:
#fff - dark:
#282c37
- light:
-
.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
- light:
-
.trends__headerユーザーレコメンデーションヘッダ- light:
# - dark:
#2c313d
- light:
-
.search-results__headerヘッダ- light:
# - dark:
#2c313d
- light:
-
.search-results__section h5カテゴリ- light:
# - dark:
#1f232b
- light:
-
.drawer__inner.darker使われてるのは検索結果の背景のみだと思う- light:
# - dark:
#282c37
- light:
リスト !1 (merged)
-
.column-subheadingカラムリンクのカテゴリ。Getting Startedに使ってるものをそのまま流用できるはず- light:
# - dark:
#282c37
- light:
-
.column-linkカラムリンク。Getting Startedに使ってるものをそのまま流用できるはず- light:
# - dark:
#393f4f
- light:
-
.column-inline-formリスト作成フォーム- light:
#fff - dark:
#313543
- light:
ディレクトリ
-
.filter-formフィルター- light:
#fff - dark:
#282c37
- light:
-
.account-cardアカウント- light:
#c0cdd9 - dark:
#393f4f
- light:
-
.account-card__header > imgヘッダー画像背景色- light:
#f2f5f7 - dark:
#17191f
- light:
-
.account-card__bio::afterbioフェードアウトグラデーション
ダイレクトメッセージ
-
.conversation:focus投稿- light:
# - dark:
#2c313d
- light:
-
.conversation--unread未読- light:
#d3dce4 - dark:
#2c313d
- light:
-
.conversation:focus未読フォーカス- light:
# - dark:
#313543
- light:
投稿
-
.status-card:hoverリンクカード- light:
# - dark:
#393f4f
- light:
-
.status-card.compact:hoverリンクカード- light:
# - dark:
#313543
- light:
-
.status-card__imageリンクカード画像- light:
# - dark:
#393f4f
- light:
Edited by kPherox