mirror of
https://github.com/cypherstack/stack_wallet.git
synced 2025-01-11 05:04:35 +00:00
add orange theme colors
This commit is contained in:
ryleedavis
parent
951c9638f3
commit
2a1a5e858c
2 changed files with 359 additions and 0 deletions
|
|
@ -9,12 +9,14 @@ import 'package:stackwallet/utilities/theme/oled_black_colors.dart';
|
|||
import 'package:stackwallet/utilities/theme/oled_chans_colors.dart';
|
||||
|
||||
import 'chan_colors.dart';
|
||||
import 'orange_colors.dart';
|
||||
|
||||
enum ThemeType {
|
||||
light,
|
||||
dark,
|
||||
oceanBreeze,
|
||||
oledBlack,
|
||||
orange,
|
||||
fruitSorbet,
|
||||
forest,
|
||||
chan,
|
||||
|
|
@ -36,6 +38,8 @@ extension ThemeTypeExt on ThemeType {
|
|||
return ThemeType.oceanBreeze;
|
||||
case "oledBlack":
|
||||
return ThemeType.oledBlack;
|
||||
case "orange":
|
||||
return ThemeType.oledBlack;
|
||||
case "fruitSorbet":
|
||||
return ThemeType.fruitSorbet;
|
||||
case "forest":
|
||||
|
|
@ -59,6 +63,8 @@ extension ThemeTypeExt on ThemeType {
|
|||
return OceanBreezeColors();
|
||||
case ThemeType.oledBlack:
|
||||
return OledBlackColors();
|
||||
case ThemeType.orange:
|
||||
return OrangeColors();
|
||||
case ThemeType.fruitSorbet:
|
||||
return FruitSorbetColors();
|
||||
case ThemeType.forest:
|
||||
|
|
@ -80,6 +86,8 @@ extension ThemeTypeExt on ThemeType {
|
|||
return "Ocean Breeze";
|
||||
case ThemeType.oledBlack:
|
||||
return "OLED Black";
|
||||
case ThemeType.orange:
|
||||
return "Orange";
|
||||
case ThemeType.fruitSorbet:
|
||||
return "Fruit Sorbet";
|
||||
case ThemeType.forest:
|
||||
|
|
|
|||
351
lib/utilities/theme/orange_colors.dart
Normal file
351
lib/utilities/theme/orange_colors.dart
Normal file
|
|
@ -0,0 +1,351 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:stackwallet/utilities/theme/color_theme.dart';
|
||||
|
||||
class OrangeColors extends StackColorTheme {
|
||||
@override
|
||||
ThemeType get themeType => ThemeType.orange;
|
||||
@override
|
||||
Brightness get brightness => Brightness.light;
|
||||
|
||||
@override
|
||||
Color get background => const Color(0xFFF7F7F7);
|
||||
@override
|
||||
Color get backgroundAppBar => background;
|
||||
@override
|
||||
Gradient? get gradientBackground => null;
|
||||
|
||||
@override
|
||||
Color get overlay => const Color(0xFF111215);
|
||||
|
||||
@override
|
||||
Color get accentColorBlue => const Color(0xFF077CBE);
|
||||
@override
|
||||
Color get accentColorGreen => const Color(0xFF00A591);
|
||||
@override
|
||||
Color get accentColorYellow => const Color(0xFFF4C517);
|
||||
@override
|
||||
Color get accentColorRed => const Color(0xFFD1382D);
|
||||
@override
|
||||
Color get accentColorOrange => const Color(0xFFFF985F);
|
||||
@override
|
||||
Color get accentColorDark => const Color(0xFFF36B43);
|
||||
|
||||
@override
|
||||
Color get shadow => const Color(0x0F2D3132);
|
||||
|
||||
@override
|
||||
Color get textDark => const Color(0xFF232323);
|
||||
@override
|
||||
Color get textDark2 => const Color(0xFF333333);
|
||||
@override
|
||||
Color get textDark3 => const Color(0xFF696B6C);
|
||||
@override
|
||||
Color get textSubtitle1 => const Color(0xFF7E8284);
|
||||
@override
|
||||
Color get textSubtitle2 => const Color(0xFF919393);
|
||||
@override
|
||||
Color get textSubtitle3 => const Color(0xFFB0B2B2);
|
||||
@override
|
||||
Color get textSubtitle4 => const Color(0xFFD1D3D3);
|
||||
@override
|
||||
Color get textSubtitle5 => const Color(0xFFDEDFE1);
|
||||
@override
|
||||
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(0xFF8D0006);
|
||||
@override
|
||||
Color get textRestore => overlay;
|
||||
|
||||
// button background
|
||||
@override
|
||||
Color get buttonBackPrimary => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get buttonBackSecondary => const Color(0xFFFFEEC2);
|
||||
@override
|
||||
Color get buttonBackPrimaryDisabled => const Color(0xFFF8EAE6);
|
||||
@override
|
||||
Color get buttonBackSecondaryDisabled => const Color(0xFFBDBDBD);
|
||||
@override
|
||||
Color get buttonBackBorder => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get buttonBackBorderDisabled => const Color(0xFFF8EAE6);
|
||||
@override
|
||||
Color get buttonBackBorderSecondary => buttonBackSecondary;
|
||||
@override
|
||||
Color get buttonBackBorderSecondaryDisabled => buttonBackSecondaryDisabled;
|
||||
|
||||
@override
|
||||
Color get numberBackDefault => const Color(0xFFFFF0D4);
|
||||
@override
|
||||
Color get numpadBackDefault => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get bottomNavBack => const Color(0xFFFFFFFF);
|
||||
|
||||
// button text/element
|
||||
@override
|
||||
Color get buttonTextPrimary => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get buttonTextSecondary => const Color(0xFF232323);
|
||||
@override
|
||||
Color get buttonTextPrimaryDisabled => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get buttonTextSecondaryDisabled => const Color(0xFFF8EAE6);
|
||||
@override
|
||||
Color get buttonTextBorder => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get buttonTextDisabled => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get buttonTextBorderless => const Color(0xFF056EC6);
|
||||
@override
|
||||
Color get buttonTextBorderlessDisabled => const Color(0xFFB6B6B6);
|
||||
@override
|
||||
Color get numberTextDefault => const Color(0xFF232323);
|
||||
@override
|
||||
Color get numpadTextDefault => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get bottomNavText => const Color(0xFF232323);
|
||||
@override
|
||||
Color get customTextButtonEnabledText => buttonTextBorderless;
|
||||
@override
|
||||
Color get customTextButtonDisabledText => textSubtitle1;
|
||||
|
||||
// switch
|
||||
@override
|
||||
Color get switchBGOn => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get switchBGOff => const Color(0xFFFFE4B2);
|
||||
@override
|
||||
Color get switchBGDisabled => const Color(0xFFC5C6C9);
|
||||
@override
|
||||
Color get switchCircleOn => const Color(0xFFFFF0D4);
|
||||
@override
|
||||
Color get switchCircleOff => const Color(0xFFFBFCFF);
|
||||
@override
|
||||
Color get switchCircleDisabled => const Color(0xFFFBFCFF);
|
||||
|
||||
// step indicator background
|
||||
@override
|
||||
Color get stepIndicatorBGCheck => const Color(0xFFFFDAD1);
|
||||
@override
|
||||
Color get stepIndicatorBGNumber => const Color(0xFFCDD9FF);
|
||||
@override
|
||||
Color get stepIndicatorBGInactive => const Color(0xFFF8EAE6);
|
||||
@override
|
||||
Color get stepIndicatorBGLines => const Color(0xFFFFD5C9);
|
||||
@override
|
||||
Color get stepIndicatorBGLinesInactive => const Color(0xFFFFD9CF);
|
||||
@override
|
||||
Color get stepIndicatorIconText => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get stepIndicatorIconNumber => const Color(0xFF005BAF);
|
||||
@override
|
||||
Color get stepIndicatorIconInactive => const Color(0xFFD4DFFF);
|
||||
|
||||
// checkbox
|
||||
@override
|
||||
Color get checkboxBGChecked => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get checkboxBorderEmpty => const Color(0xFF8C8F90);
|
||||
@override
|
||||
Color get checkboxBGDisabled => const Color(0xFFFFEEC2);
|
||||
@override
|
||||
Color get checkboxIconChecked => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get checkboxIconDisabled => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get checkboxTextLabel => const Color(0xFF232323);
|
||||
|
||||
// snack bar
|
||||
@override
|
||||
Color get snackBarBackSuccess => const Color(0xFFADD6D2);
|
||||
@override
|
||||
Color get snackBarBackError => const Color(0xFFF6C7C3);
|
||||
@override
|
||||
Color get snackBarBackInfo => const Color(0xFFCCD7FF);
|
||||
@override
|
||||
Color get snackBarTextSuccess => const Color(0xFF075547);
|
||||
@override
|
||||
Color get snackBarTextError => const Color(0xFF8D0006);
|
||||
@override
|
||||
Color get snackBarTextInfo => const Color(0xFF002569);
|
||||
|
||||
// icons
|
||||
@override
|
||||
Color get bottomNavIconBack => const Color(0xFFFFC58F);
|
||||
@override
|
||||
Color get bottomNavIconIcon => const Color(0xFFFFFFFF);
|
||||
|
||||
@override
|
||||
Color get topNavIconPrimary => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get topNavIconGreen => const Color(0xFF00A591);
|
||||
@override
|
||||
Color get topNavIconYellow => const Color(0xFFFDD33A);
|
||||
@override
|
||||
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(0xFF80D2C8);
|
||||
@override
|
||||
Color get settingsIconElement => const Color(0xFF00A591);
|
||||
|
||||
// text field
|
||||
@override
|
||||
Color get textFieldActiveBG => const Color(0xFFFFF0D4);
|
||||
@override
|
||||
Color get textFieldDefaultBG => const Color(0xFFFFF3DD);
|
||||
@override
|
||||
Color get textFieldErrorBG => const Color(0xFFF6C7C3);
|
||||
@override
|
||||
Color get textFieldSuccessBG => const Color(0xFFADD6D2);
|
||||
@override
|
||||
Color get textFieldErrorBorder => textFieldErrorBG;
|
||||
@override
|
||||
Color get textFieldSuccessBorder => textFieldSuccessBG;
|
||||
|
||||
@override
|
||||
Color get textFieldActiveSearchIconLeft => const Color(0xFF86898C);
|
||||
@override
|
||||
Color get textFieldDefaultSearchIconLeft => const Color(0xFF86898C);
|
||||
@override
|
||||
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(0xFF86898C);
|
||||
@override
|
||||
Color get textFieldErrorText => const Color(0xFF000000);
|
||||
@override
|
||||
Color get textFieldSuccessText => const Color(0xFF000000);
|
||||
|
||||
@override
|
||||
Color get textFieldActiveLabel => const Color(0xFF86898C);
|
||||
@override
|
||||
Color get textFieldErrorLabel => const Color(0xFF8D0006);
|
||||
@override
|
||||
Color get textFieldSuccessLabel => const Color(0xFF077C6E);
|
||||
|
||||
@override
|
||||
Color get textFieldActiveSearchIconRight => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get textFieldDefaultSearchIconRight => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get textFieldErrorSearchIconRight => const Color(0xFF8D0006);
|
||||
@override
|
||||
Color get textFieldSuccessSearchIconRight => const Color(0xFF077C6E);
|
||||
|
||||
// settings item level2
|
||||
@override
|
||||
Color get settingsItem2ActiveBG => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get settingsItem2ActiveText => const Color(0xFF232323);
|
||||
@override
|
||||
Color get settingsItem2ActiveSub => const Color(0xFF8C8F90);
|
||||
|
||||
// radio buttons
|
||||
@override
|
||||
Color get radioButtonIconBorder => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get radioButtonIconBorderDisabled => const Color(0xFF8C8D97);
|
||||
@override
|
||||
Color get radioButtonBorderEnabled => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get radioButtonBorderDisabled => const Color(0xFF8C8D97);
|
||||
@override
|
||||
Color get radioButtonIconCircle => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get radioButtonIconEnabled => const Color(0xFFF36B43);
|
||||
@override
|
||||
Color get radioButtonTextEnabled => const Color(0xFF42444B);
|
||||
@override
|
||||
Color get radioButtonTextDisabled => const Color(0xFF42444B);
|
||||
@override
|
||||
Color get radioButtonLabelEnabled => const Color(0xFF8C8F90);
|
||||
@override
|
||||
Color get radioButtonLabelDisabled => const Color(0xFF8C8F90);
|
||||
|
||||
// info text
|
||||
@override
|
||||
Color get infoItemBG => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get infoItemLabel => const Color(0xFF838788);
|
||||
@override
|
||||
Color get infoItemText => const Color(0xFF232323);
|
||||
@override
|
||||
Color get infoItemIcons => const Color(0xFFF36B43);
|
||||
|
||||
// popup
|
||||
@override
|
||||
Color get popupBG => const Color(0xFFFFFFFF);
|
||||
|
||||
// currency list
|
||||
@override
|
||||
Color get currencyListItemBG => const Color(0xFFF0F5F7);
|
||||
|
||||
// bottom nav
|
||||
@override
|
||||
Color get stackWalletBG => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get stackWalletMid => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get stackWalletBottom => const Color(0xFFFFFFFF);
|
||||
@override
|
||||
Color get bottomNavShadow => const Color(0xFF388192);
|
||||
|
||||
@override
|
||||
Color get favoriteStarActive => const Color(0xFFF4C517);
|
||||
@override
|
||||
Color get favoriteStarInactive => textSubtitle3;
|
||||
|
||||
@override
|
||||
Color get splash => const Color(0xFF8E9192);
|
||||
@override
|
||||
Color get highlight => const Color(0xFFA9ACAC);
|
||||
@override
|
||||
Color get warningForeground => textDark;
|
||||
@override
|
||||
Color get warningBackground => const Color(0xFFF6C7C3);
|
||||
@override
|
||||
Color get loadingOverlayTextColor => const Color(0xFFF7F7F7);
|
||||
@override
|
||||
Color get myStackContactIconBG => const Color(0xFFFFF3DD);
|
||||
@override
|
||||
Color get textConfirmTotalAmount => const Color(0xFF232323);
|
||||
@override
|
||||
Color get textSelectedWordTableItem => const Color(0xFF232323);
|
||||
|
||||
//rate type toggle
|
||||
@override
|
||||
Color get rateTypeToggleColorOn => textFieldDefaultBG;
|
||||
@override
|
||||
Color get rateTypeToggleColorOff => popupBG;
|
||||
@override
|
||||
Color get rateTypeToggleDesktopColorOn => textFieldDefaultBG;
|
||||
@override
|
||||
Color get rateTypeToggleDesktopColorOff => buttonBackSecondary;
|
||||
|
||||
@override
|
||||
BoxShadow get standardBoxShadow => BoxShadow(
|
||||
color: shadow,
|
||||
spreadRadius: 3,
|
||||
blurRadius: 4,
|
||||
);
|
||||
|
||||
@override
|
||||
BoxShadow? get homeViewButtonBarBoxShadow => BoxShadow(
|
||||
color: shadow,
|
||||
spreadRadius: 3,
|
||||
blurRadius: 4,
|
||||
);
|
||||
}
|
||||
Loading…
Reference in a new issue