2023-07-03 18:48:27 +00:00
|
|
|
import 'package:cake_wallet/themes/extensions/address_theme.dart';
|
2023-07-03 18:36:17 +00:00
|
|
|
import 'package:cake_wallet/themes/extensions/balance_page_theme.dart';
|
2023-07-03 12:43:33 +00:00
|
|
|
import 'package:cake_wallet/themes/extensions/cake_scrollbar_theme.dart';
|
2023-07-03 19:21:11 +00:00
|
|
|
import 'package:cake_wallet/themes/extensions/dashboard_page_theme.dart';
|
2023-07-03 17:56:29 +00:00
|
|
|
import 'package:cake_wallet/themes/extensions/exchange_page_theme.dart';
|
2023-07-03 19:21:11 +00:00
|
|
|
import 'package:cake_wallet/themes/extensions/indicator_dot_theme.dart';
|
2023-07-03 16:29:44 +00:00
|
|
|
import 'package:cake_wallet/themes/extensions/keyboard_theme.dart';
|
2023-07-03 18:26:44 +00:00
|
|
|
import 'package:cake_wallet/themes/extensions/new_wallet_theme.dart';
|
2023-07-03 16:38:39 +00:00
|
|
|
import 'package:cake_wallet/themes/extensions/pin_code_theme.dart';
|
2023-07-03 16:58:02 +00:00
|
|
|
import 'package:cake_wallet/themes/extensions/support_page_theme.dart';
|
2023-07-03 12:48:09 +00:00
|
|
|
import 'package:cake_wallet/themes/extensions/sync_indicator_theme.dart';
|
2020-12-15 19:43:50 +00:00
|
|
|
import 'package:cake_wallet/themes/theme_base.dart';
|
2020-12-15 19:30:16 +00:00
|
|
|
import 'package:cake_wallet/generated/i18n.dart';
|
|
|
|
import 'package:cake_wallet/palette.dart';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
|
|
|
class DarkTheme extends ThemeBase {
|
2022-10-12 17:09:57 +00:00
|
|
|
DarkTheme({required int raw}) : super(raw: raw);
|
2020-12-15 19:30:16 +00:00
|
|
|
|
|
|
|
@override
|
|
|
|
String get title => S.current.dark_theme;
|
|
|
|
@override
|
|
|
|
ThemeType get type => ThemeType.dark;
|
2023-06-30 16:55:22 +00:00
|
|
|
@override
|
|
|
|
Brightness get brightness => Brightness.dark;
|
|
|
|
@override
|
|
|
|
Color get backgroundColor => PaletteDark.backgroundColor;
|
|
|
|
@override
|
|
|
|
Color get primaryColor => Palette.blueCraiola;
|
|
|
|
@override
|
|
|
|
Color get primaryTextColor => Colors.white;
|
|
|
|
@override
|
|
|
|
Color get containerColor => PaletteDark.nightBlue;
|
2023-07-03 12:37:29 +00:00
|
|
|
@override
|
|
|
|
Color get dialogBackgroundColor => PaletteDark.darkNightBlue;
|
2020-12-15 19:30:16 +00:00
|
|
|
|
2023-07-03 12:43:33 +00:00
|
|
|
@override
|
|
|
|
CakeScrollbarTheme get scrollbarTheme => CakeScrollbarTheme(
|
|
|
|
thumbColor: PaletteDark.wildBlueGrey, trackColor: PaletteDark.violetBlue);
|
|
|
|
|
2023-07-03 12:48:09 +00:00
|
|
|
@override
|
|
|
|
SyncIndicatorTheme get syncIndicatorStyle => SyncIndicatorTheme(
|
|
|
|
textColor: PaletteDark.wildBlue,
|
|
|
|
syncedBackgroundColor: PaletteDark.lightNightBlue,
|
|
|
|
notSyncedIconColor: PaletteDark.orangeYellow,
|
|
|
|
notSyncedBackgroundColor: PaletteDark.oceanBlue);
|
|
|
|
|
2023-07-03 16:29:44 +00:00
|
|
|
@override
|
|
|
|
KeyboardTheme get keyboardTheme =>
|
|
|
|
KeyboardTheme(keyboardBarColor: PaletteDark.granite);
|
|
|
|
|
2023-07-03 16:38:39 +00:00
|
|
|
@override
|
|
|
|
PinCodeTheme get pinCodeTheme => PinCodeTheme(
|
|
|
|
indicatorsColor: PaletteDark.indicatorVioletBlue,
|
|
|
|
switchColor: PaletteDark.lightPurpleBlue);
|
|
|
|
|
2023-07-03 16:58:02 +00:00
|
|
|
@override
|
|
|
|
SupportPageTheme get supportPageTheme =>
|
|
|
|
SupportPageTheme(iconColor: Colors.white);
|
|
|
|
|
2023-07-03 17:56:29 +00:00
|
|
|
@override
|
|
|
|
ExchangePageTheme get exchangePageTheme => ExchangePageTheme(
|
|
|
|
hintTextColor: PaletteDark.lightBlueGrey,
|
|
|
|
dividerCodeColor: PaletteDark.deepVioletBlue,
|
|
|
|
qrCodeColor: primaryTextColor,
|
|
|
|
buttonBackgroundColor: PaletteDark.deepVioletBlue,
|
|
|
|
textFieldButtonColor: PaletteDark.moderateBlue,
|
|
|
|
textFieldBorderBottomPanelColor: PaletteDark.moderateVioletBlue,
|
|
|
|
textFieldBorderTopPanelColor: PaletteDark.blueGrey,
|
|
|
|
secondGradientBottomPanelColor: PaletteDark.darkNightBlue,
|
|
|
|
firstGradientBottomPanelColor: PaletteDark.darkNightBlue,
|
|
|
|
secondGradientTopPanelColor: PaletteDark.wildVioletBlue,
|
|
|
|
firstGradientTopPanelColor: PaletteDark.wildVioletBlue,
|
|
|
|
receiveAmountColor: PaletteDark.darkCyanBlue);
|
|
|
|
|
2023-07-03 18:26:44 +00:00
|
|
|
@override
|
|
|
|
NewWalletTheme get newWalletTheme => NewWalletTheme(
|
|
|
|
hintTextColor: PaletteDark.cyanBlue,
|
|
|
|
underlineColor: PaletteDark.darkGrey);
|
|
|
|
|
2023-07-03 18:36:17 +00:00
|
|
|
@override
|
|
|
|
BalancePageTheme get balancePageTheme =>
|
|
|
|
BalancePageTheme(textColor: PaletteDark.cyanBlue);
|
|
|
|
|
2023-07-03 18:48:27 +00:00
|
|
|
@override
|
|
|
|
AddressTheme get addressTheme =>
|
|
|
|
AddressTheme(actionButtonColor: PaletteDark.nightBlue);
|
|
|
|
|
2023-07-03 19:21:11 +00:00
|
|
|
@override
|
|
|
|
DashboardPageTheme get dashboardPageTheme =>
|
|
|
|
super.dashboardPageTheme.copyWith(
|
|
|
|
indicatorDotTheme: IndicatorDotTheme(
|
|
|
|
indicatorColor: PaletteDark.cyanBlue,
|
|
|
|
activeIndicatorColor: Colors.white));
|
|
|
|
|
2023-06-30 16:55:22 +00:00
|
|
|
@override
|
|
|
|
ThemeData get themeData => super.themeData.copyWith(
|
2020-12-15 19:30:16 +00:00
|
|
|
indicatorColor: PaletteDark.cyanBlue, // page indicator
|
|
|
|
hoverColor: PaletteDark.cyanBlue, // amount hint text (receive page)
|
|
|
|
dividerColor: PaletteDark.dividerColor,
|
|
|
|
hintColor: PaletteDark.pigeonBlue, // menu
|
2023-07-03 17:01:54 +00:00
|
|
|
disabledColor: PaletteDark.deepVioletBlue,
|
2023-07-03 12:17:47 +00:00
|
|
|
dialogTheme: super
|
|
|
|
.themeData
|
|
|
|
.dialogTheme
|
|
|
|
.copyWith(backgroundColor: PaletteDark.nightBlue),
|
2020-12-15 19:30:16 +00:00
|
|
|
textTheme: TextTheme(
|
2023-05-24 23:19:51 +00:00
|
|
|
bodySmall: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
decorationColor: PaletteDark.wildBlue, // filter icon
|
|
|
|
),
|
2023-05-24 23:19:51 +00:00
|
|
|
labelSmall: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: PaletteDark.oceanBlue, // filter button
|
|
|
|
backgroundColor: PaletteDark.darkCyanBlue, // date section row
|
2023-05-24 23:19:51 +00:00
|
|
|
decorationColor: PaletteDark
|
|
|
|
.wildNightBlue // icons (transaction and trade rows)
|
|
|
|
),
|
|
|
|
// subhead -> titleMedium
|
|
|
|
titleMedium: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: PaletteDark.nightBlue, // address button border
|
|
|
|
decorationColor: PaletteDark.lightBlueGrey, // copy button (qr widget)
|
|
|
|
),
|
2023-05-24 23:19:51 +00:00
|
|
|
// headline -> headlineSmall
|
|
|
|
headlineSmall: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: PaletteDark.lightBlueGrey, // qr code
|
|
|
|
decorationColor: PaletteDark.darkGrey, // bottom border of amount (receive page)
|
|
|
|
),
|
2023-05-24 23:19:51 +00:00
|
|
|
// display1 -> headlineMedium
|
|
|
|
headlineMedium: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: Colors.white, // icons color (receive page)
|
|
|
|
decorationColor: PaletteDark.distantNightBlue, // icons background (receive page)
|
|
|
|
),
|
2023-05-24 23:19:51 +00:00
|
|
|
// display2 -> displaySmall
|
|
|
|
displaySmall: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: Colors.white, // text color of tiles (receive page)
|
2023-05-24 23:19:51 +00:00
|
|
|
decorationColor:
|
|
|
|
PaletteDark.nightBlue // background of tiles (receive page)
|
|
|
|
),
|
|
|
|
// display3 -> displayMedium
|
|
|
|
displayMedium: TextStyle(
|
|
|
|
color: Palette
|
|
|
|
.blueCraiola, // text color of current tile (receive page)
|
|
|
|
decorationColor: PaletteDark
|
|
|
|
.lightOceanBlue // background of current tile (receive page)
|
|
|
|
),
|
|
|
|
// display4 -> displayLarge
|
|
|
|
displayLarge: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: Colors.white, // text color of tiles (account list)
|
2023-05-24 23:19:51 +00:00
|
|
|
decorationColor: PaletteDark
|
|
|
|
.darkOceanBlue // background of tiles (account list)
|
|
|
|
),
|
|
|
|
// body2 -> bodyLarge
|
|
|
|
bodyLarge: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: PaletteDark.deepPurpleBlue, // menu header
|
|
|
|
decorationColor: PaletteDark.deepPurpleBlue, // menu background
|
|
|
|
)
|
|
|
|
),
|
|
|
|
primaryTextTheme: TextTheme(
|
2023-05-24 23:19:51 +00:00
|
|
|
// title -> titleLarge
|
|
|
|
titleLarge: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: Colors.white, // title color
|
|
|
|
backgroundColor: PaletteDark.darkOceanBlue // textfield underline
|
2023-05-24 23:19:51 +00:00
|
|
|
),
|
|
|
|
bodySmall: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: PaletteDark.darkCyanBlue, // secondary text
|
|
|
|
decorationColor: PaletteDark.darkOceanBlue // menu divider
|
2023-05-24 23:19:51 +00:00
|
|
|
),
|
|
|
|
labelSmall: TextStyle(
|
|
|
|
color:
|
|
|
|
PaletteDark.lightBlueGrey, // transaction/trade details titles
|
2020-12-15 19:30:16 +00:00
|
|
|
decorationColor: Colors.grey, // placeholder
|
|
|
|
),
|
2023-05-24 23:19:51 +00:00
|
|
|
// subhead -> titleMedium
|
|
|
|
titleMedium: TextStyle(
|
|
|
|
color:
|
|
|
|
PaletteDark.darkNightBlue, // first gradient color (send page)
|
|
|
|
decorationColor:
|
|
|
|
PaletteDark.darkNightBlue // second gradient color (send page)
|
|
|
|
),
|
|
|
|
// headline -> headlineSmall
|
|
|
|
headlineSmall: TextStyle(
|
|
|
|
color: PaletteDark
|
|
|
|
.lightVioletBlue, // text field border color (send page)
|
|
|
|
decorationColor:
|
|
|
|
PaletteDark.darkCyanBlue, // text field hint color (send page)
|
2020-12-15 19:30:16 +00:00
|
|
|
),
|
2023-05-24 23:19:51 +00:00
|
|
|
// display1 -> headlineMedium
|
|
|
|
headlineMedium: TextStyle(
|
|
|
|
color: PaletteDark
|
|
|
|
.buttonNightBlue, // text field button color (send page)
|
|
|
|
decorationColor:
|
|
|
|
PaletteDark.gray // text field button icon color (send page)
|
|
|
|
),
|
|
|
|
// display2 -> displaySmall
|
|
|
|
displaySmall: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: Colors.white, // estimated fee (send page)
|
2023-05-24 23:19:51 +00:00
|
|
|
decorationColor:
|
|
|
|
PaletteDark.darkCyanBlue // template dotted border (send page)
|
|
|
|
),
|
|
|
|
// display3 -> displayMedium
|
|
|
|
displayMedium: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: PaletteDark.darkCyanBlue, // template new text (send page)
|
2023-05-24 23:19:51 +00:00
|
|
|
decorationColor: PaletteDark
|
|
|
|
.darkVioletBlue // template background color (send page)
|
|
|
|
),
|
|
|
|
// display4 -> displayLarge
|
|
|
|
displayLarge: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: PaletteDark.cyanBlue, // template title (send page)
|
2023-05-24 23:19:51 +00:00
|
|
|
backgroundColor:
|
|
|
|
Colors.white, // icon color on order row (moonpay)
|
|
|
|
),
|
|
|
|
// body2 -> bodyLarge
|
|
|
|
bodyLarge: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
backgroundColor: Palette.alizarinRed // alert left button text
|
|
|
|
)
|
|
|
|
),
|
|
|
|
accentTextTheme: TextTheme(
|
2023-05-24 23:19:51 +00:00
|
|
|
// title -> titleLarge
|
|
|
|
titleLarge: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
backgroundColor: PaletteDark.dividerColor, // picker divider
|
2023-05-24 23:19:51 +00:00
|
|
|
),
|
|
|
|
bodySmall: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
decorationColor: Palette.darkLavender, // text color (information page)
|
|
|
|
),
|
2023-05-24 23:19:51 +00:00
|
|
|
// subtitle -> titleSmall
|
|
|
|
titleSmall: TextStyle(
|
|
|
|
decorationColor: Colors
|
|
|
|
.white // crete new wallet button background (wallet list page)
|
|
|
|
),
|
|
|
|
// headline -> headlineSmall
|
|
|
|
headlineSmall: TextStyle(
|
|
|
|
color: PaletteDark
|
|
|
|
.distantBlue, // first gradient color of wallet action buttons (wallet list page)
|
|
|
|
decorationColor: Palette
|
|
|
|
.darkBlueCraiola // restore wallet button text color (wallet list page)
|
|
|
|
),
|
|
|
|
// subhead -> titleMedium
|
|
|
|
titleMedium: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: Colors.white, // titles color (filter widget)
|
2023-05-24 23:19:51 +00:00
|
|
|
backgroundColor:
|
|
|
|
PaletteDark.darkOceanBlue, // divider color (filter widget)
|
|
|
|
decorationColor: PaletteDark.wildVioletBlue
|
|
|
|
.withOpacity(0.3) // checkbox background (filter widget)
|
|
|
|
),
|
|
|
|
labelSmall: TextStyle(
|
2020-12-15 19:30:16 +00:00
|
|
|
color: PaletteDark.wildVioletBlue, // checkbox bounds (filter widget)
|
|
|
|
decorationColor: PaletteDark.darkCyanBlue, // menu subname
|
|
|
|
),
|
2023-05-24 23:19:51 +00:00
|
|
|
// display1 -> headlineMedium
|
|
|
|
headlineMedium: TextStyle(
|
|
|
|
color: PaletteDark
|
|
|
|
.deepPurpleBlue, // first gradient color (menu header)
|
|
|
|
decorationColor: PaletteDark
|
|
|
|
.deepPurpleBlue, // second gradient color(menu header)
|
|
|
|
),
|
2020-12-15 19:30:16 +00:00
|
|
|
),
|
2023-05-24 23:19:51 +00:00
|
|
|
);
|
|
|
|
}
|