An arctic, north-bluish theme for Flutter, based on the Nord theme. Warning: This is not an official theme (not made by Arctic Ice Studio).
First, add this package to your Flutter project (see also Installation).
In your pubspec.yaml
, add flutter_nord_theme
as a dependency:
dependencies:
flutter_nord_theme: <lastest version>
Once the package is installed, you can pass either NordTheme.dark
or
NordTheme.light
as a ThemeData
to your app.
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
themeMode: ThemeMode.light, // or [ThemeMode.dark]
theme: NordTheme.light(),
darkTheme: NordTheme.dark(),
home: Scaffold(
appBar: AppBar(title: Text('Title')),
body: Center(child: Text('Example text.')),
),
);
}
}
Apart from NordTheme
, this package comes with a second class: NordColors
, that provides various ways to access the 16 colors of the Nord palette (numbered from 0 to 16 as in the docs):
NordColors.$0; // a dart [Color], the same ones Flutter uses
NordColors.$13.withAlpha(0.5); // comes by default with a full opacity
In the official Nord documentation, the colors are not named, they are only numbered. For this package we decided to provide in addition to an access by their number a way to access the colors by names. For the correspondence, see the table below. Here is an example:
NordColors.frost.darker;
NordColors.aurora.green;
Number | Name |
---|---|
0 | polarNight.darkest |
1 | polarNight.darker |
2 | polarNight.lighter |
3 | polarNight.lightest |
4 | snowStorm.darkest |
5 | snowStorm.medium |
6 | snowStorm.lightest |
7 | frost.lightest |
8 | frost.lighter |
9 | frost.darker |
10 | frost.darkest |
11 | aurora.red |
12 | aurora.orange |
13 | aurora.yellow |
14 | aurora.green |
15 | aurora.purple |
This package is licensed under the MIT License.