cake_wallet/lib/themes/monero_dark_theme.dart
tuxsudo 52983edf91
UI Enhancements (#1308)
* Center the account text on the balance page

* Modify dashboard button spacing

* Change default theme to Dark theme

* Remove legacyTheme and modify theme order

* Add condition for Monero.com wallet default theme

* Add locale for new themes

* Add new themes

* Update padding

* Fixes

* Update settings_store.dart

---------

Co-authored-by: Omar Hatem <omarh.ismail1@gmail.com>
2024-02-23 20:49:21 +02:00

194 lines
7.9 KiB
Dart

import 'package:cake_wallet/themes/dark_theme.dart';
import 'package:cake_wallet/themes/extensions/account_list_theme.dart';
import 'package:cake_wallet/themes/extensions/address_theme.dart';
import 'package:cake_wallet/themes/extensions/alert_theme.dart';
import 'package:cake_wallet/themes/extensions/balance_page_theme.dart';
import 'package:cake_wallet/themes/extensions/cake_scrollbar_theme.dart';
import 'package:cake_wallet/themes/extensions/cake_text_theme.dart';
import 'package:cake_wallet/themes/extensions/dashboard_page_theme.dart';
import 'package:cake_wallet/themes/extensions/exchange_page_theme.dart';
import 'package:cake_wallet/themes/extensions/filter_theme.dart';
import 'package:cake_wallet/themes/extensions/indicator_dot_theme.dart';
import 'package:cake_wallet/themes/extensions/info_theme.dart';
import 'package:cake_wallet/themes/extensions/menu_theme.dart';
import 'package:cake_wallet/themes/extensions/new_wallet_theme.dart';
import 'package:cake_wallet/themes/extensions/picker_theme.dart';
import 'package:cake_wallet/themes/extensions/pin_code_theme.dart';
import 'package:cake_wallet/themes/extensions/qr_code_theme.dart';
import 'package:cake_wallet/themes/extensions/receive_page_theme.dart';
import 'package:cake_wallet/themes/extensions/seed_widget_theme.dart';
import 'package:cake_wallet/themes/extensions/send_page_theme.dart';
import 'package:cake_wallet/themes/extensions/sync_indicator_theme.dart';
import 'package:cake_wallet/themes/extensions/transaction_trade_theme.dart';
import 'package:cake_wallet/themes/extensions/wallet_list_theme.dart';
import 'package:cake_wallet/generated/i18n.dart';
import 'package:cake_wallet/palette.dart';
import 'package:flutter/material.dart';
class MoneroDarkTheme extends DarkTheme {
MoneroDarkTheme({required int raw}) : super(raw: raw);
@override
String get title => S.current.monero_dark_theme;
@override
Color get backgroundColor => Colors.black;
@override
Color get primaryColor => PaletteDark.moneroOrange;
@override
Color get containerColor => PaletteDark.moneroCard;
@override
Color get dialogBackgroundColor => containerColor;
@override
CakeScrollbarTheme get scrollbarTheme =>
super.scrollbarTheme.copyWith(thumbColor: Colors.grey);
@override
SyncIndicatorTheme get syncIndicatorStyle =>
super.syncIndicatorStyle.copyWith(
textColor: Colors.white,
notSyncedBackgroundColor: Colors.grey.withOpacity(0.2),
syncedBackgroundColor: containerColor);
@override
PinCodeTheme get pinCodeTheme => super
.pinCodeTheme
.copyWith(indicatorsColor: primaryColor, switchColor: Colors.grey);
@override
ExchangePageTheme get exchangePageTheme => super.exchangePageTheme.copyWith(
hintTextColor: Colors.grey,
qrCodeColor: primaryTextColor,
buttonBackgroundColor: colorScheme.surfaceVariant,
textFieldButtonColor: colorScheme.onInverseSurface,
textFieldBorderBottomPanelColor: colorScheme.surfaceVariant,
textFieldBorderTopPanelColor: colorScheme.surfaceVariant,
secondGradientBottomPanelColor: containerColor,
firstGradientBottomPanelColor: containerColor,
secondGradientTopPanelColor: colorScheme.surface,
firstGradientTopPanelColor: colorScheme.surface,
receiveAmountColor: colorScheme.surfaceVariant);
@override
NewWalletTheme get newWalletTheme => super
.newWalletTheme
.copyWith(hintTextColor: Colors.grey, underlineColor: Colors.grey);
@override
AddressTheme get addressTheme =>
super.addressTheme.copyWith(actionButtonColor: containerColor);
@override
DashboardPageTheme get dashboardPageTheme =>
super.dashboardPageTheme.copyWith(
pageTitleTextColor: primaryColor,
mainActionsIconColor: primaryColor,
indicatorDotTheme: IndicatorDotTheme(
indicatorColor: colorScheme.secondaryContainer,
activeIndicatorColor: colorScheme.inversePrimary));
@override
BalancePageTheme get balancePageTheme => super.balancePageTheme.copyWith(
cardBorderColor: primaryColor.withOpacity(0.2),
labelTextColor: Colors.grey,
balanceAmountColor: primaryColor,
assetTitleColor: primaryColor);
@override
CakeMenuTheme get menuTheme => super.menuTheme.copyWith(
headerFirstGradientColor: primaryColor,
headerSecondGradientColor: containerColor,
backgroundColor: containerColor,
subnameTextColor: Colors.grey,
dividerColor: colorScheme.secondaryContainer,
iconColor: Colors.white,
settingActionsIconColor: colorScheme.secondaryContainer);
@override
FilterTheme get filterTheme => super.filterTheme.copyWith(
checkboxFirstGradientColor: colorScheme.secondaryContainer,
checkboxSecondGradientColor: colorScheme.inversePrimary,
checkboxBoundsColor: PaletteDark.wildVioletBlue,
checkboxBackgroundColor: PaletteDark.wildVioletBlue.withOpacity(0.3),
buttonColor: containerColor,
iconColor: Colors.grey);
@override
WalletListTheme get walletListTheme => super.walletListTheme.copyWith(
restoreWalletButtonTextColor: Colors.white,
createNewWalletButtonBackgroundColor: primaryColor);
@override
InfoTheme get infoTheme => super.infoTheme.copyWith(textColor: Colors.grey);
@override
PickerTheme get pickerTheme =>
super.pickerTheme.copyWith(dividerColor: Colors.grey.withOpacity(0.5));
@override
SendPageTheme get sendPageTheme => super.sendPageTheme.copyWith(
templateNewTextColor:
dashboardPageTheme.indicatorDotTheme.activeIndicatorColor,
templateTitleColor: primaryTextColor,
templateBackgroundColor: containerColor,
templateDottedBorderColor: colorScheme.primaryContainer,
templateSelectedCurrencyTitleColor: Colors.black,
textFieldButtonIconColor: colorScheme.inverseSurface,
textFieldButtonColor: colorScheme.onInverseSurface,
textFieldHintColor: Colors.grey.withOpacity(0.5),
textFieldBorderColor: Colors.grey.withOpacity(0.5),
secondGradientColor: containerColor,
firstGradientColor: containerColor,
indicatorDotColor: dashboardPageTheme.indicatorDotTheme.indicatorColor);
@override
SeedWidgetTheme get seedWidgetTheme =>
super.seedWidgetTheme.copyWith(hintTextColor: Colors.grey);
@override
TransactionTradeTheme get transactionTradeTheme => super
.transactionTradeTheme
.copyWith(detailsTitlesColor: Colors.grey, rowsColor: containerColor);
@override
CakeTextTheme get cakeTextTheme => super.cakeTextTheme.copyWith(
secondaryTextColor: Colors.grey,
addressButtonBorderColor: primaryColor.withOpacity(0.2),
dateSectionRowColor: Colors.grey,
textfieldUnderlineColor: Colors.grey.withOpacity(0.5));
@override
AccountListTheme get accountListTheme =>
super.accountListTheme.copyWith(tilesBackgroundColor: containerColor);
@override
ReceivePageTheme get receivePageTheme => super.receivePageTheme.copyWith(
currentTileBackgroundColor: primaryColor,
currentTileTextColor: Colors.white,
tilesBackgroundColor: containerColor,
iconsBackgroundColor: colorScheme.onInverseSurface,
iconsColor: colorScheme.inverseSurface,
amountBottomBorderColor: Colors.grey,
amountHintTextColor: Colors.grey);
@override
QRCodeTheme get qrCodeTheme => QRCodeTheme(
qrCodeColor: Colors.grey, qrWidgetCopyButtonColor: Colors.grey);
@override
AlertTheme get alertTheme => super
.alertTheme
.copyWith(backdropColor: colorScheme.surface.withOpacity(0.75));
@override
ThemeData get themeData => super.themeData.copyWith(
dividerColor: pickerTheme.dividerColor,
hintColor: Colors.grey,
dialogTheme:
super.themeData.dialogTheme.copyWith(backgroundColor: containerColor),
appBarTheme: super.themeData.appBarTheme.copyWith(
titleTextStyle: super
.themeData
.appBarTheme
.titleTextStyle!
.copyWith(color: primaryColor)));
}