2022-08-26 08:11:35 +00:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:google_fonts/google_fonts.dart';
|
2022-09-22 22:17:21 +00:00
|
|
|
import 'package:stackwallet/utilities/theme/stack_colors.dart';
|
2022-08-26 08:11:35 +00:00
|
|
|
|
|
|
|
class STextStyles {
|
2022-09-22 22:17:21 +00:00
|
|
|
static TextStyle pageTitleH1(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w600,
|
|
|
|
fontSize: 20,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle pageTitleH2(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w600,
|
|
|
|
fontSize: 18,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle navBarTitle(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w600,
|
|
|
|
fontSize: 16,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle titleBold12(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w600,
|
|
|
|
fontSize: 16,
|
|
|
|
);
|
|
|
|
|
2022-09-24 21:52:03 +00:00
|
|
|
static TextStyle titleBold12_400(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w400,
|
|
|
|
fontSize: 16,
|
|
|
|
);
|
|
|
|
|
2022-09-22 22:17:21 +00:00
|
|
|
static TextStyle subtitle(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w400,
|
|
|
|
fontSize: 16,
|
|
|
|
);
|
|
|
|
|
2022-09-24 21:20:58 +00:00
|
|
|
static TextStyle subtitle500(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 16,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle subtitle600(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w600,
|
|
|
|
fontSize: 16,
|
|
|
|
);
|
|
|
|
|
2022-09-22 22:17:21 +00:00
|
|
|
static TextStyle button(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.buttonTextPrimary,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 16,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle largeMedium14(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 16,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle smallMed14(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark3,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 16,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle smallMed12(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark3,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 14,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle label(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textSubtitle1,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 12,
|
|
|
|
);
|
|
|
|
|
2022-09-24 21:52:03 +00:00
|
|
|
static TextStyle label700(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textSubtitle1,
|
|
|
|
fontWeight: FontWeight.w700,
|
|
|
|
fontSize: 12,
|
|
|
|
);
|
|
|
|
|
2022-09-22 22:17:21 +00:00
|
|
|
static TextStyle itemSubtitle(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.infoItemLabel,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 14,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle itemSubtitle12(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w500,
|
2022-09-24 21:52:03 +00:00
|
|
|
fontSize: 14,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle itemSubtitle12_600(BuildContext context) =>
|
|
|
|
GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w500,
|
2022-09-22 22:17:21 +00:00
|
|
|
fontSize: 14,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle fieldLabel(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textSubtitle2,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 14,
|
|
|
|
height: 1.5,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle field(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 14,
|
|
|
|
height: 1.5,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle baseXS(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w400,
|
|
|
|
fontSize: 14,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle link(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.accentColorRed,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 14,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle link2(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.infoItemIcons,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 14,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle richLink(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.accentColorBlue,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 12,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle w600_10(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w600,
|
|
|
|
fontSize: 12,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle syncPercent(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 12,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle buttonSmall(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 12,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle errorSmall(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textError,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 10,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle infoSmall(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textSubtitle1,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 10,
|
|
|
|
);
|
2022-08-26 08:11:35 +00:00
|
|
|
|
2022-09-15 19:48:28 +00:00
|
|
|
// Desktop
|
|
|
|
|
2022-09-22 22:17:21 +00:00
|
|
|
static TextStyle desktopH2(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w600,
|
|
|
|
fontSize: 32,
|
|
|
|
height: 32 / 32,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle desktopH3(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w600,
|
|
|
|
fontSize: 24,
|
|
|
|
height: 24 / 24,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle desktopTextMedium(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 20,
|
|
|
|
height: 30 / 20,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle desktopTextMediumRegular(BuildContext context) =>
|
|
|
|
GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w400,
|
|
|
|
fontSize: 20,
|
|
|
|
height: 30 / 20,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle desktopSubtitleH2(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w400,
|
|
|
|
fontSize: 20,
|
|
|
|
height: 28 / 20,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle desktopSubtitleH1(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w400,
|
|
|
|
fontSize: 24,
|
|
|
|
height: 33 / 24,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle desktopButtonEnabled(BuildContext context) =>
|
|
|
|
GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.buttonTextPrimary,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 20,
|
|
|
|
height: 26 / 20,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle desktopButtonDisabled(BuildContext context) =>
|
|
|
|
GoogleFonts.inter(
|
|
|
|
color: Theme.of(context)
|
|
|
|
.extension<StackColors>()!
|
|
|
|
.buttonTextPrimaryDisabled,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 20,
|
|
|
|
height: 26 / 20,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle desktopButtonSecondaryEnabled(BuildContext context) =>
|
|
|
|
GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.buttonTextSecondary,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 20,
|
|
|
|
height: 26 / 20,
|
|
|
|
);
|
|
|
|
|
2022-09-26 15:49:36 +00:00
|
|
|
static TextStyle desktopButtonSecondaryDisabled(BuildContext context) =>
|
|
|
|
GoogleFonts.inter(
|
|
|
|
color: Theme.of(context)
|
|
|
|
.extension<StackColors>()!
|
|
|
|
.buttonTextSecondaryDisabled,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 20,
|
|
|
|
height: 26 / 20,
|
|
|
|
);
|
|
|
|
|
2022-09-22 22:17:21 +00:00
|
|
|
static TextStyle desktopTextExtraSmall(BuildContext context) =>
|
|
|
|
GoogleFonts.inter(
|
|
|
|
color: Theme.of(context)
|
|
|
|
.extension<StackColors>()!
|
|
|
|
.buttonTextPrimaryDisabled,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 16,
|
|
|
|
height: 24 / 16,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle desktopButtonSmallSecondaryEnabled(BuildContext context) =>
|
|
|
|
GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.buttonTextSecondary,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 16,
|
|
|
|
height: 24 / 16,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle desktopTextFieldLabel(BuildContext context) =>
|
|
|
|
GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textSubtitle2,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 20,
|
|
|
|
height: 30 / 20,
|
|
|
|
);
|
|
|
|
|
|
|
|
static TextStyle desktopMenuItem(BuildContext context) => GoogleFonts.inter(
|
|
|
|
color: Theme.of(context)
|
|
|
|
.extension<StackColors>()!
|
|
|
|
.textDark
|
|
|
|
.withOpacity(0.8),
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 16,
|
|
|
|
height: 20.8 / 16,
|
|
|
|
);
|
|
|
|
static TextStyle desktopMenuItemSelected(BuildContext context) =>
|
|
|
|
GoogleFonts.inter(
|
|
|
|
color: Theme.of(context).extension<StackColors>()!.textDark,
|
|
|
|
fontWeight: FontWeight.w500,
|
|
|
|
fontSize: 16,
|
|
|
|
height: 20.8 / 16,
|
|
|
|
);
|
2022-08-26 08:11:35 +00:00
|
|
|
}
|