theme-style.js 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. let light = `
  2. --light: #333;
  3. --plain:#fff;
  4. --text-color: #666;
  5. --panel-1: fff;
  6. --panel-2: #ebedf0;
  7. --panel-3: #fff;
  8. --form-panel-3: #f7f7f7;
  9. --panel-4: #fff;
  10. --form-panel-4: #F1F1F6;
  11. --border-color: #dcdee0;
  12. --mimicry-shadow:10px 10px 15px #d9d9d9, -10px -10px 15px #ffffff;
  13. --shadow: 0px 0px 26px 0px rgba(34, 34, 44, 0.06);
  14. --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));
  15. --bg-top:#fff;
  16. --bg-bottom:#f9f9f9;
  17. --tab-nav:#fff;
  18. --tab-nav-shadow:0px -9px 14px 0px rgba(0, 0, 0, 0.06);
  19. --nav-tab-active:#BF5FC1;
  20. --bglight:#FFFFFF;
  21. --ronqi:#F6F6F6;
  22. --listline:#EEEEEE;
  23. --list:#FFFFFF;
  24. --dd:#000;
  25. --pledgeColor:#EEEEEE;
  26. --gray:#222224;
  27. --menban:#F6F6F6;
  28. --sign-in-success:linear-gradient(94deg, #42cbff 0%, #015afe 100%);
  29. --sign-in-default:linear-gradient(135deg, #ff7c6e 0%, #f7427b 100%);
  30. `;
  31. // let dark = `
  32. // --light:#fff;
  33. // --plain:#fff;
  34. // --text-color: #9FA6B5;
  35. // --panel-1: #2A2A38;
  36. // --panel-2: #343445;
  37. // --panel-3: #393948;
  38. // --panel-4: #484859;
  39. // --form-panel-4: #484859;
  40. // --border-color:#49495F;
  41. // --mimicry-shadow:10px 10px 15px #1a1a1a, -10px -10px 15px #242424;
  42. // --shadow: 0px 0px 33px 0px rgba(34, 34, 44, 0.25);
  43. // --picker-mask:linear-gradient(180deg,#1f1f1f,rgba(70, 70, 70, 0.6)),linear-gradient(0deg,#1f1f1f,rgba(70, 70, 70, 0.6));
  44. // --bg-top:#383847;
  45. // --bg-bottom:#24242f;
  46. // --tab-nav:#31313F;
  47. // --tab-nav-shadow:0px -7px 20px 0px rgba(37, 37, 48, 0.83);
  48. // --nav-tab-active:#ffffff;
  49. // --bglight:#2E344B;
  50. // --ronqi:#2E344B;
  51. // --listline:#2E344B;
  52. // --list:#262B3F;
  53. // --dd:#FFF;
  54. // --pledgeColor:#4A4E5E;
  55. // --gray:#999999;
  56. // --menban:#2E344B;
  57. // `;
  58. let color = {
  59. danger: "#f7427b",
  60. };
  61. let dark = [
  62. `--text-danger:${color.danger}`, //字体颜色红色
  63. `--button-danger-background-color:${color.danger}`, // 红色按钮背景颜色
  64. `--light:#fff`,
  65. `--plain:#fff`,
  66. `--text-color: #c9cfd8`, //文本颜色
  67. `--panel-1: #282842`, //2a2a38
  68. `--panel-2: #25253d`, //343445
  69. `--panel-3: #292944`, //393948 消息通知列表每行背景颜色
  70. `--panel-4: #292944`, //484859 提现选择币种列表每行背景颜色 合约账户没行背景颜色
  71. `--gray-7:#15152d`, // 提币页面提币默认背景颜色
  72. `--form-panel-3: #282842`,
  73. `--form-panel-4: #282842`,
  74. `--form-panel-5:linear-gradient(135deg, #313151 0%, #313151 100%), linear-gradient(#313151, #313151)`,
  75. `--form-panel-7:linear-gradient(135deg, #292944 0%, #25253d 100%), linear-gradient(#292944, #292944)`, //首页下半部分每一行背景颜色
  76. `--border-color:rgba(255,255,255,0.1)`,
  77. `--mimicry-shadow:10px 10px 15px #1a1a1a, -10px -10px 15px #282842`,
  78. `--shadow: 0px 0px 33px 0px rgba(34, 34, 44, 0.25)`,
  79. `--picker-mask:linear-gradient(180deg,#12121e,rgba(27, 27, 45, 0.6)),linear-gradient(0deg,#25253d,rgba(27, 27, 45, 0.6))`, // 下拉框遮罩层颜色
  80. `--bg-top:#21223b`,
  81. `--bg-bottom:#21223b`,
  82. `--tab-nav:#292944`,
  83. `--tab-nav-active:#fff`,
  84. `--tab-nav-shadow:0px -7px 20px 0px rgba(27, 27, 48, 0.83)`,
  85. `--nav-tab-active:${color.danger}`,
  86. `--bglight:#2E344B`,
  87. `--ronqi:#2E344B`,
  88. `--listline:#2E344B`,
  89. `--list:#262B3F`,
  90. `--dd:#FFF`,
  91. `--pledgeColor:#4A4E5E`,
  92. `--gray:#999999`,
  93. `--menban:#2E344B`,
  94. // -------------------------------------------------------------------签到页面颜色开始
  95. `--sign-in-danger:#015afe`,
  96. `--sign-in-success:linear-gradient(94deg, #42cbff 0%, #015afe 100%)`,
  97. `--sign-in-default:linear-gradient(135deg, #ff7c6e 0%, #f7427b 100%)`,
  98. // -------------------------------------------------------------------签到页面颜色结束
  99. ].join(";");
  100. /**
  101. * ----------------------------- K线图背景颜色修改 搜索 #2b2b37
  102. */
  103. export default {
  104. light,
  105. dark,
  106. };