A compact dark theme for Unity UI Toolkit runtime UI. Point a
PanelSettings at it and Unity's built-in controls — buttons, sliders,
foldouts, fields, scrollers, tabs — turn dark and compact. Style sheets only:
no C#, no custom elements, no dependencies.
Two kanji, one reading:
- 墨 (sumi) — a grayscale style.
- 隅 (sumi) — USS classes for the corners Unity leaves.
Unity 6000.0 (Unity 6) or later — the TabView selectors need Unity 6.
Package Manager → Install package from git URL, or add it to
manifest.json directly. package.json lives in Packages/Sumi rather than
at the repository root, so the URL needs a path query parameter:
{
"dependencies": {
"com.popopo.sumi": "https://github.com/POPOPOinc/SumiUI.git?path=Packages/Sumi"
}
}Append #<tag> (e.g. #v1.0.0) to pin a released version.
Set a PanelSettings asset's Theme Style Sheet to
Packages/com.popopo.sumi/Styles/SumiTheme.tss. Every UIDocument using that
PanelSettings is themed. It replaces UnityDefaultRuntimeTheme.tss outright.
Add these yourself; nothing applies them for you. All are prefixed sumi-, so
nothing collides with your own classes.
| Class | What it does |
|---|---|
sumi-group |
Fixed-width column (--sumi-group-width) that stacks boxes, aligned to the start of its parent |
sumi-box |
One rounded, bordered, translucent section. Reads well on a Foldout |
sumi-row |
Lay children out horizontally, wrapping |
sumi-header |
Bold label with a rule under it, to head a section |
sumi-button-group |
On a RadioButtonGroup: lays the options out in a row of equal widths, hides the checkmarks and gives each the Button look, so it reads as a segmented control instead of a stacked list |
sumi-unit-label |
A dim px / deg / % suffix pinned to the right edge of the field's row. Give it picking-mode="Ignore" so the field stays clickable |
The repository is itself a Unity project. Clone it, open
Assets/Samples/SumiGallery.unity and press Play.
MIT — see LICENSE.