Redesign. Improve dashboard page loading.
This commit is contained in:
@@ -1,43 +1,73 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
const int _tbPrimaryColor = 0xFF305680;
|
||||
const int _tbSecondaryColor = 0xFF527dad;
|
||||
const int _tbDarkPrimaryColor = 0xFF9fa8da;
|
||||
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(
|
||||
_tbPrimaryColor,
|
||||
_tbPrimaryColorValue,
|
||||
<int, Color>{
|
||||
50: Color(0xFFE8EAF6),
|
||||
100: Color(0xFFC5CAE9),
|
||||
200: Color(0xFF9FA8DA),
|
||||
300: Color(0xFF7986CB),
|
||||
400: Color(0xFF5C6BC0),
|
||||
500: Color(_tbPrimaryColor),
|
||||
600: Color(_tbSecondaryColor),
|
||||
500: _tbPrimaryColor,
|
||||
600: _tbSecondaryColor,
|
||||
700: Color(0xFF303F9F),
|
||||
800: Color(0xFF283593),
|
||||
900: Color(0xFF1A237E),
|
||||
},);
|
||||
|
||||
const tbDarkMatIndigo = MaterialColor(
|
||||
_tbPrimaryColor,
|
||||
_tbPrimaryColorValue,
|
||||
<int, Color>{
|
||||
50: Color(0xFFE8EAF6),
|
||||
100: Color(0xFFC5CAE9),
|
||||
200: Color(0xFF9FA8DA),
|
||||
300: Color(0xFF7986CB),
|
||||
400: Color(0xFF5C6BC0),
|
||||
500: Color(_tbDarkPrimaryColor),
|
||||
600: Color(_tbSecondaryColor),
|
||||
500: _tbDarkPrimaryColor,
|
||||
600: _tbSecondaryColor,
|
||||
700: Color(0xFF303F9F),
|
||||
800: Color(_tbPrimaryColor),
|
||||
800: _tbPrimaryColor,
|
||||
900: Color(0xFF1A237E),
|
||||
},);
|
||||
|
||||
ThemeData tbTheme = ThemeData(
|
||||
primarySwatch: tbMatIndigo,
|
||||
accentColor: Colors.deepOrange,
|
||||
scaffoldBackgroundColor: Color(0xFFF0F4F9)
|
||||
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
|
||||
)
|
||||
);
|
||||
|
||||
ThemeData tbDarkTheme = ThemeData(
|
||||
|
||||
Reference in New Issue
Block a user