Plurk UI Redesign

Tokyono Sora

A free and open CSS theme for Plurk. Rework the timeline, glass panels, and responsive layout—just paste in the CSS.

Tokyono Sora light interface
Tokyono Sora dark interface

DESIGN

A more comfortable timeline

Tokyono Sora leaves Plurk’s core interactions intact and redraws its appearance: information hierarchy, color, spacing, and the relationship between the background and interface. It is pure CSS; paste it into Plurk’s custom theme style field to apply it.

DETAILS

Design hidden in the timeline

LAYOUT

Reworking the timeline

Line height, display names, avatar placement, color, and post width are all adjusted for easier scanning.

GLASS

Blending background and UI

Translucent panels with live blur make an uploaded background genuinely part of the interface.

RWD

Readable in every orientation

Supports portrait screens and browser zoom without letting the layout fall apart.

NIXIE

Nixie-tube karma

Karma is displayed in a custom Nixie numeral typeface; custom.css can switch it to a world-line divergence style.

SHOWCASE

In use

Glass profile panel with world-line-divergence karma styling
Close-up of karma rendered in a Nixie numeral typeface

The profile panel and Nixie karma. Add one more custom.css block to switch to world-line-divergence styling.

Responsive layout on a portrait screen

Portrait-screen layout. Post width and component placement adapt to the window.

INSTALL

Use it by pasting CSS

Paste the theme CSS into Plurk’s Custom Theme → Custom Theme Style. Live blur uses the GPU; machines without hardware acceleration can precompute a background with the static blur generator. Extensions for dark mode and the top bar are included too.