cake_wallet/lib/themes.dart
2020-01-04 21:31:52 +02:00

185 lines
No EOL
6.6 KiB
Dart

import 'package:flutter/material.dart';
import 'palette.dart';
class Themes {
static final ThemeData lightTheme = ThemeData(
fontFamily: 'Lato',
brightness: Brightness.light,
backgroundColor: Colors.white,
scaffoldBackgroundColor: Colors.white,
hintColor: Palette.lightBlue,
focusColor: Palette.lightGrey, // focused and enabled border color for text fields
primaryTextTheme: TextTheme(
title: TextStyle(
color: Colors.black
),
caption: TextStyle(
color: Colors.black,
),
button: TextStyle(
color: Colors.black,
backgroundColor: Palette.purple, // button purple background color
decorationColor: Palette.deepPink // button pink border color
),
headline: TextStyle(
color: Colors.black // account list tile, contact page
),
subtitle: TextStyle(
color: Palette.wildDarkBlue // filters
),
subhead: TextStyle(
color: Colors.black // transaction raw, trade raw
),
overline: TextStyle(
color: PaletteDark.darkThemeCloseButton // standart list row, transaction details
)
),
toggleButtonsTheme: ToggleButtonsThemeData(
selectedColor: Palette.cakeGreen,
disabledColor: Palette.wildDarkBlue,
color: Palette.switchBackground,
borderColor: Palette.switchBorder
),
selectedRowColor: Palette.purple,
dividerColor: Palette.lightGrey,
dividerTheme: DividerThemeData(
color: Palette.lightGrey
),
accentTextTheme: TextTheme(
title: TextStyle(
color: Colors.grey,
backgroundColor: Palette.creamyGrey // pin button color
),
caption: TextStyle(
color: Palette.wildDarkBlue, // clear button color, exchange page
backgroundColor: Palette.brightBlue, // button blue background color
decorationColor: Palette.cloudySky // button blue border color
),
button: TextStyle(
backgroundColor: Palette.indigo, // button indigo background color
decorationColor: Palette.deepIndigo // button indigo border color
),
subtitle: TextStyle(
color: Colors.black,
backgroundColor: Palette.lightLavender // send page border color
),
headline: TextStyle(
color: Palette.lightGrey2, // receive page
backgroundColor: Colors.white, // restore button background color
decorationColor: Palette.darkGrey, // restore button border color
),
subhead: TextStyle(
color: Palette.lightBlue, // restore button description
backgroundColor: Palette.lightGrey2 // change language background color
),
overline: TextStyle(
color: Palette.nightBlue, // send page text
backgroundColor: Palette.nightBlue, // send page text
decorationColor: Palette.manatee // send page text
)
),
cardColor: Palette.lavender,
cardTheme: CardTheme(
color: Palette.cadetBlue
),
buttonColor: Palette.darkGrey,
primaryIconTheme: IconThemeData(
color: Colors.white
),
accentIconTheme: IconThemeData(
color: Colors.white
)
);
static final ThemeData darkTheme = ThemeData(
fontFamily: 'Lato',
brightness: Brightness.dark,
backgroundColor: PaletteDark.darkThemeBackgroundDark,
scaffoldBackgroundColor: PaletteDark.darkThemeBlack,
hintColor: PaletteDark.darkThemeGrey,
focusColor: PaletteDark.darkThemeGreyWithOpacity, // focused and enabled border color for text fields
primaryTextTheme: TextTheme(
title: TextStyle(
color: PaletteDark.darkThemeTitle
),
caption: TextStyle(
color: Colors.white
),
button: TextStyle(
color: Palette.wildDarkBlue,
backgroundColor: PaletteDark.darkThemePurpleButton, // button purple background color
decorationColor: PaletteDark.darkThemePurpleButtonBorder // button pink border color
),
headline: TextStyle(
color: PaletteDark.darkThemeGrey // account list tile, contact page
),
subtitle: TextStyle(
color: PaletteDark.darkThemeGrey // filters
),
subhead: TextStyle(
color: Palette.blueGrey // transaction raw, trade raw
),
overline: TextStyle(
color: PaletteDark.darkThemeGrey // standart list row, transaction details
)
),
toggleButtonsTheme: ToggleButtonsThemeData(
selectedColor: Palette.cakeGreen,
disabledColor: Palette.wildDarkBlue,
color: PaletteDark.switchBackground,
borderColor: PaletteDark.darkThemeMidGrey
),
selectedRowColor: PaletteDark.darkThemeViolet,
dividerColor: PaletteDark.darkThemeDarkGrey,
dividerTheme: DividerThemeData(
color: PaletteDark.darkThemeGreyWithOpacity
),
accentTextTheme: TextTheme(
title: TextStyle(
color: PaletteDark.darkThemeTitle,
backgroundColor: PaletteDark.darkThemePinDigitButton // pin button color
),
caption: TextStyle(
color: PaletteDark.darkThemeTitleViolet, // clear button color, exchange page
backgroundColor: PaletteDark.darkThemeBlueButton, // button blue background color
decorationColor: PaletteDark.darkThemeBlueButtonBorder // button blue border color
),
button: TextStyle(
backgroundColor: PaletteDark.darkThemeIndigoButton, // button indigo background color
decorationColor: PaletteDark.darkThemeIndigoButtonBorder // button indigo border color
),
subtitle: TextStyle(
color: PaletteDark.wildDarkBlueWithOpacity,
backgroundColor: PaletteDark.darkThemeDarkGrey // send page border color
),
headline: TextStyle(
color: PaletteDark.darkThemeBlack, // receive page
backgroundColor: PaletteDark.darkThemeMidGrey, // restore button background color
decorationColor: PaletteDark.darkThemeDarkGrey, // restore button border color
),
subhead: TextStyle(
color: Palette.wildDarkBlue, // restore button description
backgroundColor: PaletteDark.darkThemeMidGrey // change language background color
),
overline: TextStyle(
color: PaletteDark.darkThemeTitle, // send page text
backgroundColor: PaletteDark.darkThemeGrey, // send page text
decorationColor: PaletteDark.darkThemeTitle // send page text
)
),
cardColor: PaletteDark.darkThemeMidGrey,
cardTheme: CardTheme(
color: PaletteDark.darkThemeGrey
),
buttonColor: PaletteDark.darkThemePinButton,
primaryIconTheme: IconThemeData(
color: PaletteDark.darkThemeViolet
),
accentIconTheme: IconThemeData(
color: PaletteDark.darkThemeIndigoButtonBorder
)
);
}