下面记录支付宝的新版logo的蓝色。
static Color colorTheme = Color.fromRGBO(56, 117, 246, 1);
请参考完整颜色类,其中包含fromRGBO()、fromARGB()、rgba()三种用法。
import 'package:color_dart/RgbaColor.dart';
import 'package:flutter/material.dart';
class ThemeColors {
///主色调,按钮,特殊需要强调和突出的文字 -- 支付宝蓝色
static Color colorTheme = Color.fromRGBO(56, 117, 246, 1);
// static Color colorTheme = rgba(56, 117, 246, 1);
///主色调渐变用色,个别按钮和状态,从colorBtnLeft变化到colorBtnRight
static Color colorBtnLeft = Color.fromRGBO(255, 251, 156, 51);
static Color colorBtnRight = Color.fromRGBO(255, 252, 191, 50);
///提示性文字,状态信息,按钮等
static Color colorRed = Color.fromRGBO(255, 226, 36, 39);
///功能性较强的文字,内页标题等
static Color color333333 = Color.fromRGBO(255, 51, 51, 51);
///正文,副标题以及可点击区域的主要文字和图标
static Color color666666 = Color.fromRGBO(255, 102, 102, 102);
///弱化信息,提示性文字信息,不可点击状态
static Color color999999 = Color.fromRGBO(255, 153, 153, 153);
///弱化信息,提示性文字信息
static Color colorDDDDDD = Color.fromARGB(255, 221, 221, 221);
///背景区域划分,分割线
static Color colorF6F6F8 = Color.fromARGB(255, 246, 246, 248);
///纯白色
static Color colorWhite = Color.fromARGB(255, 255, 255, 255);
///纯黑色
static Color colorBlack = Color.fromARGB(255, 0, 0, 0);
}
颜色类调用方法
borderColor: ThemeColors.colorTheme,
Container(
margin: EdgeInsets.only(top: 25),
child: AButton.normal(
width: 300,
child: Text('邮箱验证码登录'),
color: ThemeColors.colorTheme,
bgColor: hex('#fff'),
borderColor: ThemeColors.colorTheme,
plain: true,
onPressed: () => G.pushNamed('/login_mail')
),
),