chrome 插件开发,如何获取浏览器主题颜色 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
ahongg1105
V2EX    程序员

chrome 插件开发,如何获取浏览器主题颜色

  •  
  •   ahongg1105 2024-09-13 16:12:46 +08:00 1884 次点击
    这是一个创建于 402 天前的主题,其中的信息可能已经有所发展或是发生改变。

    不仅仅是 light 和 dark 喔,就是比如我的就是酒红色的主题。目的是实现如自带书签侧栏那样风格

    7 条回复    2024-09-14 12:15:16 +08:00
    woodytang
        1
    woodytang  
       2024-09-13 16:36:40 +08:00
    对于 Chrome 插件开发中获取浏览器主题颜色,您可以使用 Chrome 扩展 API 中的`chrome.theme`接口。以下是获取浏览器主题颜色的步骤和示例代码:

    1. 首先,在您的 manifest.json 文件中添加必要的权限:

    ```json
    {
    "permissions": [
    "theme"
    ]
    }
    ```

    2. 然后,您可以使用以下代码来获取当前主题的颜色:

    ```Javascript
    chrome.theme.getCurrent((theme) => {
    if (theme.colors) {
    console.log('框架颜色:', theme.colors.frame);
    console.log('工具栏颜色:', theme.colors.toolbar);
    console.log('标签背景颜色:', theme.colors.tab_background_text);
    // 还有其他可用的颜色...
    } else {
    console.log('用户没有自定义主题');
    }
    });
    ```

    这段代码会获取当前主题的颜色信息。如果用户有自定义主题,`theme.colors`对象会包含各种 UI 元素的颜色值。

    请注意以下几点:

    1. 并非所有的主题都会定义所有可能的颜色值。您应该检查每个颜色值是否存在。

    2. 颜色值通常以 RGB 格式返回,例如`[255, 0, 0]`表示红色。

    3. 如果用户没有使用自定义主题,`theme.colors`可能为 undefined 。

    4. 这个 API 只能在扩展的背景脚本或弹出窗口中使用,不能在内容脚本中直接使用。

    如果您需要在内容脚本中使用这些颜色值,您可以在背景脚本中获取颜色,然后通过消息传递将颜色信息发送到内容脚本。

    希望这些信息对您有所帮助!如果您有任何其他问题,请随时询问。




    我帮你问了 cursor:)
    mumbler
        2
    mumbler  
       2024-09-13 16:38:33 +08:00   1
    @woodytang 不要贴 AI 回答,会封号,我大号就被封了
    nagisaushio
        3
    nagisaushio  
       2024-09-13 16:42:40 +08:00 via Android
    @woodytang 喜欢未经验证就发是吧,小心被站长撅了

    https://developer.chrome.com/docs/extensions/reference/api 貌似并没有一个叫 chrome.theme 的 API
    woodytang
        4
    woodytang  
       2024-09-13 16:52:11 +08:00
    完了完了,怎么删,我怎么找不到删除按钮~
    ahongg1105
        5
    ahongg1105  
    OP
       2024-09-13 17:12:24 +08:00
    没有这个 api
    zhongzhaoguo
       6
    zhongzhaoguo  
       2024-09-13 17:12:42 +08:00
    利用截图的 api 截张图 然后读取指定位置的像素 获取颜色值
    jimmy3780
        7
    jimmy3780  
       2024-09-14 12:15:16 +08:00 via iPhone
    @woodytang 15 年来那么久了没看过站规嘛…普通用户是删除不了回复的,v2 原则上也不允许复制粘贴 AI 生成的文字。你这个如果被逮到只能自求多福
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3035 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 34ms UTC 00:19 PVG 08:19 LAX 17:19 JFK 20:19
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86