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 'package:stackwallet/utilities/theme/oled_chans_colors.dart';
|
||||||
|
|
||||||
import 'chan_colors.dart';
|
import 'chan_colors.dart';
|
||||||
|
import 'orange_colors.dart';
|
||||||
|
|
||||||
enum ThemeType {
|
enum ThemeType {
|
||||||
light,
|
light,
|
||||||
dark,
|
dark,
|
||||||
oceanBreeze,
|
oceanBreeze,
|
||||||
oledBlack,
|
oledBlack,
|
||||||
|
orange,
|
||||||
fruitSorbet,
|
fruitSorbet,
|
||||||
forest,
|
forest,
|
||||||
chan,
|
chan,
|
||||||
|
|
@ -36,6 +38,8 @@ extension ThemeTypeExt on ThemeType {
|
||||||
return ThemeType.oceanBreeze;
|
return ThemeType.oceanBreeze;
|
||||||
case "oledBlack":
|
case "oledBlack":
|
||||||
return ThemeType.oledBlack;
|
return ThemeType.oledBlack;
|
||||||
|
case "orange":
|
||||||
|
return ThemeType.oledBlack;
|
||||||
case "fruitSorbet":
|
case "fruitSorbet":
|
||||||
return ThemeType.fruitSorbet;
|
return ThemeType.fruitSorbet;
|
||||||
case "forest":
|
case "forest":
|
||||||
|
|
@ -59,6 +63,8 @@ extension ThemeTypeExt on ThemeType {
|
||||||
return OceanBreezeColors();
|
return OceanBreezeColors();
|
||||||
case ThemeType.oledBlack:
|
case ThemeType.oledBlack:
|
||||||
return OledBlackColors();
|
return OledBlackColors();
|
||||||
|
case ThemeType.orange:
|
||||||
|
return OrangeColors();
|
||||||
case ThemeType.fruitSorbet:
|
case ThemeType.fruitSorbet:
|
||||||
return FruitSorbetColors();
|
return FruitSorbetColors();
|
||||||
case ThemeType.forest:
|
case ThemeType.forest:
|
||||||
|
|
@ -80,6 +86,8 @@ extension ThemeTypeExt on ThemeType {
|
||||||
return "Ocean Breeze";
|
return "Ocean Breeze";
|
||||||
case ThemeType.oledBlack:
|
case ThemeType.oledBlack:
|
||||||
return "OLED Black";
|
return "OLED Black";
|
||||||
|
case ThemeType.orange:
|
||||||
|
return "Orange";
|
||||||
case ThemeType.fruitSorbet:
|
case ThemeType.fruitSorbet:
|
||||||
return "Fruit Sorbet";
|
return "Fruit Sorbet";
|
||||||
case ThemeType.forest:
|
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