mirror of
https://github.com/cypherstack/stack_wallet.git
synced 2024-09-29 01:41:28 +00:00
forest theme colors added
This commit is contained in:
ryleedavis
parent
d1f22cdc06
commit
b2a4a2dc5e
3 changed files with 160 additions and 95 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 3.6 KiB |
|
|
@ -6,7 +6,7 @@ class ForestColors extends StackColorTheme {
|
|||
ThemeType get themeType => ThemeType.forest;
|
||||
|
||||
@override
|
||||
Color get background => const Color(0xFFF7F7F7);
|
||||
Color get background => const Color(0xFFF3FAF5);
|
||||
@override
|
||||
Color get backgroundAppBar => background;
|
||||
@override
|
||||
|
|
@ -16,17 +16,17 @@ class ForestColors extends StackColorTheme {
|
|||
Color get overlay => const Color(0xFF111215);
|
||||
|
||||
@override
|
||||
Color get accentColorBlue => const Color(0xFF0052DF);
|
||||
Color get accentColorBlue => const Color(0xFF077CBE);
|
||||
@override
|
||||
Color get accentColorGreen => const Color(0xFF4CC0A0);
|
||||
Color get accentColorGreen => const Color(0xFF00A591);
|
||||
@override
|
||||
Color get accentColorYellow => const Color(0xFFF7D65D);
|
||||
Color get accentColorYellow => const Color(0xFFF4C517);
|
||||
@override
|
||||
Color get accentColorRed => const Color(0xFFD34E50);
|
||||
Color get accentColorRed => const Color(0xFFD1382D);
|
||||
@override
|
||||
Color get accentColorOrange => const Color(0xFFFEA68D);
|
||||
Color get accentColorOrange => const Color(0xFFFF985F);
|
||||
@override
|
||||
Color get accentColorDark => const Color(0xFF232323);
|
||||
Color get accentColorDark => const Color(0xFF22867A);
|
||||
|
||||
@override
|
||||
Color get shadow => const Color(0x0F2D3132);
|
||||
|
|
@ -34,43 +34,43 @@ class ForestColors extends StackColorTheme {
|
|||
@override
|
||||
Color get textDark => const Color(0xFF232323);
|
||||
@override
|
||||
Color get textDark2 => const Color(0xFF414141);
|
||||
Color get textDark2 => const Color(0xFF333333);
|
||||
@override
|
||||
Color get textDark3 => const Color(0xFF747778);
|
||||
Color get textDark3 => const Color(0xFF696B6C);
|
||||
@override
|
||||
Color get textSubtitle1 => const Color(0xFF8E9192);
|
||||
Color get textSubtitle1 => const Color(0xFF7E8284);
|
||||
@override
|
||||
Color get textSubtitle2 => const Color(0xFFA9ACAC);
|
||||
Color get textSubtitle2 => const Color(0xFF919393);
|
||||
@override
|
||||
Color get textSubtitle3 => const Color(0xFFC4C7C7);
|
||||
Color get textSubtitle3 => const Color(0xFFB0B2B2);
|
||||
@override
|
||||
Color get textSubtitle4 => const Color(0xFFE0E3E3);
|
||||
Color get textSubtitle4 => const Color(0xFFD1D3D3);
|
||||
@override
|
||||
Color get textSubtitle5 => const Color(0xFFEEEFF1);
|
||||
Color get textSubtitle5 => const Color(0xFFDEDFE1);
|
||||
@override
|
||||
Color get textSubtitle6 => const Color(0xFFF5F5F5);
|
||||
Color get textSubtitle6 => const Color(0xFFF1F1F1);
|
||||
@override
|
||||
Color get textWhite => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get textFavoriteCard => const Color(0xFF232323);
|
||||
@override
|
||||
Color get textError => const Color(0xFF930006);
|
||||
Color get textError => const Color(0xFF8D0006);
|
||||
@override
|
||||
Color get textRestore => overlay;
|
||||
|
||||
// button background
|
||||
@override
|
||||
Color get buttonBackPrimary => const Color(0xFF232323);
|
||||
Color get buttonBackPrimary => const Color(0xFF22867A);
|
||||
@override
|
||||
Color get buttonBackSecondary => const Color(0xFFE0E3E3);
|
||||
Color get buttonBackSecondary => const Color(0xFFC2E2D5);
|
||||
@override
|
||||
Color get buttonBackPrimaryDisabled => const Color(0xFFD7D7D7);
|
||||
Color get buttonBackPrimaryDisabled => const Color(0xFFBDDBCB);
|
||||
@override
|
||||
Color get buttonBackSecondaryDisabled => const Color(0xFFF0F1F1);
|
||||
Color get buttonBackSecondaryDisabled => const Color(0xFFBDBDBD);
|
||||
@override
|
||||
Color get buttonBackBorder => const Color(0xFF232323);
|
||||
Color get buttonBackBorder => const Color(0xFF22867A);
|
||||
@override
|
||||
Color get buttonBackBorderDisabled => const Color(0xFFB6B6B6);
|
||||
Color get buttonBackBorderDisabled => const Color(0xFFBDD5DB);
|
||||
@override
|
||||
Color get buttonBackBorderSecondary => buttonBackSecondary;
|
||||
@override
|
||||
|
|
@ -79,7 +79,7 @@ class ForestColors extends StackColorTheme {
|
|||
@override
|
||||
Color get numberBackDefault => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get numpadBackDefault => const Color(0xFF232323);
|
||||
Color get numpadBackDefault => const Color(0xFF22867A);
|
||||
@override
|
||||
Color get bottomNavBack => const Color(0xFFFFFFFF);
|
||||
|
||||
|
|
@ -89,17 +89,17 @@ class ForestColors extends StackColorTheme {
|
|||
@override
|
||||
Color get buttonTextSecondary => const Color(0xFF232323);
|
||||
@override
|
||||
Color get buttonTextPrimaryDisabled => const Color(0xFFF8F8F8);
|
||||
Color get buttonTextPrimaryDisabled => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get buttonTextSecondaryDisabled => const Color(0xFFB7B7B7);
|
||||
Color get buttonTextSecondaryDisabled => const Color(0xFFBDD5DB);
|
||||
@override
|
||||
Color get buttonTextBorder => const Color(0xFF232323);
|
||||
Color get buttonTextBorder => const Color(0xFFBDD5DB);
|
||||
@override
|
||||
Color get buttonTextDisabled => const Color(0xFFB6B6B6);
|
||||
Color get buttonTextDisabled => const Color(0xFF22867A);
|
||||
@override
|
||||
Color get buttonTextBorderless => const Color(0xFF0052DF);
|
||||
Color get buttonTextBorderless => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get buttonTextBorderlessDisabled => const Color(0xFFB6B6B6);
|
||||
Color get buttonTextBorderlessDisabled => const Color(0xFF056EC6);
|
||||
@override
|
||||
Color get numberTextDefault => const Color(0xFF232323);
|
||||
@override
|
||||
|
|
@ -109,13 +109,13 @@ class ForestColors extends StackColorTheme {
|
|||
|
||||
// switch
|
||||
@override
|
||||
Color get switchBGOn => const Color(0xFF0052DF);
|
||||
Color get switchBGOn => const Color(0xFF2DAB9C);
|
||||
@override
|
||||
Color get switchBGOff => const Color(0xFFD8E4FB);
|
||||
Color get switchBGOff => const Color(0xFFD6F0E8);
|
||||
@override
|
||||
Color get switchBGDisabled => const Color(0xFFC5C6C9);
|
||||
@override
|
||||
Color get switchCircleOn => const Color(0xFFDAE2FF);
|
||||
Color get switchCircleOn => const Color(0xFFDEFFF2);
|
||||
@override
|
||||
Color get switchCircleOff => const Color(0xFFFBFCFF);
|
||||
@override
|
||||
|
|
@ -123,29 +123,29 @@ class ForestColors extends StackColorTheme {
|
|||
|
||||
// step indicator background
|
||||
@override
|
||||
Color get stepIndicatorBGCheck => const Color(0xFFD9E2FF);
|
||||
Color get stepIndicatorBGCheck => const Color(0xFFBBF0DB);
|
||||
@override
|
||||
Color get stepIndicatorBGNumber => const Color(0xFFD9E2FF);
|
||||
Color get stepIndicatorBGNumber => const Color(0xFFCDD9FF);
|
||||
@override
|
||||
Color get stepIndicatorBGInactive => const Color(0xFFCDCDCD);
|
||||
Color get stepIndicatorBGInactive => const Color(0xFFD2EDE5);
|
||||
@override
|
||||
Color get stepIndicatorBGLines => const Color(0xFF0056D2);
|
||||
Color get stepIndicatorBGLines => const Color(0xFF90B8DC);
|
||||
@override
|
||||
Color get stepIndicatorBGLinesInactive => const Color(0xFFCDCDCD);
|
||||
Color get stepIndicatorBGLinesInactive => const Color(0xFFBCEAD9);
|
||||
@override
|
||||
Color get stepIndicatorIconText => const Color(0xFF0056D2);
|
||||
Color get stepIndicatorIconText => const Color(0xFF22867A);
|
||||
@override
|
||||
Color get stepIndicatorIconNumber => const Color(0xFF0056D2);
|
||||
Color get stepIndicatorIconNumber => const Color(0xFF005BAF);
|
||||
@override
|
||||
Color get stepIndicatorIconInactive => const Color(0xFFF7F7F7);
|
||||
Color get stepIndicatorIconInactive => const Color(0xFFD4DFFF);
|
||||
|
||||
// checkbox
|
||||
@override
|
||||
Color get checkboxBGChecked => const Color(0xFF0056D2);
|
||||
Color get checkboxBGChecked => const Color(0xFF22867A);
|
||||
@override
|
||||
Color get checkboxBorderEmpty => const Color(0xFF8E9192);
|
||||
Color get checkboxBorderEmpty => const Color(0xFF8C8F90);
|
||||
@override
|
||||
Color get checkboxBGDisabled => const Color(0xFFADC7EC);
|
||||
Color get checkboxBGDisabled => const Color(0xFFB0C9ED);
|
||||
@override
|
||||
Color get checkboxIconChecked => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
|
|
@ -155,89 +155,89 @@ class ForestColors extends StackColorTheme {
|
|||
|
||||
// snack bar
|
||||
@override
|
||||
Color get snackBarBackSuccess => const Color(0xFFB9E9D4);
|
||||
Color get snackBarBackSuccess => const Color(0xFFADD6D2);
|
||||
@override
|
||||
Color get snackBarBackError => const Color(0xFFFFDAD4);
|
||||
Color get snackBarBackError => const Color(0xFFADD6D2);
|
||||
@override
|
||||
Color get snackBarBackInfo => const Color(0xFFDAE2FF);
|
||||
Color get snackBarBackInfo => const Color(0xFFCCD7FF);
|
||||
@override
|
||||
Color get snackBarTextSuccess => const Color(0xFF006C4D);
|
||||
Color get snackBarTextSuccess => const Color(0xFF075547);
|
||||
@override
|
||||
Color get snackBarTextError => const Color(0xFF930006);
|
||||
Color get snackBarTextError => const Color(0xFF8D0006);
|
||||
@override
|
||||
Color get snackBarTextInfo => const Color(0xFF002A78);
|
||||
Color get snackBarTextInfo => const Color(0xFF002569);
|
||||
|
||||
// icons
|
||||
@override
|
||||
Color get bottomNavIconBack => const Color(0xFFA2A2A2);
|
||||
Color get bottomNavIconBack => const Color(0xFFA7C7CF);
|
||||
@override
|
||||
Color get bottomNavIconIcon => const Color(0xFF232323);
|
||||
Color get bottomNavIconIcon => const Color(0xFF227386);
|
||||
|
||||
@override
|
||||
Color get topNavIconPrimary => const Color(0xFF232323);
|
||||
Color get topNavIconPrimary => const Color(0xFF227386);
|
||||
@override
|
||||
Color get topNavIconGreen => const Color(0xFF00A578);
|
||||
Color get topNavIconGreen => const Color(0xFF00A591);
|
||||
@override
|
||||
Color get topNavIconYellow => const Color(0xFFF4C517);
|
||||
Color get topNavIconYellow => const Color(0xFFFDD33A);
|
||||
@override
|
||||
Color get topNavIconRed => const Color(0xFFC00205);
|
||||
Color get topNavIconRed => const Color(0xFFEA4649);
|
||||
|
||||
@override
|
||||
Color get settingsIconBack => const Color(0xFFE0E3E3);
|
||||
@override
|
||||
Color get settingsIconIcon => const Color(0xFF232323);
|
||||
@override
|
||||
Color get settingsIconBack2 => const Color(0xFF94D6C4);
|
||||
Color get settingsIconBack2 => const Color(0xFF80D2C8);
|
||||
@override
|
||||
Color get settingsIconElement => const Color(0xFF00A578);
|
||||
Color get settingsIconElement => const Color(0xFF00A591);
|
||||
|
||||
// text field
|
||||
@override
|
||||
Color get textFieldActiveBG => const Color(0xFFEEEFF1);
|
||||
Color get textFieldActiveBG => const Color(0xFFE3FFF3);
|
||||
@override
|
||||
Color get textFieldDefaultBG => const Color(0xFFEEEFF1);
|
||||
Color get textFieldDefaultBG => const Color(0xFFDDF3EA);
|
||||
@override
|
||||
Color get textFieldErrorBG => const Color(0xFFFFDAD4);
|
||||
Color get textFieldErrorBG => const Color(0xFFF6C7C3);
|
||||
@override
|
||||
Color get textFieldSuccessBG => const Color(0xFFB9E9D4);
|
||||
Color get textFieldSuccessBG => const Color(0xFFADD6D2);
|
||||
@override
|
||||
Color get textFieldErrorBorder => textFieldErrorBG;
|
||||
@override
|
||||
Color get textFieldSuccessBorder => textFieldSuccessBG;
|
||||
|
||||
@override
|
||||
Color get textFieldActiveSearchIconLeft => const Color(0xFFA9ACAC);
|
||||
Color get textFieldActiveSearchIconLeft => const Color(0xFF86898C);
|
||||
@override
|
||||
Color get textFieldDefaultSearchIconLeft => const Color(0xFFA9ACAC);
|
||||
Color get textFieldDefaultSearchIconLeft => const Color(0xFF86898C);
|
||||
@override
|
||||
Color get textFieldErrorSearchIconLeft => const Color(0xFF930006);
|
||||
Color get textFieldErrorSearchIconLeft => const Color(0xFF8D0006);
|
||||
@override
|
||||
Color get textFieldSuccessSearchIconLeft => const Color(0xFF006C4D);
|
||||
|
||||
@override
|
||||
Color get textFieldActiveText => const Color(0xFF232323);
|
||||
@override
|
||||
Color get textFieldDefaultText => const Color(0xFFA9ACAC);
|
||||
Color get textFieldDefaultText => const Color(0xFF86898C);
|
||||
@override
|
||||
Color get textFieldErrorText => const Color(0xFF000000);
|
||||
@override
|
||||
Color get textFieldSuccessText => const Color(0xFF000000);
|
||||
|
||||
@override
|
||||
Color get textFieldActiveLabel => const Color(0xFFA9ACAC);
|
||||
Color get textFieldActiveLabel => const Color(0xFF86898C);
|
||||
@override
|
||||
Color get textFieldErrorLabel => const Color(0xFF930006);
|
||||
Color get textFieldErrorLabel => const Color(0xFF8D0006);
|
||||
@override
|
||||
Color get textFieldSuccessLabel => const Color(0xFF006C4D);
|
||||
Color get textFieldSuccessLabel => const Color(0xFF077C6E);
|
||||
|
||||
@override
|
||||
Color get textFieldActiveSearchIconRight => const Color(0xFF747778);
|
||||
Color get textFieldActiveSearchIconRight => const Color(0xFF22867A);
|
||||
@override
|
||||
Color get textFieldDefaultSearchIconRight => const Color(0xFF747778);
|
||||
Color get textFieldDefaultSearchIconRight => const Color(0xFF22867A);
|
||||
@override
|
||||
Color get textFieldErrorSearchIconRight => const Color(0xFF930006);
|
||||
Color get textFieldErrorSearchIconRight => const Color(0xFF8D0006);
|
||||
@override
|
||||
Color get textFieldSuccessSearchIconRight => const Color(0xFF006C4D);
|
||||
Color get textFieldSuccessSearchIconRight => const Color(0xFF077C6E);
|
||||
|
||||
// settings item level2
|
||||
@override
|
||||
|
|
@ -245,39 +245,39 @@ class ForestColors extends StackColorTheme {
|
|||
@override
|
||||
Color get settingsItem2ActiveText => const Color(0xFF232323);
|
||||
@override
|
||||
Color get settingsItem2ActiveSub => const Color(0xFF8E9192);
|
||||
Color get settingsItem2ActiveSub => const Color(0xFF8C8F90);
|
||||
|
||||
// radio buttons
|
||||
@override
|
||||
Color get radioButtonIconBorder => const Color(0xFF0056D2);
|
||||
Color get radioButtonIconBorder => const Color(0xFF056EC6);
|
||||
@override
|
||||
Color get radioButtonIconBorderDisabled => const Color(0xFF8F909A);
|
||||
Color get radioButtonIconBorderDisabled => const Color(0xFF8C8D97);
|
||||
@override
|
||||
Color get radioButtonBorderEnabled => const Color(0xFF0056D2);
|
||||
Color get radioButtonBorderEnabled => const Color(0xFF056EC6);
|
||||
@override
|
||||
Color get radioButtonBorderDisabled => const Color(0xFF8F909A);
|
||||
Color get radioButtonBorderDisabled => const Color(0xFF8C8D97);
|
||||
@override
|
||||
Color get radioButtonIconCircle => const Color(0xFF0056D2);
|
||||
Color get radioButtonIconCircle => const Color(0xFF056EC6);
|
||||
@override
|
||||
Color get radioButtonIconEnabled => const Color(0xFF0056D2);
|
||||
Color get radioButtonIconEnabled => const Color(0xFF056EC6);
|
||||
@override
|
||||
Color get radioButtonTextEnabled => const Color(0xFF44464E);
|
||||
Color get radioButtonTextEnabled => const Color(0xFF42444B);
|
||||
@override
|
||||
Color get radioButtonTextDisabled => const Color(0xFF44464E);
|
||||
Color get radioButtonTextDisabled => const Color(0xFF42444B);
|
||||
@override
|
||||
Color get radioButtonLabelEnabled => const Color(0xFF8E9192);
|
||||
Color get radioButtonLabelEnabled => const Color(0xFF8C8F90);
|
||||
@override
|
||||
Color get radioButtonLabelDisabled => const Color(0xFF8E9192);
|
||||
Color get radioButtonLabelDisabled => const Color(0xFF8C8F90);
|
||||
|
||||
// info text
|
||||
@override
|
||||
Color get infoItemBG => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get infoItemLabel => const Color(0xFF8E9192);
|
||||
Color get infoItemLabel => const Color(0xFF838788);
|
||||
@override
|
||||
Color get infoItemText => const Color(0xFF232323);
|
||||
@override
|
||||
Color get infoItemIcons => const Color(0xFF0056D2);
|
||||
Color get infoItemIcons => const Color(0xFF056EC6);
|
||||
|
||||
// popup
|
||||
@override
|
||||
|
|
@ -285,7 +285,7 @@ class ForestColors extends StackColorTheme {
|
|||
|
||||
// currency list
|
||||
@override
|
||||
Color get currencyListItemBG => const Color(0xFFF9F9FC);
|
||||
Color get currencyListItemBG => const Color(0xFFF0F5F7);
|
||||
|
||||
// bottom nav
|
||||
@override
|
||||
|
|
@ -295,25 +295,25 @@ class ForestColors extends StackColorTheme {
|
|||
@override
|
||||
Color get stackWalletBottom => const Color(0xFF232323);
|
||||
@override
|
||||
Color get bottomNavShadow => const Color(0xFF282E33);
|
||||
Color get bottomNavShadow => const Color(0xFF388192);
|
||||
|
||||
@override
|
||||
Color get favoriteStarActive => infoItemIcons;
|
||||
Color get favoriteStarActive => const Color(0xFFF4C517);
|
||||
@override
|
||||
Color get favoriteStarInactive => textSubtitle3;
|
||||
Color get favoriteStarInactive => const Color(0xFFB0B2B2);
|
||||
|
||||
@override
|
||||
Color get splash => const Color(0x358E9192);
|
||||
Color get splash => const Color(0xFF8E9192);
|
||||
@override
|
||||
Color get highlight => const Color(0x44A9ACAC);
|
||||
Color get highlight => const Color(0xFFA9ACAC);
|
||||
@override
|
||||
Color get warningForeground => textDark;
|
||||
Color get warningForeground => const Color(0xFF232323);
|
||||
@override
|
||||
Color get warningBackground => const Color(0xFFFFDAD3);
|
||||
Color get warningBackground => const Color(0xFFF6C7C3);
|
||||
@override
|
||||
Color get loadingOverlayTextColor => const Color(0xFFF7F7F7);
|
||||
@override
|
||||
Color get myStackContactIconBG => textFieldDefaultBG;
|
||||
Color get myStackContactIconBG => const Color(0xFFD8E7EB);
|
||||
@override
|
||||
Color get textConfirmTotalAmount => const Color(0xFF232323);
|
||||
@override
|
||||
|
|
|
|||
Loading…
Reference in a new issue