refactor: update tx list and details style

lib/constants.dart

@@ -181,6 +181,7 @@ const List<String> CUSTOM_ICON_NAMES = [
   'stake-dark',
   'stake-icon-dark',
   'stake-icon',
+  'dots-bg',
   'stake',
   'transaction-error',
   'transaction-success',

lib/theme/colors.dart

@@ -2,17 +2,16 @@ import 'package:flutter/material.dart'
     show Color, MaterialColor, WidgetState, WidgetStateColor;
 
 class WitnetPallet {
-  static const black = Color(0xFF1D1D1B);
+  static const black = Color(0xFF232323);
   static const white = Color(0xFFFFFFFF);
   static const opacityWhite = Color(0xAFFFFFFF);
   static const opacityWhite2 = Color(0xA0FFFFFF);
-  static const opacityBlack = Color(0xAF1D1D1B);
-  static const opacityBlack2 = Color(0xA01D1D1B);
 
   static const lighterGrey = Color(0xFFEDECEC);
   static const lightGrey = Color(0xFFBDBDBD);
-  static const mediumGrey = Color(0xFF656565);
+  static const mediumGrey = Color(0xFF707070);
   static const darkGrey = Color(0xFF424242);
+  static const darkGrey2 = Color(0xFF343434);
   static const darkerGrey = Color(0xFF292929);
 
   static const transparent = Color(0x00FFFFFF);
@@ -21,7 +20,6 @@ class WitnetPallet {
   static const transparentWhite = Color(0x10656565);
 
   static const brightCyan = Color(0xFF00E2ED);
-  static const deepAqua = Color(0xFF0099A1);
   static const brightCyanOpacity1 = Color.fromARGB(163, 0, 225, 237);
   static const brightCyanOpacity2 = Color.fromARGB(82, 0, 225, 237);
   static const brightCyanOpacity3 = Color.fromARGB(26, 0, 225, 237);

lib/theme/dark_theme.dart

@@ -106,29 +106,27 @@ TextTheme textTheme = TextTheme(
       fontWeight: FontWeight.normal),
 );
 InputDecorationTheme inputDecorationTheme = InputDecorationTheme(
-  fillColor: WitnetPallet.black,
+  fillColor: WitnetPallet.darkGrey2,
   filled: true,
   errorStyle: TextStyle(color: WitnetPallet.brightRed),
   helperStyle: TextStyle(color: WitnetPallet.white),
   helperMaxLines: 1,
   errorMaxLines: 1,
-  hintStyle: TextStyle(color: WitnetPallet.lighterGrey),
-  labelStyle: TextStyle(color: WitnetPallet.opacityWhite),
+  hintStyle: TextStyle(color: WitnetPallet.mediumGrey),
+  labelStyle: TextStyle(color: WitnetPallet.mediumGrey),
   hoverColor: const Color.fromARGB(9, 255, 255, 255),
   focusColor: WitnetPallet.brightCyanOpacity1,
   isDense: true,
   isCollapsed: false,
   contentPadding: EdgeInsets.all(16),
   enabledBorder: OutlineInputBorder(
     borderSide: BorderSide(
-        color: WitnetPallet.white, width: 1.0, style: BorderStyle.solid),
+        color: WitnetPallet.darkGrey2, width: 1.0, style: BorderStyle.solid),
     borderRadius: BorderRadius.circular(24),
   ),
   focusedBorder: OutlineInputBorder(
     borderSide: BorderSide(
-        color: WitnetPallet.brightCyanOpacity1,
-        width: 2.0,
-        style: BorderStyle.solid),
+        color: WitnetPallet.brightCyan, width: 2.0, style: BorderStyle.solid),
     borderRadius: BorderRadius.circular(24),
   ),
   errorBorder: OutlineInputBorder(
@@ -176,7 +174,7 @@ ElevatedButtonThemeData elevatedButtonTheme = ElevatedButtonThemeData(
   style: ElevatedButton.styleFrom(
       padding: const EdgeInsets.all(16),
       foregroundColor: WitnetPallet.black,
-      backgroundColor: WitnetPallet.white,
+      backgroundColor: WitnetPallet.brightCyan,
       disabledForegroundColor:
           Color.fromARGB(102, 164, 212, 204).withOpacity(0.38),
       disabledBackgroundColor:

lib/theme/extended_theme.dart

@@ -331,7 +331,7 @@ class ExtendedTheme extends ThemeExtension<ExtendedTheme> {
     dropdownBackgroundColor: WitnetPallet.white,
     dropdownTextColor: WitnetPallet.darkGrey,
     navigationActiveButton: WitnetPallet.lightGrey,
-    navigationPointerActiveButton: WitnetPallet.deepAqua,
+    navigationPointerActiveButton: WitnetPallet.black,
     headerActiveTextColor: WitnetPallet.black,
     headerTextColor: WitnetPallet.black,
     headerBackgroundColor: WitnetPallet.brightCyan,
@@ -345,8 +345,8 @@ class ExtendedTheme extends ThemeExtension<ExtendedTheme> {
     txBorderColor: WitnetPallet.lightGrey,
     txValueNegativeColor: WitnetPallet.darkRed,
     txValuePositiveColor: WitnetPallet.darkGreen,
-    stepBarActiveColor: WitnetPallet.deepAqua,
-    stepBarActionableColor: WitnetPallet.darkGrey,
+    stepBarActiveColor: WitnetPallet.black,
+    stepBarActionableColor: WitnetPallet.mediumGrey,
     stepBarColor: WitnetPallet.lightGrey,
     switchActiveBg: WitnetPallet.black,
     switchActiveFg: WitnetPallet.white,
@@ -408,7 +408,7 @@ class ExtendedTheme extends ThemeExtension<ExtendedTheme> {
     selectedTextColor: WitnetPallet.black,
     dropdownBackgroundColor: WitnetPallet.darkerGrey,
     dropdownTextColor: WitnetPallet.lighterGrey,
-    navigationPointerActiveButton: WitnetPallet.deepAqua,
+    navigationPointerActiveButton: WitnetPallet.lightGrey,
     navigationActiveButton: WitnetPallet.lightGrey,
     headerActiveTextColor: WitnetPallet.black,
     headerTextColor: WitnetPallet.black,
@@ -418,8 +418,8 @@ class ExtendedTheme extends ThemeExtension<ExtendedTheme> {
     walletActiveItemBackgroundColor: WitnetPallet.brightCyanOpacity3,
     walletActiveItemBorderColor: WitnetPallet.brightCyan,
     walletItemBorderColor: WitnetPallet.opacityWhite2,
-    inputIconColor: WitnetPallet.opacityWhite2,
-    txBorderColor: WitnetPallet.opacityWhite2,
+    inputIconColor: WitnetPallet.white,
+    txBorderColor: WitnetPallet.darkGrey2,
     txValueNegativeColor: WitnetPallet.brightRed,
     txValuePositiveColor: WitnetPallet.brightGreen,
     stepBarActiveColor: WitnetPallet.brightCyan,

lib/theme/light_theme.dart

@@ -44,7 +44,7 @@ TextTheme textTheme = TextTheme(
       fontFamily: 'Almarai',
       letterSpacing: 0,
       height: 1.15,
-      color: WitnetPallet.deepAqua,
+      color: WitnetPallet.black,
       fontSize: 16,
       fontWeight: FontWeight.normal),
   titleLarge: TextStyle(
@@ -100,7 +100,7 @@ TextTheme textTheme = TextTheme(
       fontFamily: 'Almarai',
       letterSpacing: 0,
       height: 1.15,
-      color: WitnetPallet.deepAqua,
+      color: WitnetPallet.black,
       fontSize: 16,
       fontWeight: FontWeight.normal),
 );
@@ -116,7 +116,7 @@ InputDecorationTheme inputDecorationTheme = InputDecorationTheme(
   helperStyle: TextStyle(color: WitnetPallet.darkerGrey),
   helperMaxLines: 1,
   errorMaxLines: 1,
-  hintStyle: TextStyle(),
+  hintStyle: TextStyle(color: WitnetPallet.mediumGrey),
   hoverColor: WitnetPallet.white,
   focusColor: WitnetPallet.brightCyan,
   isDense: true,
@@ -198,25 +198,25 @@ OutlinedButtonThemeData outlinedButtonTheme = OutlinedButtonThemeData(
   ),
 ));
 IconThemeData iconTheme = IconThemeData(
-  color: WitnetPallet.deepAqua,
+  color: WitnetPallet.black,
   size: 16,
 );
 IconThemeData primaryIconTheme = IconThemeData(
-  color: WitnetPallet.deepAqua,
+  color: WitnetPallet.black,
   size: 24,
 );
 CheckboxThemeData checkboxTheme = CheckboxThemeData(
   splashRadius: 0,
   side: WidgetStateBorderSide.resolveWith(
-      (_) => const BorderSide(width: 2, color: WitnetPallet.deepAqua)),
+      (_) => const BorderSide(width: 2, color: WitnetPallet.black)),
   fillColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
     if (states.contains(WidgetState.selected)) {
-      return WitnetPallet.deepAqua;
+      return WitnetPallet.brightCyan;
     }
     return WitnetPallet.transparent;
   }),
-  checkColor: WidgetStateProperty.all(WitnetPallet.white),
-  overlayColor: WidgetStateProperty.all(WitnetPallet.white),
+  checkColor: WidgetStateProperty.all(WitnetPallet.black),
+  overlayColor: WidgetStateProperty.all(WitnetPallet.black),
 );
 
 Color getColorPrimary(Set<WidgetState> states) {
@@ -255,7 +255,7 @@ PageTransitionsTheme pageTransitionsTheme = PageTransitionsTheme(
 );
 
 TimePickerThemeData timePickerTheme = TimePickerThemeData(
-  backgroundColor: const Color.fromARGB(255, 125, 80, 80),
+  backgroundColor: WitnetPallet.white,
   cancelButtonStyle: textButtonTheme.style,
   confirmButtonStyle: textButtonTheme.style,
 

lib/util/storage/database/adapters/transaction_adapter.dart

@@ -144,7 +144,7 @@ class BuildTransaction {
     }
   }
 
-  dynamic getAddress(layout.TransactionType txType) {
+  dynamic getOrigin(layout.TransactionType txType) {
     switch (txType) {
       case layout.TransactionType.Vtt:
         return this.vtTransaction?.body.outputs[0].pkh.address;

lib/util/storage/database/database_service.dart

@@ -7,7 +7,6 @@ import 'package:my_wit_wallet/util/storage/database/get_account_vtts_map.dart';
 import 'package:my_wit_wallet/util/storage/database/stats.dart';
 import 'package:my_wit_wallet/util/storage/database/adapters/transaction_adapter.dart';
 import 'package:sembast/sembast_io.dart';
-import 'package:sembast/sembast.dart';
 import 'package:witnet/explorer.dart';
 import 'package:my_wit_wallet/constants.dart';
 import 'package:my_wit_wallet/util/storage/database/account.dart';

lib/util/transactions_list/get_transaction_label.dart

@@ -1,17 +1,15 @@
 import 'package:my_wit_wallet/util/storage/database/account.dart';
-import 'package:flutter/material.dart';
 import 'package:my_wit_wallet/util/get_localization.dart';
 import 'package:witnet/explorer.dart';
 
 String getTransactionLabel(
-    List<String?> externalAddresses,
-    List<String?> internalAddresses,
-    List<InputUtxo> inputs,
-    Account? singleAddressAccount,
-    BuildContext? context) {
+    {required List<String?> externalAddresses,
+    required List<String?> internalAddresses,
+    required List<InputUtxo> inputs,
+    required Account? singleAddressAccount}) {
   String label = '';
-  String _from = context != null ? localization.from : "from";
-  String _to = context != null ? localization.to : "to";
+  String _from = localization.from;
+  String _to = localization.to;
   if (inputs.length < 1) {
     return _from;
   }