dsh-nothing-skin

Readme

# dsh-nothing-skin

> Nothing Phone 風スキン for [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) — ドットマトリクス背景、Space Grotesk / Space Mono タイポグラフィ、モノクロ階層、シグナルレッド #D71921 の単一アクセント。

Nothing Phone のデザイン言語を DeepSeek Harness の Web UI に適用するスキンプラグインです。各要素は **Settings → Nothing Skin** から個別に ON/OFF できます。

## ✨ 特徴

- **ドットマトリクス背景** — 16px グリッドの点による Nothing らしい質感
- **Space Grotesk / Space Mono** — 同じフォントファウンドリ（Colophon）由来のタイポグラフィ
- **モノクロ階層 + 単一アクセント** — グレースケールの上にシグナルレッド `#D71921` だけが光る
- **角ゼロ・影なし・フラット** — Nothing の工業的なフラットネス
- **ライト / ダーク両対応** — OLED ブラック / オフホワイト紙の両方を本気で設計
- **要素ごとのトグル** — 8 つの機能を設定から個別に切り替え
- **壁紙** — 画像 / URL / グラデーションの3種。キャンバス透過・サイドバー独立透過・ぼかし・実行中自動減光

## 🎛️ 設定項目（Settings → Nothing Skin）

| トグル | 機能 | 初期値 |
|---|---|---|
| スキンを有効化 | Nothing スタイル全体の ON/OFF | ON |
| ドットグリッド背景 | ドットマトリクス風の背景オーバーレイ | ON |
| モノスペースラベル | ラベル・バッジ類を Space Mono 大文字に | ON |
| 角ゼロ・影なし | フラットな角と影の除去 | ON |
| 赤アクセント統一 | 青をシグナルレッド (#D71921) に統一 | ON |
| ステータス表示 | 右下に ONLINE ステータスと時計 | OFF |
| Nothing フォント | Space Grotesk / Space Mono を読み込む | ON |
| タイトル変更 | タブタイトルを Nothing 表記に | ON |
| 壁紙 | 画像（ファイル選択）・URL・グラデーションの3種 | なし |
| キャンバス透過 | 壁紙の上に載るキャンバス背景の透明度 (0-100%) | 80% |
| サイドバー連動 | ON: サイドバーもキャンバスと同じ透過 | ON |
| サイドバー透過 | サイドバー独立の透明度（連動OFF時） | 80% |
| ぼかし | 壁紙のぼかし半径 (0-60px) | 0px |
| 実行中自動減光 | タスク実行中に壁紙を暗くする | OFF |

設定は localStorage + `$DSH_HOME/nothing-skin.json` に永続化され、再起動後も保持されます。

> **壁紙の仕組み**: 壁紙レイヤーは `z-index: -1` の固定 div。キャンバス・サイドバーの背景トークンを半透明の `rgba()` に置き換えることで画像を透かします（画像自体の opacity を下げる方式と違い、不透明なパネルで壁紙が途切れません）。

## 📦 インストール

### 前提
- DeepSeek Harness がインストール済み
- プロファイル: `desktop`（Web 版の場合は `web` に読み替え）

### GitHub から

```bash
dsh plugin --profile desktop add github:<あなたのユーザー名>/dsh-nothing-skin
```

### ローカルから

```bash
dsh plugin --profile desktop add file:C:/path/to/dsh-nothing-skin
```

インストール後、**DSH Desktop を再起動**すると Settings に「Nothing Skin」セクションが追加されます。

## 🛠️ 開発

```bash
# ソースを編集したら再インストール（file: 参照は自動追従しない）
dsh plugin --profile desktop remove dsh-nothing-skin
dsh plugin --profile desktop add file:C:/path/to/dsh-nothing-skin
```

### 構成

```
lib/
  index.js   # ホスト側: 設定の永続化 API（$DSH_HOME/nothing-skin.json）
  client.js  # ブラウザ側: CSS 適用 + Settings トグル UI
cordis.patch.yml
```

## 📄 ライセンス

MIT

---

*DeepSeek Harness は [DeepSeek AI](https://github.com/deepseek-ai/deepseek-harness) のオープンソースプロジェクトです。Nothing は Nothing Technology Limited の商標です。本プラグインは公式とは無関係の非公式作品です。*