Plurk UI リデザイン

東京乃空

無料で自由に使える Plurk 用 CSS テーマ。タイムライン、ガラス調パネル、レスポンシブレイアウトを組み替え、CSS を貼るだけで使えます。

東京乃空のライト UI
東京乃空のダーク UI

DESIGN

もっと心地よいタイムライン

東京乃空は Plurk の中心的な操作を変えず、情報階層、配色、余白、背景とインターフェースの関係を描き直します。純粋な CSS テーマで、「カスタムテーマスタイル」に貼り付ければ有効になります。

DETAILS

タイムラインに隠れたデザイン

LAYOUT

タイムラインを組み直す

行間、表示名、アバターの位置、配色、投稿欄の幅を調整し、タイムラインを読みやすくします。

GLASS

背景と UI をなじませる

リアルタイムにぼかした半透明パネルで、アップロードした背景を本当にインターフェースの一部にします。

RWD

どの向きでも読みやすく

縦長の画面やブラウザの拡大縮小にも対応し、レイアウトが崩れません。

NIXIE

ニキシー管のカルマ値

カルマ値を自作のニキシー数字書体で表示し、custom.css で世界線変動率スタイルに切り替えられます。

SHOWCASE

画面例

ガラス調プロフィールパネルと世界線変動率スタイルのカルマ値
ニキシー管書体で表示したカルマ値のクローズアップ

プロフィールパネルとニキシー管のカルマ値。世界線変動率スタイルには custom.css を一段追加するだけです。

縦長画面のレスポンシブレイアウト

縦長画面でのレイアウト。投稿欄の幅と要素の位置がウィンドウに合わせて調整されます。

INSTALL

CSS を貼るだけで使える

テーマ CSS を Plurk の「カスタムテーマ → カスタムテーマスタイル」に貼り付けます。リアルタイムぼかしには GPU を使います。ハードウェアアクセラレーションがない端末では、静的ぼかし画像生成ツールで背景をあらかじめ処理できます。ダークモードとトップバー用の追加 CSS も付属します。