Ecosystem/stack_wallet
1
0
Fork 0
mirror of https://github.com/cypherstack/stack_wallet.git synced 2024-12-22 19:39:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

rudimentary color theme toggle option and some more color fixes

Browse source
This commit is contained in:
julian 2022-09-21 17:57:59 -06:00
parent 61e9b8715f
commit f5a3fddfe9
7 changed files with 132 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
lib/hive/db.dart
View file

@ -9,7 +9,6 @@ import 'package:stackwallet/models/notification_model.dart';
import 'package:stackwallet/models/trade_wallet_lookup.dart';
import 'package:stackwallet/services/wallets_service.dart';
import 'package:stackwallet/utilities/enums/coin_enum.dart';
import 'package:stackwallet/utilities/logger.dart';
class DB {
@ -30,6 +29,7 @@ class DB {
static const String boxNameWalletsToDeleteOnStart = "walletsToDeleteOnStart";
static const String boxNamePriceCache = "priceAPIPrice24hCache";
static const String boxNameDBInfo = "dbInfo";
static const String boxNameTheme = "theme";
String boxNameTxCache({required Coin coin}) => "${coin.name}_txCache";
String boxNameSetCache({required Coin coin}) =>

15
lib/main.dart
View file

@ -141,6 +141,19 @@ void main() async {
monero.onStartup();
await Hive.openBox<dynamic>(DB.boxNameTheme);
final colorScheme =
DB.instance.get<dynamic>(boxName: DB.boxNameTheme, key: "colorScheme") as String?;
switch (colorScheme) {
case "dark":
StackTheme.instance.setTheme(ThemeType.dark);
break;
case "light":
default:
StackTheme.instance.setTheme(ThemeType.light);
}
// SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual,
// overlays: [SystemUiOverlay.bottom]);
await NotificationApi.init();
@ -157,8 +170,6 @@ class MyApp extends StatelessWidget {
final localeService = LocaleService();
localeService.loadLocale();
StackTheme.instance.setTheme(ThemeType.dark);
return const KeyboardDismisser(
child: MaterialAppWithTheme(),
);

69
lib/pages/settings_views/global_settings_view/appearance_settings_view.dart
View file

@ -1,5 +1,6 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:stackwallet/hive/db.dart';
import 'package:stackwallet/providers/providers.dart';
import 'package:stackwallet/utilities/constants.dart';
import 'package:stackwallet/utilities/text_styles.dart';
@ -89,6 +90,74 @@ class AppearanceSettingsView extends ConsumerWidget {
},
),
),
const SizedBox(
height: 10,
),
RoundedWhiteContainer(
child: Consumer(
builder: (_, ref, __) {
return RawMaterialButton(
splashColor: StackTheme.instance.color.highlight,
materialTapTargetSize:
MaterialTapTargetSize.shrinkWrap,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(
Constants.size.circularBorderRadius,
),
),
onPressed: null,
child: Padding(
padding:
const EdgeInsets.symmetric(vertical: 2),
child: Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: [
Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text(
"Enabled dark mode",
style: STextStyles.titleBold12,
textAlign: TextAlign.left,
),
Text(
"Requires restart",
style: STextStyles.itemSubtitle,
textAlign: TextAlign.left,
),
],
),
SizedBox(
height: 20,
width: 40,
child: DraggableSwitchButton(
isOn: (DB.instance.get<dynamic>(
boxName: DB.boxNameTheme,
key: "colorScheme")
as String?) ==
"dark",
onValueChanged: (newValue) {
// StackTheme.instance.setTheme(newValue
// ? ThemeType.dark
// : ThemeType.light);
DB.instance.put<dynamic>(
boxName: DB.boxNameTheme,
key: "colorScheme",
value:
StackTheme.instance.theme.name,
);
},
),
)
],
),
),
);
},
),
),
],
),
),

2
lib/pages/wallet_view/sub_widgets/wallet_refresh_button.dart
View file

@ -123,7 +123,7 @@ class _RefreshButtonState extends ConsumerState<WalletRefreshButton>
Assets.svg.arrowRotate,
width: 24,
height: 24,
color: StackTheme.instance.color.accentColorDark,
color: StackTheme.instance.color.textFavoriteCard,
),
),
),

18
lib/pages/wallet_view/sub_widgets/wallet_summary_info.dart
View file

@ -130,6 +130,8 @@ class _WalletSummaryInfoState extends State<WalletSummaryInfo> {
"${_showAvailable ? "Private" : "Public"} Balance",
style: STextStyles.subtitle.copyWith(
fontWeight: FontWeight.w500,
color: StackTheme
.instance.color.textFavoriteCard,
),
),
if (coin != Coin.firo && coin != Coin.firoTestNet)
@ -137,6 +139,8 @@ class _WalletSummaryInfoState extends State<WalletSummaryInfo> {
"${_showAvailable ? "Available" : "Full"} Balance",
style: STextStyles.subtitle.copyWith(
fontWeight: FontWeight.w500,
color: StackTheme
.instance.color.textFavoriteCard,
),
),
const SizedBox(
@ -145,7 +149,7 @@ class _WalletSummaryInfoState extends State<WalletSummaryInfo> {
SvgPicture.asset(
Assets.svg.chevronDown,
color:
StackTheme.instance.color.accentColorDark,
StackTheme.instance.color.textFavoriteCard,
width: 8,
height: 4,
),
@ -163,6 +167,7 @@ class _WalletSummaryInfoState extends State<WalletSummaryInfo> {
)} ${coin.ticker}",
style: STextStyles.pageTitleH1.copyWith(
fontSize: 24,
color: StackTheme.instance.color.textFavoriteCard,
),
),
),
@ -174,6 +179,7 @@ class _WalletSummaryInfoState extends State<WalletSummaryInfo> {
)} $baseCurrency",
style: STextStyles.subtitle.copyWith(
fontWeight: FontWeight.w500,
color: StackTheme.instance.color.textFavoriteCard,
),
),
],
@ -191,6 +197,8 @@ class _WalletSummaryInfoState extends State<WalletSummaryInfo> {
"${_showAvailable ? "Private" : "Public"} Balance",
style: STextStyles.subtitle.copyWith(
fontWeight: FontWeight.w500,
color: StackTheme
.instance.color.textFavoriteCard,
),
),
if (coin != Coin.firo && coin != Coin.firoTestNet)
@ -198,6 +206,8 @@ class _WalletSummaryInfoState extends State<WalletSummaryInfo> {
"${_showAvailable ? "Available" : "Full"} Balance",
style: STextStyles.subtitle.copyWith(
fontWeight: FontWeight.w500,
color: StackTheme
.instance.color.textFavoriteCard,
),
),
const SizedBox(
@ -205,10 +215,10 @@ class _WalletSummaryInfoState extends State<WalletSummaryInfo> {
),
SvgPicture.asset(
Assets.svg.chevronDown,
color:
StackTheme.instance.color.accentColorDark,
width: 8,
height: 4,
color:
StackTheme.instance.color.textFavoriteCard,
),
],
),
@ -223,6 +233,7 @@ class _WalletSummaryInfoState extends State<WalletSummaryInfo> {
],
style: STextStyles.pageTitleH1.copyWith(
fontSize: 24,
color: StackTheme.instance.color.textFavoriteCard,
),
),
AnimatedText(
@ -234,6 +245,7 @@ class _WalletSummaryInfoState extends State<WalletSummaryInfo> {
],
style: STextStyles.subtitle.copyWith(
fontWeight: FontWeight.w500,
color: StackTheme.instance.color.textFavoriteCard,
),
),
],

12
lib/pages/wallet_view/wallet_view.dart
View file

@ -440,6 +440,10 @@ class _WalletViewState extends ConsumerState<WalletView> {
: Assets.svg.bell,
width: 20,
height: 20,
color: ref.watch(notificationsProvider.select((value) =>
value.hasUnreadNotificationsFor(walletId)))
? null
: StackTheme.instance.color.topNavIconPrimary,
),
onPressed: () {
// reset unread state
@ -544,6 +548,8 @@ class _WalletViewState extends ConsumerState<WalletView> {
children: [
Expanded(
child: TextButton(
style: StackTheme.instance
.getSecondaryEnabledButtonColor(context),
onPressed: () async {
await showDialog<void>(
context: context,
@ -559,7 +565,8 @@ class _WalletViewState extends ConsumerState<WalletView> {
"Cancel",
style: STextStyles.button.copyWith(
color: StackTheme
.instance.color.accentColorDark),
.instance.color.accentColorDark,
),
),
),
rightButton: TextButton(
@ -582,7 +589,8 @@ class _WalletViewState extends ConsumerState<WalletView> {
"Anonymize funds",
style: STextStyles.button.copyWith(
color: StackTheme
.instance.color.accentColorDark),
.instance.color.buttonTextSecondary,
),
),
),
),

16
lib/pages/wallets_view/sub_widgets/favorite_card.dart
View file

@ -128,17 +128,21 @@ class _FavoriteCardState extends ConsumerState<FavoriteCard> {
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
Expanded(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
ref.watch(
managerProvider.select((value) => value.walletName)),
Expanded(
child: Text(
ref.watch(managerProvider
.select((value) => value.walletName)),
style: STextStyles.itemSubtitle12.copyWith(
color: StackTheme.instance.color.textFavoriteCard,
),
overflow: TextOverflow.fade,
),
),
const Spacer(),
SvgPicture.asset(
Assets.svg.iconFor(coin: coin),
width: 24,
@ -146,7 +150,7 @@ class _FavoriteCardState extends ConsumerState<FavoriteCard> {
),
],
),
const Spacer(),
),
FutureBuilder(
future: ref.watch(
managerProvider.select((value) => value.totalBalance)),