Claude Media
Claude Desktopのダークテーマが見づらい — fizzy_lake新デザインの調整範囲

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
サイドバーの背景旧デザイン#1111113.6556.2#1f1f1f
会話の背景旧デザイン#1515153.6556.2#191919
設定パネルの背景旧デザイン#1a1a193.6556.2#1f1f1f
本文の文字色旧デザイン#f0efec3.6556.2#efefef
補助的な文字色旧デザイン#8987813.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. 1

    DevToolsを使えるようにする

    アプリのユーザーデータフォルダーにdeveloper_settings.jsonを作り、次の内容を書きます。Windowsでは%APPDATA%\Claude\、macOSでは~/Library/Application Support/Claude/、Linuxでは~/.config/Claude/が場所として挙げられています。

    {"allowDevTools": true}
  2. 2

    アプリを完全に終了して再起動する

    トレイのアイコンからも終了します。

  3. 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にインストールする手順と初期設定を参照してください。

この記事を共有:XはてブLinkedIn