| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- let light = `
- --light: #333;
- --plain:#fff;
- --text-color: #666;
- --panel-1: fff;
- --panel-2: #ebedf0;
- --panel-3: #fff;
- --form-panel-3: #f7f7f7;
- --panel-4: #fff;
- --form-panel-4: #F1F1F6;
- --border-color: #dcdee0;
- --mimicry-shadow:10px 10px 15px #d9d9d9, -10px -10px 15px #ffffff;
- --shadow: 0px 0px 26px 0px rgba(34, 34, 44, 0.06);
- --picker-mask:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
- --bg-top:#fff;
- --bg-bottom:#f9f9f9;
- --tab-nav:#fff;
- --tab-nav-shadow:0px -9px 14px 0px rgba(0, 0, 0, 0.06);
- --nav-tab-active:#BF5FC1;
- --bglight:#FFFFFF;
- --ronqi:#F6F6F6;
- --listline:#EEEEEE;
- --list:#FFFFFF;
- --dd:#000;
- --pledgeColor:#EEEEEE;
- --gray:#222224;
- --menban:#F6F6F6;
- --sign-in-success:linear-gradient(94deg, #42cbff 0%, #015afe 100%);
- --sign-in-default:linear-gradient(135deg, #ff7c6e 0%, #f7427b 100%);
- `;
- // let dark = `
- // --light:#fff;
- // --plain:#fff;
- // --text-color: #9FA6B5;
- // --panel-1: #2A2A38;
- // --panel-2: #343445;
- // --panel-3: #393948;
- // --panel-4: #484859;
- // --form-panel-4: #484859;
- // --border-color:#49495F;
- // --mimicry-shadow:10px 10px 15px #1a1a1a, -10px -10px 15px #242424;
- // --shadow: 0px 0px 33px 0px rgba(34, 34, 44, 0.25);
- // --picker-mask:linear-gradient(180deg,#1f1f1f,rgba(70, 70, 70, 0.6)),linear-gradient(0deg,#1f1f1f,rgba(70, 70, 70, 0.6));
- // --bg-top:#383847;
- // --bg-bottom:#24242f;
- // --tab-nav:#31313F;
- // --tab-nav-shadow:0px -7px 20px 0px rgba(37, 37, 48, 0.83);
- // --nav-tab-active:#ffffff;
- // --bglight:#2E344B;
- // --ronqi:#2E344B;
- // --listline:#2E344B;
- // --list:#262B3F;
- // --dd:#FFF;
- // --pledgeColor:#4A4E5E;
- // --gray:#999999;
- // --menban:#2E344B;
- // `;
- let color = {
- danger: "#f7427b",
- };
- let dark = [
- `--text-danger:${color.danger}`, //字体颜色红色
- `--button-danger-background-color:${color.danger}`, // 红色按钮背景颜色
- `--light:#fff`,
- `--plain:#fff`,
- `--text-color: #c9cfd8`, //文本颜色
- `--panel-1: #282842`, //2a2a38
- `--panel-2: #25253d`, //343445
- `--panel-3: #292944`, //393948 消息通知列表每行背景颜色
- `--panel-4: #292944`, //484859 提现选择币种列表每行背景颜色 合约账户没行背景颜色
- `--gray-7:#15152d`, // 提币页面提币默认背景颜色
- `--form-panel-3: #282842`,
- `--form-panel-4: #282842`,
- `--form-panel-5:linear-gradient(135deg, #313151 0%, #313151 100%), linear-gradient(#313151, #313151)`,
- `--form-panel-7:linear-gradient(135deg, #292944 0%, #25253d 100%), linear-gradient(#292944, #292944)`, //首页下半部分每一行背景颜色
- `--border-color:rgba(255,255,255,0.1)`,
- `--mimicry-shadow:10px 10px 15px #1a1a1a, -10px -10px 15px #282842`,
- `--shadow: 0px 0px 33px 0px rgba(34, 34, 44, 0.25)`,
- `--picker-mask:linear-gradient(180deg,#12121e,rgba(27, 27, 45, 0.6)),linear-gradient(0deg,#25253d,rgba(27, 27, 45, 0.6))`, // 下拉框遮罩层颜色
- `--bg-top:#21223b`,
- `--bg-bottom:#21223b`,
- `--tab-nav:#292944`,
- `--tab-nav-active:#fff`,
- `--tab-nav-shadow:0px -7px 20px 0px rgba(27, 27, 48, 0.83)`,
- `--nav-tab-active:${color.danger}`,
- `--bglight:#2E344B`,
- `--ronqi:#2E344B`,
- `--listline:#2E344B`,
- `--list:#262B3F`,
- `--dd:#FFF`,
- `--pledgeColor:#4A4E5E`,
- `--gray:#999999`,
- `--menban:#2E344B`,
- // -------------------------------------------------------------------签到页面颜色开始
- `--sign-in-danger:#015afe`,
- `--sign-in-success:linear-gradient(94deg, #42cbff 0%, #015afe 100%)`,
- `--sign-in-default:linear-gradient(135deg, #ff7c6e 0%, #f7427b 100%)`,
- // -------------------------------------------------------------------签到页面颜色结束
- ].join(";");
- /**
- * ----------------------------- K线图背景颜色修改 搜索 #2b2b37
- */
- export default {
- light,
- dark,
- };
|