From 1ed97dac31a7dc69d19bc470c76334a37e3ac5ff Mon Sep 17 00:00:00 2001 From: Codex Luna <268560960+lipluscodex@users.noreply.github.com> Date: Mon, 12 Oct 2026 01:09:14 +0900 Subject: [PATCH] fix(account): increase participant color saturation --- docs/2-screen.md | 8 ++++---- src/main.ts | 2 +- src/styles.css | 10 +++++----- 3 files changed, 10 insertions(+), 10 deletions(-) diff --git a/docs/2-screen.md b/docs/2-screen.md index 9568d9e..fad2dd5 100644 --- a/docs/2-screen.md +++ b/docs/2-screen.md @@ -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 段の梯子であり、上から順に決まる。 @@ -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 は本番向けではない。** 段階的に作り、機能と並行して改善する前提の暫定案である。確定仕様として扱わない。 diff --git a/src/main.ts b/src/main.ts index a324ab8..05ffd0d 100644 --- a/src/main.ts +++ b/src/main.ts @@ -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. * diff --git a/src/styles.css b/src/styles.css index 04e47a5..99523a6 100644 --- a/src/styles.css +++ b/src/styles.css @@ -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. */ @@ -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); } }