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

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

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

    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, platform, yaru_colors

More

Packages that depend on yaru