mucke/lib/presentation/theming.dart
2021-07-15 18:33:34 +02:00

98 lines
2.5 KiB
Dart

import 'package:flutter/material.dart';
const Color DARK1 = Color(0xff090711);
const Color DARK2 = Color(0xff141216);
const Color DARK3 = Color(0xff242127); // 645375 // 241d2b
const Color LIGHT1 = Color(0xff913af1);
const Color LIGHT2 = Color(0xffac5bfb);
const double HORIZONTAL_PADDING = 16.0;
ThemeData theme() => ThemeData(
brightness: Brightness.dark,
primaryColor: DARK1,
primaryColorBrightness: Brightness.dark,
primaryColorLight: DARK2,
accentColor: LIGHT1,
highlightColor: LIGHT2,
scaffoldBackgroundColor: DARK2,
cardColor: DARK3,
elevatedButtonTheme: ElevatedButtonThemeData(
style: ElevatedButton.styleFrom(
primary: LIGHT1,
),
),
// https://api.flutter.dev/flutter/material/TextTheme-class.html
textTheme: const TextTheme(
headline1: TextStyle(
fontSize: 28.0,
fontWeight: FontWeight.w900,
color: LIGHT1,
),
headline2: TextStyle(
fontSize: 24.0,
fontWeight: FontWeight.w900,
color: Colors.white,
),
headline3: TextStyle(
fontSize: 20.0,
fontWeight: FontWeight.w900,
color: Colors.white,
),
headline4: TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.w600,
color: Colors.white,
),
headline5: TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.w400,
color: Colors.white70,
),
headline6: TextStyle(fontSize: 18.0),
),
textSelectionTheme: const TextSelectionThemeData(
cursorColor: LIGHT2,
),
tabBarTheme: const TabBarTheme(
labelColor: Colors.white,
),
iconTheme: const IconThemeData(
color: Colors.white,
),
bottomNavigationBarTheme: const BottomNavigationBarThemeData(
backgroundColor: DARK1,
selectedItemColor: LIGHT1,
),
dividerTheme: const DividerThemeData(
indent: HORIZONTAL_PADDING,
endIndent: HORIZONTAL_PADDING,
space: 0.0,
)
);
const TextStyle TEXT_HEADER = TextStyle(
fontSize: 20.0,
fontWeight: FontWeight.bold,
);
const TextStyle TEXT_BIG = TextStyle(
fontSize: 22.0,
fontWeight: FontWeight.bold,
);
const TextStyle TEXT_SUBTITLE = TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.w300,
);
const TextStyle TEXT_SMALL_HEADLINE = TextStyle(
fontSize: 12.0,
fontWeight: FontWeight.normal,
);
const TextStyle TEXT_SMALL_SUBTITLE = TextStyle(
fontSize: 12.0,
fontWeight: FontWeight.w300,
);