Files
flutter_thingsboard_app/lib/config/themes/tb_theme.dart
2022-08-12 15:13:53 +03:00

83 lines
2.6 KiB
Dart

import 'package:flutter/material.dart';
import 'package:thingsboard_app/utils/transition/page_transitions.dart';
const int _tbPrimaryColorValue = 0xFF305680;
const Color _tbPrimaryColor = Color(_tbPrimaryColorValue);
const Color _tbSecondaryColor = Color(0xFF527dad);
const Color _tbDarkPrimaryColor = Color(0xFF9fa8da);
const int _tbTextColorValue = 0xFF282828;
const Color _tbTextColor = Color(_tbTextColorValue);
var tbTypography = Typography.material2018();
const tbMatIndigo = MaterialColor(
_tbPrimaryColorValue,
<int, Color>{
50: Color(0xFFE8EAF6),
100: Color(0xFFC5CAE9),
200: Color(0xFF9FA8DA),
300: Color(0xFF7986CB),
400: Color(0xFF5C6BC0),
500: _tbPrimaryColor,
600: _tbSecondaryColor,
700: Color(0xFF303F9F),
800: Color(0xFF283593),
900: Color(0xFF1A237E),
},
);
const tbDarkMatIndigo = MaterialColor(
_tbPrimaryColorValue,
<int, Color>{
50: Color(0xFFE8EAF6),
100: Color(0xFFC5CAE9),
200: Color(0xFF9FA8DA),
300: Color(0xFF7986CB),
400: Color(0xFF5C6BC0),
500: _tbDarkPrimaryColor,
600: _tbSecondaryColor,
700: Color(0xFF303F9F),
800: _tbPrimaryColor,
900: Color(0xFF1A237E),
},
);
final ThemeData theme = ThemeData(primarySwatch: tbMatIndigo);
ThemeData tbTheme = ThemeData(
primarySwatch: tbMatIndigo,
colorScheme: theme.colorScheme.copyWith(secondary: Colors.deepOrange),
scaffoldBackgroundColor: Color(0xFFFAFAFA),
textTheme: tbTypography.black,
primaryTextTheme: tbTypography.black,
typography: tbTypography,
appBarTheme: AppBarTheme(
backgroundColor: Colors.white,
foregroundColor: _tbTextColor,
/* titleTextStyle: TextStyle(
color: _tbTextColor
),
toolbarTextStyle: TextStyle(
color: _tbTextColor
), */
iconTheme: IconThemeData(color: _tbTextColor)),
bottomNavigationBarTheme: BottomNavigationBarThemeData(
backgroundColor: Colors.white,
selectedItemColor: _tbPrimaryColor,
unselectedItemColor: _tbPrimaryColor.withAlpha((255 * 0.38).ceil()),
showSelectedLabels: true,
showUnselectedLabels: true),
pageTransitionsTheme: PageTransitionsTheme(builders: {
TargetPlatform.iOS: FadeOpenPageTransitionsBuilder(),
TargetPlatform.android: FadeOpenPageTransitionsBuilder(),
}));
final ThemeData darkTheme =
ThemeData(primarySwatch: tbDarkMatIndigo, brightness: Brightness.dark);
ThemeData tbDarkTheme = ThemeData(
primarySwatch: tbDarkMatIndigo,
colorScheme: darkTheme.colorScheme.copyWith(secondary: Colors.deepOrange),
brightness: Brightness.dark);