archive_yaru.dart icon indicating copy to clipboard operation
archive_yaru.dart copied to clipboard

Ubuntu Yaru Flutter Theme

Pub Package

Ubuntu Yaru Style - Distinct look and feel of the Ubuntu Desktop

Test the theme in your browser - HERE

Example app using Yaru light style Example app using Yaru dark style

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

    MaterialApp(
      home: YaruTheme(
        child: 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(
  variant: YaruVariant.red,
  child: ...
)

Contributing to yaru.dart

We welcome contributions! See the contribution guide for more details.

Flutter Version

Ubuntu Yaru Style requires Flutter 2. If you get an error about the current Dart SDK version similar to

[yaru.dart] flutter pub get
Running "flutter pub get" in yaru.dart...                       
The current Dart SDK version is 2.12.0-281.0.dev.

Because yaru requires SDK version >=2.12.0 <3.0.0, version solving failed.
pub get failed (1; Because yaru requires SDK version >=2.12.0 <3.0.0, version solving failed.)
exit code 1

please try upgrading to Flutter 2 by running

flutter upgrade