678コメント287KB

Google Chrome 拡張機能 29 ※どんぐり有

663567 警備員[Lv.0][新芽] (ﾜｯﾁｮｲ 3d96-d+y+)

2026/06/20(土) 14:04:19.78ID:PAJWywKD0

>>657
これ？？

できるけどChromeがmanifestだけで自動的にライト/ダーク用アイコンを
切り替えてくれる仕組みは弱い/基本ない、と見た方がいい。
実装としては、JSでテーマを判定して chrome.action.setIcon() でツールバーアイコンを差し替える形になる。

Chrome公式では、拡張機能のツールバーアイコンは action.default_icon で指定でき、
さらに chrome.action.setIcon() でプログラムから変更できると説明されている。
また、prefers-color-scheme はユーザーがライト/ダーク配色を要求しているかを検出するための仕組みで、
OS設定やユーザーエージェント設定を反映する。

664567 警備員[Lv.0][新芽] (ﾜｯﾁｮｲ 3d96-d+y+)

2026/06/20(土) 14:05:07.89ID:PAJWywKD0

その2

例えばこういう感じ。
-----------------------
// popup.js や options.js など、window がある拡張ページ側で動かす
const mq = window.matchMedia("(prefers-color-scheme: dark)");

function applyIcon() {
const dark = mq.matches;

chrome.action.setIcon({
path: {
"16": dark ? "icons/icon-dark-16.png" : "icons/icon-light-16.png",
"32": dark ? "icons/icon-dark-32.png" : "icons/icon-light-32.png",
"48": dark ? "icons/icon-dark-48.png" : "icons/icon-light-48.png",
"128": dark ? "icons/icon-dark-128.png" : "icons/icon-light-128.png"
}
});
}

applyIcon();
mq.addEventListener("change", applyIcon);
-----------------------

665567 警備員[Lv.0][新芽] (ﾜｯﾁｮｲ 3d96-d+y+)

2026/06/20(土) 14:05:47.47ID:PAJWywKD0

その3

manifest.json 側は、初期アイコンを普通に置いておく。
-----------------------
{
"manifest_version": 3,
"name": "Example",
"version": "1.0.0",
"action": {
"default_icon": {
"16": "icons/icon-light-16.png",
"32": "icons/icon-light-32.png",
"48": "icons/icon-light-48.png",
"128": "icons/icon-light-128.png"
}
}
}
-----------------------

666567 警備員[Lv.0][新芽] (ﾜｯﾁｮｲ 3d96-d+y+)

2026/06/20(土) 14:06:48.11ID:PAJWywKD0

その4

注意点は、MV3のbackground service workerでは window.matchMedia() が使えないこと。
matchMedia() はWindowのAPIなので、popup/options/通常の拡張ページなど
windowがある場所で判定するのが素直。

なので結論としては、
可能。ただし「manifestで完全自動」ではなく、prefers-color-scheme を見てchrome.action.setIcon()で差し替える。
なお、これはOS/Chromeのライト・ダーク設定に寄せる方法で、ユーザーが独自のChromeテーマを入れて
ツールバー背景色だけ変えている場合まで完全には判定できない。
Chrome自体はライト/ダーク/デバイス設定に追従する表示モードを持っている。

667名無しさん＠お腹いっぱい。警備員[Lv.6][新] (JP 0H8f-S/Q7)

2026/06/22(月) 04:52:58.26ID:6lsjxqFNH

AIに聞いたのかな？
この中にもだめな理由がちらっと書かれてるけど、実際にやってみたら何がだめなのかわかるよ

拡張機能を起動させるためのボタンのアイコンだから、拡張機能を起動させてない状態でスクリプトが働かないといけないんだよね

668567 警備員[Lv.0][新芽] (ﾜｯﾁｮｲ 5fa7-e/Io)

2026/06/23(火) 02:29:37.29ID:D0aLv24K0

>>667
>>拡張機能を起動させてない状態
あーー
>>manifestだけで
の部分ですか、なるほど…失礼しました。

669567 警備員[Lv.0][新芽] (ﾜｯﾁｮｲ 1dba-3bB7)

2026/06/30(火) 20:12:00.34ID:JztaN55l0

LLD若干修正しました。お使いの方はアップデートしてください。
https://x.com/Munus_Modulus/status/2071914420868096285

670名無しさん＠お腹いっぱい。警備員[Lv.305][UR武+11][UR防限][木] (ﾜｯﾁｮｲ 1d2d-+ZMf)

2026/07/01(水) 15:21:36.84ID:/fAkpF5Q0

https://github.com/violentmonkey/violentmonkey/pull/2399#issuecomment-4837583087
今日からViolentmonkeyをMV3へ移行する作業を始めたんだけど、だいたい動くようになったよ。たぶん明日には終わるかな。