desktop colors, text styles, and some ui element platform specific checks

lib/notifications/show_flush_bar.dart

@@ -53,6 +53,7 @@ Future<dynamic> showFloatingFlushBar({
       Constants.size.circularBorderRadius,
     ),
     margin: const EdgeInsets.all(20),
+    maxWidth: 550,
   );
 
   final _route = flushRoute.showFlushbar<dynamic>(

lib/pages/intro_view.dart

@@ -3,6 +3,7 @@ import 'dart:io';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:stackwallet/pages/pinpad_views/create_pin_view.dart';
+import 'package:stackwallet/pages_desktop_specific/create_password/create_password_view.dart';
 import 'package:stackwallet/utilities/assets.dart';
 import 'package:stackwallet/utilities/cfcolors.dart';
 import 'package:stackwallet/utilities/text_styles.dart';
@@ -254,13 +255,9 @@ class GetStartedButton extends StatelessWidget {
             width: 328,
             height: 70,
             child: TextButton(
-              style: Theme.of(context).textButtonTheme.style?.copyWith(
+              style: CFColors.getPrimaryEnabledButtonColor(context),
-                    backgroundColor: MaterialStateProperty.all<Color>(
-                      CFColors.stackAccent,
-                    ),
-                  ),
               onPressed: () {
-                // TODO: password setup flow
+                Navigator.of(context).pushNamed(CreatePasswordView.routeName);
               },
               child: Text(
                 "Get started",

lib/utilities/cfcolors.dart

@@ -145,4 +145,42 @@ abstract class CFColors {
     }
     return MaterialColor(color.value, swatch);
   }
+
+  // new
+  static const Color textDark = Color(0xFF232323);
+  static const Color textSubtitle1 = Color(0xFF8E9192);
+  static const Color textSubtitle2 = Color(0xFFA9ACAC);
+
+  static const Color buttonTextSecondary = Color(0xFF232323);
+
+  static const Color buttonTextPrimary = Color(0xFFFFFFFF);
+  static const Color buttonTextPrimaryDisabled = Color(0xFFF8F8F8);
+
+  static const Color textFieldDefaultBackground = Color(0xFFEEEFF1);
+
+  static const Color buttonBackgroundPrimary = Color(0xFF232323);
+
+  static const Color buttonBackPrimaryDisabled = Color(0xFFD7D7D7);
+
+  // button color themes
+
+  static ButtonStyle? getPrimaryEnabledButtonColor(BuildContext context) =>
+      Theme.of(context).textButtonTheme.style?.copyWith(
+            backgroundColor: MaterialStateProperty.all<Color>(
+              CFColors.buttonBackgroundPrimary,
+            ),
+          );
+  static ButtonStyle? getPrimaryDisabledButtonColor(BuildContext context) =>
+      Theme.of(context).textButtonTheme.style?.copyWith(
+            backgroundColor: MaterialStateProperty.all<Color>(
+              CFColors.buttonBackPrimaryDisabled,
+            ),
+          );
+
+  static ButtonStyle? getSecondaryEnabledButtonColor(BuildContext context) =>
+      Theme.of(context).textButtonTheme.style?.copyWith(
+            backgroundColor: MaterialStateProperty.all<Color>(
+              CFColors.textFieldDefaultBackground,
+            ),
+          );
 }

lib/utilities/text_styles.dart

@@ -143,33 +143,61 @@ class STextStyles {
     fontSize: 10,
   );
 
-  // static final TextStyle pinkHeader = GoogleFonts.workSans(
+// Desktop
-  //   color: CFColors.spark,
+
-  //   fontWeight: FontWeight.w600,
+  static final TextStyle desktopH2 = GoogleFonts.inter(
-  //   fontSize: 20,
+    color: CFColors.textDark,
-  // );
+    fontWeight: FontWeight.w600,
-  //
+    fontSize: 32,
-  // static final TextStyle textField = GoogleFonts.workSans(
+    height: 32 / 32,
-  //   color: CFColors.dusk,
+  );
-  //   fontWeight: FontWeight.w400,
+
-  //   fontSize: 16,
+  static final TextStyle desktopTextMedium = GoogleFonts.inter(
-  // );
+    color: CFColors.textDark,
-  //
+    fontWeight: FontWeight.w500,
-  // static final TextStyle textFieldHint = GoogleFonts.workSans(
+    fontSize: 20,
-  //   color: CFColors.twilight,
+    height: 30 / 20,
-  //   fontWeight: FontWeight.w400,
+  );
-  //   fontSize: 16,
+
-  // );
+  static final TextStyle desktopSubtitleH2 = GoogleFonts.inter(
-  //
+    color: CFColors.textDark,
-  // static final TextStyle textFieldSuffix = GoogleFonts.workSans(
+    fontWeight: FontWeight.w400,
-  //   color: CFColors.twilight,
+    fontSize: 20,
-  //   fontWeight: FontWeight.w600,
+    height: 28 / 20,
-  //   fontSize: 16,
+  );
-  // );
+
-  //
+  static final TextStyle desktopButtonEnabled = GoogleFonts.inter(
-  // static final TextStyle label = GoogleFonts.workSans(
+    color: CFColors.buttonTextPrimary,
-  //   color: CFColors.twilight,
+    fontWeight: FontWeight.w500,
-  //   fontWeight: FontWeight.w500,
+    fontSize: 20,
-  //   fontSize: 12,
+    height: 26 / 20,
-  // );
+  );
+
+  static final TextStyle desktopButtonDisabled = GoogleFonts.inter(
+    color: CFColors.buttonTextPrimaryDisabled,
+    fontWeight: FontWeight.w500,
+    fontSize: 20,
+    height: 26 / 20,
+  );
+
+  static final TextStyle desktopTextExtraSmall = GoogleFonts.inter(
+    color: CFColors.buttonTextPrimaryDisabled,
+    fontWeight: FontWeight.w500,
+    fontSize: 16,
+    height: 24 / 16,
+  );
+
+  static final TextStyle desktopButtonSecondaryEnabled = GoogleFonts.inter(
+    color: CFColors.buttonTextSecondary,
+    fontWeight: FontWeight.w500,
+    fontSize: 16,
+    height: 24 / 16,
+  );
+
+  static final TextStyle desktopTextFieldLabel = GoogleFonts.inter(
+    color: CFColors.textSubtitle2,
+    fontWeight: FontWeight.w500,
+    fontSize: 20,
+    height: 30 / 20,
+  );
 }

lib/widgets/custom_buttons/app_bar_icon_button.dart

@@ -1,3 +1,5 @@
+import 'dart:io';
+
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/svg.dart';
 import 'package:stackwallet/utilities/assets.dart';
@@ -52,10 +54,20 @@ class AppBarBackButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final isDesktop =
+        Platform.isMacOS || Platform.isWindows || Platform.isLinux;
     return Padding(
-      padding: const EdgeInsets.all(10),
+      padding: isDesktop
+          ? const EdgeInsets.symmetric(
+              vertical: 20,
+              horizontal: 24,
+            )
+          : const EdgeInsets.all(10),
       child: AppBarIconButton(
-        color: CFColors.almostWhite,
+        size: isDesktop ? 56 : 32,
+        color: isDesktop
+            ? CFColors.textFieldDefaultBackground
+            : CFColors.almostWhite,
         shadows: const [],
         icon: SvgPicture.asset(
           Assets.svg.arrowLeft,

lib/widgets/stack_text_field.dart

@@ -1,16 +1,22 @@
+import 'dart:io';
+
 import 'package:flutter/material.dart';
 import 'package:stackwallet/utilities/cfcolors.dart';
 import 'package:stackwallet/utilities/text_styles.dart';
 
 InputDecoration standardInputDecoration(
     String? labelText, FocusNode textFieldFocusNode) {
+  final isDesktop = Platform.isWindows || Platform.isMacOS || Platform.isLinux;
+
   return InputDecoration(
     labelText: labelText,
     fillColor: textFieldFocusNode.hasFocus
         ? CFColors.textFieldActive
         : CFColors.textFieldInactive,
-    labelStyle: STextStyles.fieldLabel,
+    labelStyle:
-    hintStyle: STextStyles.fieldLabel,
+        isDesktop ? STextStyles.desktopTextFieldLabel : STextStyles.fieldLabel,
+    hintStyle:
+        isDesktop ? STextStyles.desktopTextFieldLabel : STextStyles.fieldLabel,
     enabledBorder: InputBorder.none,
     focusedBorder: InputBorder.none,
     errorBorder: InputBorder.none,