10.10综合交易所原始源码_移动端
blame | history | patch | commit | commitdiff | show whitespace
1
admin
2026-01-27 f66eee1d038afc05f1a727db256ba5c6818f6fb4 
 src/assets/css/variable.scss


@@ -1,23 +1,23 @@


html[theme="white"]:root {


    //白色主题


    --mainBgColor: #fff;


    --mainTextColor: #333;


    //白色主题 - Crypto.com 风格


    --mainBgColor: #ffffff;


    --mainTextColor: #0B1426;


    --mainbgWhiteColor: #fff;


    --main_background: #fff;


    --main2_background: #fff;


    --main_background: #ffffff;


    --main2_background: #f8f9fa;


    --main3_background: #F7F9F9;


    --text_color: #333;


    --text_color1: #868D9A;


    --text_color2: #333;


    --text_color3: #999;


    --text_color4: #333;


    --text_color5: #878A96;


    --text_color6: #666;


    --text_color: #0B1426;


    --text_color1: #76808F;


    --text_color2: #0B1426;


    --text_color3: #76808F;


    --text_color4: #0B1426;


    --text_color5: #76808F;


    --text_color6: #76808F;


    --tab_background: #F6F8F9;


    --active_line: #C42F2E;


    --footer_background: #252738;


    --btn_main: #C42F2E;


    --color_main: #C42F2E;


    --active_line: #92D1FF;


    --footer_background: #ffffff;


    --btn_main: linear-gradient(135deg, #92D1FF 0%, #7BB8FF 100%);


    --color_main: #92D1FF;


    --btn_background: #474B62;


    --input_background: #F5F5F5;


    --cont_background1: #f5f5f5;


@@ -88,7 +88,7 @@


    --tab_active: #EAEDF2;


    --exchange-bg: #f5f5f5;


    --f10-text: #868D9A;


    --quotes-btn-bg: #C42F2E;


    --quotes-btn-bg: linear-gradient(135deg, #92D1FF 0%, #7BB8FF 100%);


    --quotes-btn-text: #ffffff;


    --van-bg: #ffffff;


    --ipo_card_bg: #F5F8FC;


@@ -106,25 +106,25 @@


}




html[theme="dark"]:root {


    //黑色主题


    --mainBgColor: #131A2E;


    --mainTextColor: #fff;


    //黑色主题 - Crypto.com 风格


    --mainBgColor: #0B1426;


    --mainTextColor: #ffffff;


    --mainbgWhiteColor: #fff;


    --main_background: #131a2e;


    --main2_background: #1F233D;


    --main3_background: #131a2e;


    --text_color: #fff;


    --text_color1: #868D9A;


    --text_color2: #fff;


    --text_color3: #CFD5EC;


    --text_color4: #333;


    --text_color5: #878A96;


    --text_color6: #B7BDD1;


    --tab_background: #27293B;


    --active_line: #1678FF;


    --footer_background: #252738;


    --btn_main: #1678FF;


    --color_main: #1678FF;


    --main_background: #0B1426;


    --main2_background: #1A2332;


    --main3_background: #0B1426;


    --text_color: #ffffff;


    --text_color1: #76808F;


    --text_color2: #ffffff;


    --text_color3: #EAECEF;


    --text_color4: #ffffff;


    --text_color5: #76808F;


    --text_color6: #EAECEF;


    --tab_background: #1A2332;


    --active_line: #ffffff;


    --footer_background: #0B1426;


    --btn_main: linear-gradient(135deg, #92D1FF 0%, #7BB8FF 100%);


    --color_main: #92D1FF;


    --btn_background: #474B62;


    --input_background: #27293B;


    --cont_background1: #27293B;


@@ -156,7 +156,7 @@


    --pledgeLoan_background: #00E3FF;


    --financialBackground: #1E2340;


    --footer_bg: #131A2E;


    --footer_color: #BEC1D2;


    --footer_color: #76808F;


    --recommend_bg: #1A2136;


    --tab_normal_text: #999;


    --hot-item-bg: #1B2134;


@@ -195,8 +195,8 @@


    --tab_active: #1F233D;


    --exchange-bg: #0D1323;


    --f10-text: #B6BDD4;


    --quotes-btn-bg: #112542;


    --quotes-btn-text: #1194F7;


    --quotes-btn-bg: linear-gradient(135deg, #92D1FF 0%, #7BB8FF 100%);


    --quotes-btn-text: #ffffff;


    --van-bg: #121a2e;


    --ipo_card_bg: #192137;


    --ipo_normal_text: #B7BDD1;


@@ -321,8 +321,8 @@


$dark-grey: #868C9A;


$light-grey: #C8CAD2;


$border-grey: #E5E7ED;


$blue: #1678FF;


$light-blue: #1199FA;


$blue: #92D1FF;


$light-blue: #7BB8FF;


$red: #F43368;


$green: #06CDA5;


$purple: #9A4DFD;


@@ -752,5 +752,9 @@


}




:root {


    --theme-color: #1194F7;


    --theme-color: #92D1FF;


    --card-shadow: 0 2px 12px rgba(146, 209, 255, 0.08);


    --card-shadow-hover: 0 4px 20px rgba(146, 209, 255, 0.12);


    --gradient-primary: linear-gradient(135deg, #92D1FF 0%, #7BB8FF 100%);


    --gradient-primary-hover: linear-gradient(135deg, #7BB8FF 0%, #6BA8FF 100%);


}