Introduce YaruTheme widget #150
Conversation
The `YaruTheme` widget detects the appropriate flavor and accent color
from the system, and applies the appropriate Yaru theme to its
descendants.
```dart
MaterialApp(
home: YaruTheme(
child: ...
),
)
```
Applications may choose a specific flavor and accent color by manually
setting the `accent` and `flavor` properties, respectively.
```dart
YaruTheme(
accent: YaruAccent.red,
flavor: YaruFlavor.ubuntu,
child: ...
)
```
|
As mentioned above, On other platforms, a plain MaterialApp(
home: YaruTheme(
child: MyHomePage()
),
)vs. MaterialApp(
theme: yaruLight,
darkTheme: yaruDark,
highContrastTheme: yaruHighContrastLight,
highContrastDarkTheme: yaruHighContrastDark,
home: MyHomePage(),
) |
|
Web-compatible: inherited-theme-web.mp4 |
|
Very nice solution for all platforms! 👍 🥂 |
A last minute tweak in ubuntu#150 to check for the platform was forgotten in tests...
* Fix tests A last minute tweak in #150 to check for the platform was forgotten in tests... * CI: enable tests
|
Hi. Sorry for being a bit off topic here, in material-foundation/material-dynamic-color-flutter#42 and material-foundation/material-dynamic-color-flutter#43 I've implemented something for material-dynamic-color that can retrieve system accent color of Windows and macOS and now for the Linux one material-foundation/flutter-packages#336 maybe you can help to make the Gtk one happen there, or maybe we can have a shared package providing basic parts of retrieving system accent color so both packages can enjoy it. Thanks! |
|
Hi @ebraminio, sounds interesting! It might be best to implement that one in C/C++ because the plugin is not federated and it might be nice to avoid pulling in such dependencies as gsettings.dart and dbus.dart for all platforms. |
The
YaruThemewidget applies the Yaru theme to its descendants.The
YaruThemewidget detects the appropriate flavor and accent color from the system on Linux, and defaults toYaruFlavor.ubuntuandYaruAccent.orangeon other platforms. Applications may choose a specific flavor and accent color by manually setting theaccentandflavorproperties, respectively.The following video illustrates how the example app that has been modified to use the
YaruThemewidget, follows the system accent color by default until the application explicitly overrides the accent color with a specific color chosen by the user.inherited-theme.mp4