yaru 0.8.1 copy "yaru: ^0.8.1" to clipboard
yaru: ^0.8.1 copied to clipboard

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

Pub Package

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

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

    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.

145
likes
0
pub points
93%
popularity

Publisher

verified publisherubuntu.com

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

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

collection, flutter, gtk, platform

More

Packages that depend on yaru