Sandbox Modifying For Darktheme
[[include :1119s:sandbox-modifying-for-darktheme-base
|font-color= {$font-color}
|pvw-bg= {$pvw-bg}
|rev-bg= {$rev-bg}
|cmt-bg= {$cmt-bg}
|font-color= #fff
|pvw-bg= #423
|rev-bg= #135
|cmt-bg= linear-gradient(to right, #444, #3f3e3e)
]]
ダークテーマ用カスタムUI
Presented by iti119
ダークテーマ、好きですよね。
サンドボックスでダークテーマを使ったことがあるなら、少なからず思ったことがあるでしょう。
文字がつぶれている……。
それに左下のちっちゃい点は何？
その他、個人的に気になったところ、他の人が気になりそうだと思ったところ (i.e. 結局のところ私が個人的に気になったところ) をまとめて改善する構文を作ってみました。具体的には、
- カスタムINFOモジュールに含まれるリンクの白色化
- ページコンソール・批評コメントのアイコンの白色化
- 批評タグ/カテゴリ/ジャンルのボタンデザインの調整
- プレビューメッセージ (編集中のプレビューで右上に現れるボックス) の可読性向上
- ページバージョン情報 (旧リビジョン閲覧中に右上に現れるボックス) の可読性向上
- 批評コメントの折りたたみリンクの白色化
- 批評コメントのコメントヘッダーの暗色化
- レイアウト調整用の非常に目立たない数ピクセルの点として現れる極小の画像の不可視化
です。
適用方法
下書きページの一番下1に、以下のコードをコピペしてください。
[[include component:名前
|font-color=
|pvw-bg=
|rev-bg=
|cmt-bg=
]]
| 引数 | 説明 | 補足 |
|---|---|---|
| font-color | 各リンク・アイコンの文字色 | ページの文字色に合わせた白色を推奨します。デフォルトは#fffです。 |
| pvw-bg | プレビューメッセージの背景色 | 白色の文字を乗せることを前提とした暗色を推奨します。デフォルトは#423です。 |
| rev-bg | ページバージョン情報の背景色 | 同上。デフォルトは#135です。 |
| cmt-bg | コメントヘッダーの背景色 | 同上。デフォルトは#444から#3f3e3eのグラデーションです。 |
http://1119s.wikidot.com/sandbox-modifying-for-darktheme-base
ページリビジョン: 15, 最終更新: 12 Jul 2022 13:14