Implementation of the Ubuntu Yaru flutter theme

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

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. Make you sure when you import this package such as:
import 'package:yaru/yaru.dart' as yaru;
  1. Inside your MaterialApp set theme to yaru.lightTheme which is the standard light theme and darkTheme to yaru.darkTheme to get the yaru dark theme. The darkTheme property is used when you toggle your system theme to dark:
MaterialApp(
      theme: yaru.lightTheme,
      darkTheme: yaru.darkTheme,
      home: Scaffold(
        appBar: AppBar(
          title: Text('Yaru Theme'),
        ),
        body: Container(),
      ),
    );

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

GitHub

Source Code: Yaru

SHARE Implementation of the Ubuntu Yaru flutter theme

You may also like...

Leave a Reply

Your email address will not be published.

Share