借鉴 Material You 设计,Chrome 将支持动态主题


Chrome 浏览器近一两年的更新内容主要都专注于新的功能和漏洞修复,Google 已经有很长一段时间没有为 Chrome 注入新的外观/主题样式了,将 Chrome 当作主要浏览器来使用的用户是否已经有点审美疲劳了呢?

不过在最新版本的 Chrome Canary 中,Google 久违地带来了一项与外观相关的功能。这个功能会根据你打开新标签时显示的壁纸自动选择浏览器的配色方案。听起来,这是一个类似于 Android 手机上 Material You 的功能,它可以根据主屏幕壁纸中所使用的颜色动态地将操作系统也调整成类似的色彩方案。

这个功能首先是由 Reddit 上的 u/Leopeva64-2 所发现的,展示了只需改变新标签页的壁纸就能自动调整浏览器界面的颜色方案,查看上下这两张 GIF 图片就能直观地感受到这个功能是如何运作的。

该功能的描述则是写到:

在新标签页中改变背景图像时,能够根据背景图像的颜色设置主题颜色

这个功能在 Mac、Windows 和 Linux,以及 Google 自己的 chromeOS 和 Fuchsia 操作系统上都可以使用。

目前这个功能仅出现在最新版本的 Chrome Canary 中(110.0.5418.0),且该功能默认处于关闭状态,用户需要启用 Chrome 标志 "chrome://flags/#customize-chrome-color-extraction" 才能使用。在当前版本下,该功能还有一个限制,就是仅支持使用 Chrome 内置的图片背景,不支持用户手动上传。

目前还不清楚该功能何时会正式上线,但鉴于目前的 Canary 版本为 110,如果这个功能也在稳定版的同版本上线的话,那就需要等到 2023 年 2 月。


相關推薦

2023-01-11

是否会被聚焦,或者捕获的页面是否应保持聚焦状态。 Material You 主题设计 Material You 主题设计已经在 Android 的 Chrome 浏览器中出现了一段时间,现在它也将进入 Windows 和 macOS。这让你可以简单地通过改变新标签页的背景图片

2023-10-19

,我们一起聊 AI!>>> mdui2.0 是使用 Web Components 实现 Material You 设计规范的前端组件库。 功能特性: 使用 Web Components 实现:使用 mdui 就像使用 <div> 标签一样简单,且兼容所有 js 框架 Material You 设计规范:

2023-08-03

新打造的应用商店体验 进一步融合「Material You」设计语言,允许自定义系统界面配色 支持自定义 Chromium 浏览器外观 更方便的应用窗口分屏功能   以下是这次里程碑更新的重

2023-08-28

如触摸板滚动方向和显示大小。设置向导还增加了一些 Material You 风格的元素。 延伸阅读 ChromeOS 将浏览器和操作系统拆分独立

2022-05-12

同类最佳的开发选项。Flutter 3 还包含了一些性能改进、Material You 支持和生产力更新。 “在这个版本中,Flutter 完全原生于 Apple 芯片上进行开发。虽然 Flutter 自发布以来一直与基于 M1 的 Apple 设备兼容,但 Flutter 现在充分利用

2022-08-16

开发人员生产力和工具 主题应用图标 Android 13 将 Material You 动态颜色扩展到所有应用图标,用户可以选择继承其壁纸色调和其他主题偏好的图标。因此,开发应用程序的时候只需提供一个单色应用程序图标,和对自适应图

2022-10-24

控和游戏手柄等。 Google 为 Android 13 带来的新功能包括 Material You、自动主题化图标、改进的剪贴板功能、更细化的安全和隐私、改善的平板电脑体验等,目前还不清楚微软为 WSA 带来的 Android 13 是否能支持上述所有功能,微软暂

2023-05-11

、安全性等方面的许多改进。 一些更新亮点包括: Material 3:Material 库现在符合最新的 Material Design spec,变化包括新组件和组件主题、更新的组件视觉效果等。开发者必须使用useMaterial3主题标志"opt in"这些变化。在下

2022-10-22

多变化,以下是该版本的主要变化: 迁移到 Google 的 Material 3 UI 规范,其中包括: 对主题和颜色进行全面审查,增加了基于设备设置的浅色和深色模式的支持,以及对动态颜色的支持,即根据当前的壁纸改变 UI 颜色(仅

2022-09-28

默认隐藏 CLI 配置。 数据中心。MDC Web 是由 Google Material Design 团队创建的一个库,它为构建 Material Design 组件提供可重用的 primitives。根据 Angular 团队的路线图,他们正在将这些 primitives 整合到 Angular Material 中。 就 h

2023-04-15

m/studio 值得关注的变化 UI Tools 采用 Jetpack Compose 和 Material 3 作为模板 在新版本中,创建新项目时会建议采用 Jetpack Compose,因此模板默认使用 Jetpack Compose 和 Material 3。 实验性阶段的 Live Edit 已支持 Compose 开发者使用

2023-07-06

用的各项优化,最重要的优化当属 UI 融合了谷歌的 Material You 设计风格,变得更统一更易用。 除了 UI 设计,Mastodon Android 应用在功能上也下了一番功夫,比如提供了数十种新的设置方法,让用户能进一步自定义 Mastodon&nb

2022-07-06

Material UI 是一组实现 Google Material Design 规范的 React 组件,它是一个前端 JS 框架,主要用在 web 端。  Material UI 5.8.7 现已发布,具体更新内容如下: @mui/[email protected] [Autocomplete] 在 useAutocomplete 中加入缺失的属性 (#33269) 

2023-09-02

Google 于 8 月 30 日公布了 Chrome Web Store 网上应用商店的新设计。 访问新预览版页面:https://chromewebstore.google.com/ 与当前的界面相比,新设计确实更现代化——熟悉的圆角、宽大间距 :) 新版网站包括新的「探索」主页、扩