Chrome OS is getting one of your favorite Android features
Google Chrome OS will finally be getting the Material You dynamic theme feature in the latest Dev version 114, but there’s a catch: you have to turn on the flag to use it as of now.
According to Android Police, you can create four different accent color schemes by activating the #jelly-colors and #personalization-jelly flags. This feature is unique because those color schemes are based on your wallpaper color, better matching the text and icons so that both are easier to view.
Material You is a feature that Android has had for years under the ColorsOS name, one that Google is also bringing to its Chrome browser, specifically, the Canary v114 build. Unfortunately, unlike Android, Chrome OS doesn’t get a set of themes that are distinct from wallpapers, so if you wanted an interface that stands out from your background, you’re out of luck.
Chrome OS could be getting a huge refresh
There’s a good chance that Google could announce a massive Chrome OS revamp during its Google I/O 2023 event, which will be kicking off on May 10. With all the features that are currently being tested for both Chrome OS and the general Chrome browser, the conference would be the perfect time to reveal a design overhaul.
The event, which you can watch through YouTube as well as Google’s official website, is expected to reveal other major products. The Google Pixel Fold has already been confirmed for launch at the event as well as other announcements like the Android 14 OS, Google Pixel Watch 2, enhancements to Google Bard, and more.
It’ll be interesting to see if Google reveals any other new features and tools for Chrome OS. One such feature would be Material Design 3, which is currently for Google Workspace. It’s a refresh of the previous version that gives some of its most popular tools a more modern look to deliver a simpler, more streamlined UI, which helps users work more efficiently. Having such a tool for the best Chromebooks, which are meant to be pure work machines in the first place, would be brilliant.
At the very least, it would be nice to see the tech giant focusing on expanding what Material You offers to Chrome OS. Currently, it only has the four color palettes like Android 12, versus the 16 different color derivation methods that Android 13 offers.
TechRadar Newsletter
Sign up to receive daily breaking news, reviews, opinion, analysis, deals and more from the world of tech.
By submitting your information you agree to the Terms & Conditions and Privacy Policy and are aged 16 or over.
Dynamic Theme — бесконечный источник красивых обоев для Windows 10
Одна из самых замечательных функций Windows 10 — это автоматический подбор красивых обоев для экрана блокировки. Напомним, что эта функция называется Windows Spotlight (в русской версии «Windows: интересное»). Активировать её можно по адресу «Параметры» → «Персонализация» → «Экран блокировки».
Ценность этой функции состоит ещё и в том, что тематику обоев можно подстраивать под свои вкусы. Для этого достаточно просто отмечать те фоны, которые нравятся. Через некоторое время компьютерные алгоритмы изучат ваши предпочтения и будут предлагать только те картинки, которые вам точно подойдут.
Жаль, что Windows Spotlight предназначена только для смены картинок на экране блокировки. Было бы здорово устанавливать эти же фоны на рабочий стол. Сделать это поможет бесплатное приложение Dynamic Theme.
Запустите программу и на вкладке Background выберите в выпадающем меню пункт Windows Spotlight. Теперь в качестве фонового изображения рабочего стола будет установлена та же самая картинка, что и для экрана блокировки.
Обратите внимание, что Dynamic Theme позволяет также использовать в качестве обоев картинку дня из галереи Bing. А можно настроить приложение таким образом, чтобы на рабочем столе было изображение из одного источника, а на экране блокировки — из другого.
Dynamic Theme также умеет показывать уведомления о появлении новых обоев, сохранять изображения в заданную вами папку и синхронизировать настройки между разными устройствами. Программа распространяется бесплатно, работает как на десктопах, так и на мобильных устройствах под управлением Windows 10.
Dynamic themes with Compose and Material 3
In this article we will quickly learn how to use Jetpack Compose and Material design 3 library to build a theme for your app which uses colors generated by Material You on Android versions 12/12L and above.
This article covers:
- Generating Light and Dark themes
- Leveraging Jetpack Compose for dynamic behaviour
- Building your first theme
- Adapting your app to dynamic colors
Table of content
Dynamic colors of the Android system
The Android system starting from versions 12/12L now supports what we call dynamic theming. Essentialy as a part of the new user customization centric design experience, the Android framework will now extract colors from the wallpaper set on your device.
Monet is the logic within the framework that is responsible for color extraction from the wallpaper. It’s kind of fascinating to understand how Monet works under the hood, you can read more about the internals of how Monet provides dynamic colors to the Android system.
Project dependencies
To bootstrap the project, let’s add the following dependencies to the project for Jetpack compose and material 3.
Compose Material 3 is still in alpha at the time of writing this article.
Material theme builder
If you want the easiest way to use dynamic themes, head over to the site material theme builder. Its a really cool project on Github pages, which will help us get started, without manually preparing the theme files. Further down the article we will take a look at the files generated by the theme builder and also understand how we can manually prepare the theme ourselves.
Once you are on the theme builder site, navigate to the custom colors tab, and here we will prepare the base of our Composable theme. You will find options to select core colors of your application, these colors could be the colors that define your brand or application.
Once you have entered the RGB values, you should be able to export the colors. To export, click on the export option and select Jetpack Compose (Theme.kt).
This the easiest way availble right now to kickstart your project with dynamic theming. In the exported files you will find auto-generated Theme.kt, Colors.kt and Typography.kt files.
Add the files to your project structure under ui/theme package and you are good to start migrating your project colors.
Alternatively you could just head over to this Github gist for the theme files and add your custom color hexcodes as you see fit.
Building light and dark color schemes
M3 (Material 3) uses what we call as a baseline color scheme to begin with. This baseline color scheme consists of the following colors:
- Primary, Secondary and Tertiary
- On Primary, Secondary and Tertiary
- Primary, Secondary and Tertiary container
- Error, On Error, On Error Container
- Background, On Background
- Surface, On Surface and On surface container (Positive and inverse variants)
- Outline and shadow
Over in all, the baseline currently consists of about 26 colors / tokens for each of the theme variants, light and dark.
In our Theme.kt file we will prepare the light and dark composable color schemes. A color scheme is a state aware container class from the M3 library which holds the various colors we saw above.
The references to the colors above are the same ones we were able to export from the material theme builder, you can also customize the colors to your app or brands design guideline.
Dynamic theming
Up until now, we have been only looking at M3 library and preparing the colors for our app’s theme. Now that we have our M3 light and dark color schemes prepared, lets look at dynamic color schemes.
This is the easier part as M3 provides easy functions for accessing dynamic wallpaper colors. The DynamicTonalPalatte of the M3 library, provides TonalPalettes which encapsulate the dynamic system colors. We will use two functions
Preparing your composable theme
To prepare your app wide theme composable, we need to be mindful of the following:
- Android API support
- System state (Dark or light mode)
We want our app to be backward compatible and design our theme in a manner that it should support dynamic colors if the API is or above SDK 31 (Android 12). We also need to take into account if the user has enabled or disabled dark mode, either manually or automatically based on time of the day.
We can now write our AppTheme composable which wraps our entire UI, we use the above functions to check API support and enable or disable dynamic theming if SDK version in above 31 (Android 12). We also switch the color schemes to the darker palette if the system is in dark mode.
To use your theme, simply call it at the top layer / level of your screen
Footnotes
We have learnt how to leverage M3 components, Jetpack compose and utilize the APIs on Android 12/12L and Tiramisu to build an app wide theme. ���� ��
A sample of material 3 components from material.io
Hope you found this article helpful, if so do share it and add any feedback or questions you may have in the comments below. Cheers!
References
Attributions
- Images from Material.io
About the author
Sid Patil is an Android Engineer and Kotlin Advocate based in Berlin, Germany. He works at Delivery Hero, building ordering experiences for food delivery and Q-commerce brands like Foodpanda and Foodora.
Google Chrome gains full Material You dynamic theme support, but it requires a flag
The latest Chrome Canary update for Android adds full support for Material You’s wallpaper-based dynamic theming. Read on.
It’s no secrete that Google is working on adding Material You flare to many of its first-party apps ahead of the Android 12 public release. Chrome was among the first apps to gain dynamic color support, and over time we have seen more UI elements of Chrome taking on Material You colors. Now, the latest Chrome Canary is bringing full support for Material You’s dynamic theming.
Google recently updated the dynamic color flag on Chrome for Android with full support for dynamic colors. As spotted by Android Police, this new flag is live in the latest version of Chrome Canary, allowing users to apply a fresh coat of Material You across Chrome’s UI.
Dynamic themes with Compose and Material 3
In this article we will quickly learn how to use Jetpack Compose and Material design 3 library to build a theme for your app which uses colors generated by Material You on Android versions 12/12L and above.
This article covers:
- Generating Light and Dark themes
- Leveraging Jetpack Compose for dynamic behaviour
- Building your first theme
- Adapting your app to dynamic colors
Table of content
Dynamic colors of the Android system
The Android system starting from versions 12/12L now supports what we call dynamic theming. Essentialy as a part of the new user customization centric design experience, the Android framework will now extract colors from the wallpaper set on your device.
Monet is the logic within the framework that is responsible for color extraction from the wallpaper. It’s kind of fascinating to understand how Monet works under the hood, you can read more about the internals of how Monet provides dynamic colors to the Android system.
Project dependencies
To bootstrap the project, let’s add the following dependencies to the project for Jetpack compose and material 3.
Compose Material 3 is still in alpha at the time of writing this article.
Material theme builder
If you want the easiest way to use dynamic themes, head over to the site material theme builder. Its a really cool project on Github pages, which will help us get started, without manually preparing the theme files. Further down the article we will take a look at the files generated by the theme builder and also understand how we can manually prepare the theme ourselves.
Once you are on the theme builder site, navigate to the custom colors tab, and here we will prepare the base of our Composable theme. You will find options to select core colors of your application, these colors could be the colors that define your brand or application.
Once you have entered the RGB values, you should be able to export the colors. To export, click on the export option and select Jetpack Compose (Theme.kt).
This the easiest way availble right now to kickstart your project with dynamic theming. In the exported files you will find auto-generated Theme.kt, Colors.kt and Typography.kt files.
Add the files to your project structure under ui/theme package and you are good to start migrating your project colors.
Alternatively you could just head over to this Github gist for the theme files and add your custom color hexcodes as you see fit.
Building light and dark color schemes
M3 (Material 3) uses what we call as a baseline color scheme to begin with. This baseline color scheme consists of the following colors:
- Primary, Secondary and Tertiary
- On Primary, Secondary and Tertiary
- Primary, Secondary and Tertiary container
- Error, On Error, On Error Container
- Background, On Background
- Surface, On Surface and On surface container (Positive and inverse variants)
- Outline and shadow
Over in all, the baseline currently consists of about 26 colors / tokens for each of the theme variants, light and dark.
In our Theme.kt file we will prepare the light and dark composable color schemes. A color scheme is a state aware container class from the M3 library which holds the various colors we saw above.
The references to the colors above are the same ones we were able to export from the material theme builder, you can also customize the colors to your app or brands design guideline.
Dynamic theming
Up until now, we have been only looking at M3 library and preparing the colors for our app’s theme. Now that we have our M3 light and dark color schemes prepared, lets look at dynamic color schemes.
This is the easier part as M3 provides easy functions for accessing dynamic wallpaper colors. The DynamicTonalPalatte of the M3 library, provides TonalPalettes which encapsulate the dynamic system colors. We will use two functions
Preparing your composable theme
To prepare your app wide theme composable, we need to be mindful of the following:
- Android API support
- System state (Dark or light mode)
We want our app to be backward compatible and design our theme in a manner that it should support dynamic colors if the API is or above SDK 31 (Android 12). We also need to take into account if the user has enabled or disabled dark mode, either manually or automatically based on time of the day.
We can now write our AppTheme composable which wraps our entire UI, we use the above functions to check API support and enable or disable dynamic theming if SDK version in above 31 (Android 12). We also switch the color schemes to the darker palette if the system is in dark mode.
To use your theme, simply call it at the top layer / level of your screen
Footnotes
We have learnt how to leverage M3 components, Jetpack compose and utilize the APIs on Android 12/12L and Tiramisu to build an app wide theme. ���� ��
A sample of material 3 components from material.io
Hope you found this article helpful, if so do share it and add any feedback or questions you may have in the comments below. Cheers!
References
Attributions
- Images from Material.io
About the author
Sid Patil is an Android Engineer and Kotlin Advocate based in Berlin, Germany. He works at Delivery Hero, building ordering experiences for food delivery and Q-commerce brands like Foodpanda and Foodora.
PoLight ASA — Meizu today announced availability dates of their new flagship smartphone Meizu 20 Infinity using TLens�
Horten, Norway , 26 May 2023 — poLight ASA (OSE: PLT) today announced that the company has been informed that Meizu today announced that their new flagship smartphone Meizu 20 Infinity using TLens® in the selfie camera will be avaible for pre-order 26 May 2023 at 20:00 CST and available in market from 12 June 2023 .
«Now we are one step closer to holding a smartphone in our hands having a selfie camera «powered by poLight», — as they announced during the release event in Shanghai 30 March. This is an important milestone for us and will greatly help us in promoting our solution» said Dr. Øyvind Isaksen, CEO of poLight ASA.
Repainter · dynamic themes
Repainter предлагает настраиваемую динамическую тему Material You с ярким сообществом на любом устройстве / ПЗУ с Android 12 или новее.
Ознакомьтесь с темами сообщества: https://repainter.app/themes
В зависимости от вашего устройства и версии Android МОЖЕТ ПОТРЕБОВАТЬСЯ ROOT! Установите Repainter, чтобы бесплатно проверить совместимость.
Настройте свой телефон с помощью Repainter:
• Выберите цвета из ваших обоев или выберите свой собственный цвет
• Изменить цвета акцента и фона.
• Получите новые стили тем Android 13 на любом устройстве.
• Изменение цвета и яркости, включая чистый черный цвет AMOLED.
• Расширенные элементы управления поведением и цветовыми мишенями.
• Мгновенно просматривайте темы и цвета
Изучите тематическое сообщество:
• Сохраняйте и делитесь своими темами со всем миром
• Выбирайте из сотен тем, созданных сообществом
• Ищите темы с вашим любимым цветом
ВАЖНЫЕ ПРИМЕЧАНИЯ О СОВМЕСТИМОСТИ
Repainter лучше всего работает с рутом, но некоторые устройства без рута поддерживаются с ограничениями:
• Samsung: поддерживаются все функции, для применения тем требуется перезагрузка.
• Пиксель: ограниченные возможности: только настраиваемый выбор цвета, отдельный выбор цвета фона и стили темы в Android 13). Другая настройка невозможна без root.
• Pixel 3: никаких ограничений! Все работает без рута.
• OnePlus, Oppo, Realme: то же, что и Pixel, если у вас установлено мартовское исправление безопасности или новее.
• Custom ROM с поддержкой Repainter: без ограничений! Все работает без рута.
• Другие устройства: требуется root-доступ.
Repainter можно использовать бесплатно, поэтому вы всегда можете попробовать его и удалить, если он не работает. Приложение сообщит вам, поддерживается ли ваше устройство.
С root поддерживаются все устройства и ПЗУ, включая полную поддержку Samsung One UI, OxygenOS, Asus ZenUI и Sony. Другие скины могут поддерживаться только частично.
СИСТЕМНЫЙ ИНТЕРФЕЙС (уведомления, настройки, сторонние системные приложения и т. д.) НЕ БУДЕТ ТЕМАТИЧЕСКИМ в MIUI или ОС Funtouch.
Repainter настраивает общесистемную цветовую палитру Material You, которая используется приложениями Google и другими сторонними приложениями, поддерживающими Material You. Скины, которые используют свои собственные цвета вместо материала. У вас не будет системной темы пользовательского интерфейса.
Пользовательский интерфейс Samsung One, OxygenOS и Asus ZenUI полностью поддерживаются при наличии root-прав.
Chrome OS is getting one of your favorite Android features
Google Chrome OS will finally be getting the Material You dynamic theme feature in the latest Dev version 114, but there’s a catch: you have to turn on the flag to use it as of now.
According to Android Police, you can create four different accent color schemes by activating the #jelly-colors and #personalization-jelly flags. This feature is unique because those color schemes are based on your wallpaper color, better matching the text and icons so that both are easier to view.
Material You is a feature that Android has had for years under the ColorsOS name, one that Google is also bringing to its Chrome browser, specifically, the Canary v114 build. Unfortunately, unlike Android, Chrome OS doesn’t get a set of themes that are distinct from wallpapers, so if you wanted an interface that stands out from your background, you’re out of luck.
Chrome OS could be getting a huge refresh
There’s a good chance that Google could announce a massive Chrome OS revamp during its Google I/O 2023 event, which will be kicking off on May 10. With all the features that are currently being tested for both Chrome OS and the general Chrome browser, the conference would be the perfect time to reveal a design overhaul.
The event, which you can watch through YouTube as well as Google’s official website, is expected to reveal other major products. The Google Pixel Fold has already been confirmed for launch at the event as well as other announcements like the Android 14 OS, Google Pixel Watch 2, enhancements to Google Bard, and more.
It’ll be interesting to see if Google reveals any other new features and tools for Chrome OS. One such feature would be Material Design 3, which is currently for Google Workspace. It’s a refresh of the previous version that gives some of its most popular tools a more modern look to deliver a simpler, more streamlined UI, which helps users work more efficiently. Having such a tool for the best Chromebooks, which are meant to be pure work machines in the first place, would be brilliant.
At the very least, it would be nice to see the tech giant focusing on expanding what Material You offers to Chrome OS. Currently, it only has the four color palettes like Android 12, versus the 16 different color derivation methods that Android 13 offers.
TechRadar Newsletter
Sign up to receive daily breaking news, reviews, opinion, analysis, deals and more from the world of tech.
By submitting your information you agree to the Terms & Conditions and Privacy Policy and are aged 16 or over.