yaru.dart implements the Ubuntu Yaru design and Canonical Vanilla Design as a Flutter theme for material.dart.
Test the theme in your browser - HERE
Using Yaru
To be able to use this package follow this steps:
-
Import yaru.dart
import 'package:yaru/yaru.dart';
-
Create
YaruTheme
YaruTheme( builder: (context, yaru, child) { return MaterialApp( theme: yaru.theme, darkTheme: yaru.darkTheme, home: Scaffold( appBar: AppBar( title: Text('Yaru Theme'), ), body: Container(), ), ); } );
Variants
Yaru comes in several variants. The YaruTheme
widget detects the appropriate
flavor and accent color from the system on Linux, and defaults to YaruVariant.orange
on other platforms. Applications may choose a specific variant by manually
setting the variant
propert.
YaruTheme(
data: YaruThemeData(
variant: YaruVariant.red,
),
child: ...
)
Contributing to yaru.dart
We welcome contributions! See the contribution guide for more details.