---
title: Firefoxが丸いデザインに変わったのをもとに戻す方法　テーマを戻す方法も解説
url: https://roboin.io/article/2026/09/30/how-to-revert-firefoxs-rounded-design-and-restore-the-previous-theme/
description: Firefoxのデザインが更新され、全体的に丸みを帯びたデザインになり、ダークモードはカラフルな色合いに変わりました。この記事では、Firefoxの新しいデザインでダークモードをカラフルな配色から落ち着いた配色に変更する方法と、UIのデザイン自体を以前のものに戻す方法をそれぞれ紹介します。
publishedDate: 2026-09-30T04:39:34.647Z
modifiedDate: 2026-09-30T04:39:34.647Z
thumbnail: https://roboin.io/api/media/file/firefox-new-design-default-dark.png
thumbnailAlt: Firefoxのデフォルトのダークモードを示したスクリーンショット
thumbnailCaption: N/A
---

# Firefoxが丸いデザインに変わったのをもとに戻す方法　テーマを戻す方法も解説

[Firefoxのデザインが更新され](https://blog.mozilla.org/en/firefox/new-firefox-design-is-here/)、全体的に丸みを帯びたデザインになり、ダークモードはカラフルな色合いに変わりました。新しいデザインは賛否が分かれており、以前のデザインに戻したいという方もいることでしょう。

この記事では、Firefoxの新しいデザインでダークモードをカラフルな配色から落ち着いた配色に変更する方法と、UIのデザイン自体を以前のものに戻す方法をそれぞれ紹介します。

ちなみに、筆者はFirefoxの新しいデザインが好きではなかったのですが、後述する方法でテーマをProtonに変更しただけでとくに気にならなくなりました。筆者の場合はデザインの変更よりもデフォルトのテーマの変更が違和感の原因だったようです。

## ダークモードを落ち着いた配色に戻す方法

Firefoxの新しいデザインのダークモードは、まったくダークではないカラフルな色合いになっています。

![Firefoxのデフォルトのダークモードを示したスクリーンショット](https://roboin.io/api/media/file/firefox-new-design-default-dark.png)

UIのデザインはそのままにダークモードの配色だけ変更したい場合は、次の手順で設定を変更できます。

<Steps>
  Ctrl + Shift + Aを押すか、メニューから［拡張機能とテーマ］を開きます

  ［テーマ］タブを開き、［Firefoxのテーマ］セクションの［表示を増やす］をクリックします

  ![Firefoxの設定の［テーマ］タブのスクリーンショット](https://roboin.io/api/media/file/firefox-theme-tab.png)

  ［灰］の［インストール］ボタンをクリックします

  ![Firefoxのテーマ一覧で［灰］を選択するようすのスクリーンショット](https://roboin.io/api/media/file/firefox-theme-gray.png)

  ダークモードのUIが多少は落ち着いた配色になります

  ![Firefoxの［灰］テーマを有効化したようすのスクリーンショット](https://roboin.io/api/media/file/firefox-gray-theme-ui.png)
</Steps>

:::tip
グラデーションもない以前と完全に同じ配色にしたい場合は、Mozilla公式の「Proton」テーマのインストールがおすすめです。ライトモードの場合も、Protonをインストールするとグラデーションのない配色に変更できます。

[https://addons.mozilla.org/ja/firefox/addon/firefox-proton/](https://addons.mozilla.org/ja/firefox/addon/firefox-proton/)
:::

## UI自体をもとに戻す方法

Firefoxのフラグを変更することで、UIを丸ごと以前のデザインに戻せます。

:::caution
ここで説明する方法では、Firefoxの正式な設定ではなく内部フラグを変更します。記事執筆時点の筆者の環境では動作を確認していますが、意図しない副作用が生じたり、将来的に利用できなくなったりする可能性があります。自己責任でフラグを変更してください。
:::

<Steps>
  Firefoxのアドレスバーに`about:config`と入力して開きます

  警告が表示された場合はよく読んで理解し、同意する場合は次に進みます

  アドレスバーではなくページ内の検索ボックスに「nova」と入力して、`browser.nova.enabled`の右端のボタンをクリックして`false`に切り替えます

  ![Firefoxのabout:configページのスクリーンショット](https://roboin.io/api/media/file/firefox-about-config-nova.png)

  FirefoxのUIが以前のデザインに戻ります

  ![Firefoxのabout:configページが以前のデザインで表示されているようすのスクリーンショット](https://roboin.io/api/media/file/firefox-about-config-old-design.png)
</Steps>

## まとめ

FirefoxのUIを以前のデザインに戻す方法を紹介しました。

ダークモードやライトモードがカラフルに変更されたことについては、ビルトインの追いついた配色のテーマに変更するか、公式のProtonテーマをインストールすると解決できます。

また、UIのデザイン全体を以前のものに戻したい場合は、`about:config`から`browser.nova.enabled`を`false`に変更します。

## Verification details and sources

### Verification environment

- OS：Windows 11
- ブラウザー：Firefox Nightlyバージョン159.0a1

### Verification details

記事に記載の手順でFirefoxを以前の配色やUIに戻せることを確認しました。

### Last verification date

2026-09-30T04:20:00.000Z