Claude Desktopのダークテーマが見づらい — fizzy_lake新デザインの調整範囲
Windows版Claude Desktop 3.6556.2から配色・フォント・サイドバーが一斉に変わり、ダークテーマの見づらさが報告されています。設定で変えられる範囲と変えられない範囲を示します。
Claude Desktop(Windows)を3.6556.2に自動更新したあと、ダークテーマが眩しく、灰色っぽく、読みにくいという報告が出ています。原因は設定の変更ではなく、fizzy_lakeという名前の新デザインが丸ごと適用されたことです。設定の外観で動かせるのはカラーモードとフォントなどに限られ、配色そのものは動かせません。
この記事では、報告されている変化、設定で調整できる部分、旧表示へ戻したという回避策の中身と限界を順に示します。
何が変わったのか — 3.6556.2で一斉に入れ替わった項目
GitHubのissue #104695によると、Windows版が3.6556.2に自動更新された2026年10月23日に、アプリ全体が新しい見た目に切り替わりました。報告者は色・フォント・文字のコントラスト・チャットの描画が同時に変わったと書いています。
issueはopenのままで、Anthropicからの回答は付いていません。invalidのラベルが付いています。
報告者は、同じアカウントのブラウザ版claude.aiが旧デザインのままだったため、両者のスクリーンショットから色を抜き出して比べています。ダークテーマ、横幅1917ピクセル、Windows 11での計測値です。
| 場所 | 旧デザイン | 3.6556.2 |
|---|---|---|
| サイドバーの背景 | 旧デザイン#111111 | 3.6556.2#1f1f1f |
| 会話の背景 | 旧デザイン#151515 | 3.6556.2#191919 |
| 設定パネルの背景 | 旧デザイン#1a1a19 | 3.6556.2#1f1f1f |
| 本文の文字色 | 旧デザイン#f0efec | 3.6556.2#efefef |
| 補助的な文字色 | 旧デザイン#898781 | 3.6556.2#9e9e9e |
旧デザインの文字色は、赤と緑が青より強い暖色寄りでした。新デザインはどの色も無彩色の灰色です。報告者はこれを「冷たく見える」と表現しています。
コントラストは上がったが、読みやすさは別問題
サイドバーの文字は、#c3c2b7を#111111に載せた約10.5:1から、#efefefを#1f1f1fに載せた約14.3:1へ上がりました。数値だけ見れば読みやすくなったはずです。ところが報告者は、ほぼ白の文字が暗い灰色に載ると光がにじんで見え、長時間の作業で目が疲れると述べています。
逆方向の問題も挙がっています。入力欄の下の注意書きは#757575を#191919に載せた約3.8:1で、通常サイズの文字に求められるWCAG AAの4.5:1を下回ります。
サイドバーと会話の明暗が逆転した
旧デザインではサイドバー(#111111)が会話(#151515)より暗く、視線は会話に向いていました。新デザインではサイドバー(#1f1f1f)のほうが会話(#191919)より明るくなっています。大きな明るい帯が視界の端に常にあることになります。
設定画面と操作系も変わった
同じissueと、後から付いたコメントには、次の変更が並んでいます。
- 「文字サイズ」「会話の幅」「モーション」が、全選択肢の見えるボタン形式から、開いて選ぶドロップダウンに変わった
- 「Chat font」が「Response font」に名前を変え、「Font licenses」のリンクが消えた
- サイドバー上部の「Claude」のロゴと検索欄が外れ、ハンバーガーアイコンと戻る・進むの矢印に置き換わった
- Codeボタンにあった、セッションの進行状況を示す点滅や色の表示がなくなった
- 起動が遅くなったという報告もある(計測値は示されていません)
これらは報告者の観察で、Anthropicが変更点として公表したものではありません。
太字とインラインコードが弱くなるのは別の仕組み
ダークテーマの見づらさとは別に、返答の整形が崩れる報告が2件あります。#104529と#104464です。
#104529の調査では、新デザイン下で太字(strong)の太さが旧来の600から501に落ち、インラインコードは色が失われて灰色の枠に黒っぽい文字になり、表はヘッダーの背景と罫線を失います。応答フォントがAnthropic Serifのとき、501は中間の太さで本文との差がほとんど出ません。
キリル文字や日本語のように、Anthropic Serifに字形が無い文字では、さらに事情が悪くなります。代わりにWindowsのGeorgiaが使われますが、Georgiaには400と700の2種類の太さしかありません。500や501を指定すると400が選ばれ、600以上でないと擬似的な太字も作られないため、太字が見た目に出ません。日本語の太字が効かない場合は、このフォントの代替の仕組みが原因の1つと考えられます。ただしissueの検証はキリル文字とラテン文字が中心で、日本語表示での確認結果は載っていません。
#104464は、インラインコードのアクセント色(赤みがかった色)が10月22日ごろから失われたという報告です。ブラウザ版claude.aiで先に起き、Windows版も遅れて同じ表示になりました。キャッシュやCookieを消しても、新しいブラウザプロファイルでも戻らなかったとあります。
設定の外観で調整できる範囲と、できない範囲
公式ヘルプの外観設定ページに載っているのは、カラーモード(Light・Match System・Dark)、チャットフォント(Default・Match System・Dyslexic Friendly)、サイドバーの開閉の3つだけです。カラーモードとフォントの操作はClaudeのダークモード設定とフォント変更の手順にまとめています。表にある「Match interface」は、新デザインで応答フォントの選択肢に付いた名前です。
今回の見づらさに対して、設定で届く範囲を表にします。
| 見づらさの原因 | 外観設定で変えられるか | 補足 |
|---|---|---|
| 暗さの方向(ダーク・ライト) | 外観設定で変えられるか変えられる | 補足カラーモードで切り替える |
| 太字が弱い | 外観設定で変えられるか一部変えられる | 補足応答フォントを「Match interface」にすると太字が戻ったと報告されている |
| インラインコードの色 | 外観設定で変えられるか変えられない | 補足応答フォントを変えても灰色のまま |
| 灰色の配色・文字の明るさ | 外観設定で変えられるか変えられない | 補足配色を選ぶ項目が設定にない |
| サイドバーが会話より明るい | 外観設定で変えられるか変えられない | 補足明暗を選ぶ項目が設定にない |
| 旧デザインに戻す | 外観設定で変えられるか戻せない | 補足issueが求めているのは「Classic」の選択肢の追加 |
昼用のライトモードに切り替えれば、ダークテーマ特有の眩しさは避けられます。夜間に暗い画面が必要な人にとっては解決になりません。
旧表示へ一時的に戻す回避策と、その限界
issueのコメントには、fizzy_lakeの適用そのものを止める回避策が書かれています。Anthropicが案内する方法ではなく、利用者が見つけた手順です。
仕組みは、アプリが起動時にローカルストレージのspa:fizzy-lakeというキーを読んで、<html>要素にdata-cds-fizzy-lake="color icons panels type"を付けるというものです。このキーを空文字にして再読み込みすると、4つの部分がすべて外れ、太さ600の太字と色付きのインラインコードが戻ったと報告されています。
旧表示に戻す手順(コメントで報告された方法)
- 1
DevToolsを使えるようにする
アプリのユーザーデータフォルダーに
developer_settings.jsonを作り、次の内容を書きます。Windowsでは%APPDATA%\Claude\、macOSでは~/Library/Application Support/Claude/、Linuxでは~/.config/Claude/が場所として挙げられています。{"allowDevTools": true} - 2
アプリを完全に終了して再起動する
トレイのアイコンからも終了します。
- 3
DevToolsのConsoleで1行実行する
Ctrl+Alt+Iで開発者ツールを開き、Consoleタブに下の1行を貼ります。貼り付けの確認が出たら、画面の指示に従います。localStorage.setItem('spa:fizzy-lake', ''); location.reload()
この方法には限界が3つあります。
- 効果は再起動まで: アプリが起動のたびにキーを書き直すため、毎回実行し直す必要があります。キーを削除するだけの旧来の手順は、10月24日以降は効かなくなりました。削除すると、キーが無い状態が「全部オン」として扱われるためです
- 確認された範囲が狭い: コメントの投稿者が確かめたのは返答の整形(太字、インラインコード、表の罫線)で、ダークテーマの配色・サイドバー・設定画面・起動時間が戻るかは未確認と明記されています
- 公式の手順ではない: 開発者ツールを有効にする操作は、アプリの内部実装に依存します。仕様変更で動かなくなる可能性があり、業務用PCでは社内ルールの確認が先です
太字とインラインコードだけが気になる場合は、issueに貼られたCSS上書きを開発者ツールで当てる方法も報告されています。これも再読み込みまでです。
古い版に戻せば直るのか — 入れ替えはサーバー側で起きている
バージョンを下げれば旧デザインに戻りそうに見えますが、報告はそうなっていません。
macOSで更新を構成プロファイルにより止めている利用者が、アプリ本体は2.31226.1のまま10月23日に見た目が変わったと書いています。アプリは起動のたびにAnthropicのサーバーからCodeの画面を取得し、その中身が日に1回ほど作り直されているという説明です。Linux版でも、さらにFirefoxで開いたclaude.aiでも同じ見た目が出たという報告があります。
つまり、この見た目の切り替えはアプリのバージョンより、サーバー側のフラグ(fizzy_lake_rolloutなど)に左右されている可能性が高い、という読みになります。更新の経路や自動更新の止め方はClaude Codeが更新されないときのWindows 11での切り分けにまとめてあります。ただし更新を止めても今回の変化は防げなかった、というのが報告の内容です。
見づらいときの当面の動き方
状況別に、いまできることを分けます。
- 文字が眩しいだけ: 画面の明るさを下げる、OSのナイトモードを併用する、ライトモードに切り替える
- 太字が効かない: 応答フォントを「Match interface」に切り替えて比べる
- インラインコードが埋もれる: 設定からは直せません。回避策はコメントのCSS上書きのみ
- サイドバーの明暗が気になる: 設定項目がありません。サイドバーを閉じて使う運用になります
- 全体が好みに合わない: issueの先頭に、👍で影響人数を伝える呼びかけがあります。「Classic」テーマの追加や選択式の提供を求める声が、コメントで複数出ています
次の更新で変わるかは未知数
この変更はAnthropicの公式な発表を伴っておらず、報告の側にも「バグなのか設計上の選択なのか」の判断材料がありません。issueのコメントにも、運営からの回答は付いていません。
とはいえ、見た目を決めるフラグがサーバー側にあるなら、元に戻すか選択式にする変更もアプリの更新なしに行えます。逆に言えば、利用者の手元で打てる確実な手は、いまのところありません。回避策に手を出す前に、ライトモードや応答フォントの切り替えといった、元に戻せる設定の範囲から試すのが安全です。
デスクトップアプリの導入そのものについてはClaude DesktopをWindowsにインストールする手順と初期設定を参照してください。