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:

1. Installation

2. Import yaru.dart

   import 'package:yaru/yaru.dart';
   

3. 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.