Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions docs/2-screen.md
Original file line number Diff line number Diff line change
Expand Up @@ -394,12 +394,12 @@ Master「コメント書き込み欄の上にある下までスクロールボ

**宛先の候補は増えていない。** オフラインの行は部屋の名簿に居ないため、宛先には出ない。届かない相手を名指せる状態は、宛先を名簿から引くという判断(#43)の理由に反する。

**参加者ごとの色。** 発言の丸印の色(#225 までは縁の色線)と名簿の丸印の色(#253 までは点)は同じであり、参加者ごとに異なる。宣言色と名前からの導出色は、テーマごとの共通の明度・彩度(`--speaker-l` / `--speaker-c`)で色相だけを振る。#395 で accent の実測値より少し明るく、彩度を抑えた淡い色へ調整した。アカウントの一覧・チャット・宛先など、同じ話し手色を使う表示へ共通して反映する。宣言の無い本人は引き続き `--accent` で描く。
**参加者ごとの色。** 発言の丸印の色(#225 までは縁の色線)と名簿の丸印の色(#253 までは点)は同じであり、参加者ごとに異なる。宣言色と名前からの導出色は、テーマごとの共通の明度・彩度(`--speaker-l` / `--speaker-c`)で色相だけを振る。#395 で調整した明度を保ち、#397 で彩度を元の設定(ライト 0.131 / ダーク 0.087)より高くして鮮やかな色へ調整した。アカウントの一覧・チャット・宛先など、同じ話し手色を使う表示へ共通して反映する。宣言の無い本人は引き続き `--accent` で描く。

| | 明度 | 彩度 |
|---|---|---|
| ライト | 0.54 | 0.09 |
| ダーク | 0.76 | 0.065 |
| ライト | 0.54 | 0.16 |
| ダーク | 0.76 | 0.11 |

色相の出所は 3 段の梯子であり、上から順に決まる。

Expand Down Expand Up @@ -719,7 +719,7 @@ DOM の描画は床として残す。WebGL が使えない環境では読み込
- **次の一手** — 現在の実装に参加者パネルと宛先を足した、実装可能な範囲。両方とも実装済みである。この 1 枚と実装の差は、操作ボタンのうち未実装のリサイズとミュート(端末と終了は実装済みで、参加者のリストの各行のメニューに載っている)、宛先の見た目(削除可能なチップ)、そして #53 / #57 / #59 / #62 で入ったアカウントまわり(種別ごとのグループ、行の開始・終了・編集、モーダル、ランチャ行の廃止)である。宛先は本文に `@名前` と書き、送ると部屋がそれを宛先へ移して本文から消す形であり(#204 / #206)、チップの形の差は追っていない。アカウントの側はキャンバスが実装より大きく遅れており、差は #46 で追う。
- **全体像** — ルーム一覧 / ダイレクト / 参加者・セッション状態パネル

色と寸法は `src/styles.css` の実値をそのまま使っている(`--accent: #3a6ea5` / `--surface: #f4f4f7` / 角丸 4・6px / system-ui + Yu Gothic UI)。当時の参加者ごとの色は accent と同じ彩度・明度で色相だけ変えたもの(現行の淡色化は上記「参加者ごとの色」)。絵と実装が同じトークンの上に乗るため、キャンバスの値をそのまま実装へ移せる。
色と寸法は `src/styles.css` の実値をそのまま使っている(`--accent: #3a6ea5` / `--surface: #f4f4f7` / 角丸 4・6px / system-ui + Yu Gothic UI)。当時の参加者ごとの色は accent と同じ彩度・明度で色相だけ変えたもの(現行の色設定は上記「参加者ごとの色」)。絵と実装が同じトークンの上に乗るため、キャンバスの値をそのまま実装へ移せる。

**この UI は本番向けではない。** 段階的に作り、機能と並行して改善する前提の暫定案である。確定仕様として扱わない。

Expand Down
2 changes: 1 addition & 1 deletion src/main.ts
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const LOCAL_KEY = "pullcept.local-account";
* The hues a participant can declare.
*
* Hue only. Lightness and chroma use the theme's shared display tokens, so
* declared colours share one weight on the page. The softer pair (#395) is
* declared colours share one weight on the page. The vivid pair (#397) is
* independent of accent; the hue-only contract stays (#43). Offering a full
* colour picker would ask for two values and silently discard them.
*
Expand Down
10 changes: 5 additions & 5 deletions src/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -65,11 +65,11 @@
--mine-ground: 9%;
--mine-edge: 35%;
/* Declared and derived participant colours share this theme's lightness
and chroma; only hue varies. Slightly lighter and less saturated than
the accent's measured pair (#395), for softer display colours.
and chroma; only hue varies. Lightness stays at the #395 setting;
chroma is higher than the original measured pair (#397), for vivid colours.
A declaration chooses only hue. An undeclared own colour stays accent. */
--speaker-l: 0.54;
--speaker-c: 0.09;
--speaker-c: 0.16;
/* The shadow under a control that floats over the room's lines — 最新の発言へ
(#243) — so it reads as above them and not as one of them. Deeper in dark,
where a shadow on a dark ground barely shows. */
Expand Down Expand Up @@ -149,10 +149,10 @@
--avatar-ink: 100%;
--mine-ground: 14%;
--mine-edge: 14%;
/* The softer dark pair (#395) stays lighter than the light theme's
/* The vivid dark pair (#397) stays lighter than the light theme's
colours, for the dark ground. It is independent of the accent. */
--speaker-l: 0.76;
--speaker-c: 0.065;
--speaker-c: 0.11;
--float-shadow: 0 2px 8px rgb(0 0 0 / 0.5);
}
}
Expand Down
Loading