style

lxf

2025-05-21 b4de621185b625772e01dce5d5d548cb70710d56

style

 .gitignore

@@ -1,6 +1,15 @@
.DS_Store
node_modules
/dist
.zip
.lock
.env
.env.*
.env.local
.env.*.local
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# local env files
.env.local

 src/assets/theme/_themes.scss

@@ -1,43 +1,44 @@
$themes: (
    light:(main_background: #fff,
        text_color: #333,
        text_color1: #868C9A,
        text_color2: #868C9A,
        text_color3: #000000, //
        tab_background: #F5F5F5,
        tab_background1: #fff, //
        tab_background2: #868C9A, //
        active_line: #f7b328,
        footer_background: #fff,
        btn_main: #f7b328,
        color_main: #f7b328,
        btn_background: #f7b328, //按钮颜色
        btn_background1: #eff7ff, //按钮颜色
        btn_background2: #C8CAD2, //按钮颜色
        input_background: #F5F5F5,
        cont_background: #f6f6f6,
        title_color: #000,
        line_color: #E5E7ED,
        bg_dark: #C8CAD2,
        border_color: #f3f3f3,
        border_color1: #f3f3f3,
        divi_line: #f3f3f3,
        bg_step: #E5E9F0,
        bg_Bottom: #fff,
        chat_bg: #f3f3f3,
        upload_bg: #f7f8fa,
        grey_bg: #f3f3f3,
        input_background1: #f5f5f5,
        c2c_color: #000,
        c2c_background: #1d91ff,
        c2c_background1: #f5f5f5,
        c2c_tab_background: #fff,
        c2c_tip_background: #eff7ff,
        light-greybg:#f3f4f9,
        dark-greybg:#cbd0e3,
        // home_bg: #f5f5f5,
        cont_round: #fff,
        cont_nav: #f7b328,
    light:(main_background: #121212, //主题色
        text_color: #fff, //文字颜色
        text_color1: #868D9A, //文字浅色
        text_color2: #fff, // 资金页面所用对应
        text_color3: #fff, //
        tab_background: #242424, //tab切换背景颜色
        tab_background1: #000, //tab切换背景颜色
        tab_background2: #242424, //tab切换背景颜色
        active_line: #f7b328, //tab选中样式颜色
        footer_background: #1a1a1a, // 底部颜色
        btn_main: #f7b328, //主题色按钮
        color_main: #f7b328, //主题色文字
        btn_background: #474B62, //按钮颜色
        btn_background1: #112542, //按钮颜色
        btn_background2: #1B2134, //按钮颜色
        input_background: #242424, //input背景颜色
        cont_background: #242424, //title背景色
        title_color: #B8BDC5,
        line_color: #393E49,
        bg_dark: #474B62,
        border_color: #474B62,
        border_color1: #212C4E,
        divi_line: #111, //分割线
        bg_step: #868D9A,
        bg_Bottom: #313346,
        chat_bg: #474B62,
        upload_bg: #474B62,
        grey_bg: #1E1E1E,
        input_background1: #121212, //质押借币input
        c2c_color: #fff,
        c2c_background: #121212,
        c2c_background1: #242424,
        c2c_tab_background: #242424,
        c2c_tip_background: #121212,
        light-greybg:#242424,
        dark-greybg:#000,
        home_bg: #131313,
        // cont_round: #212329,
        cont_round: #000,
        cont_nav: #2b2d34,
    ),
    dark:(main_background: #121212, //主题色
        text_color: #fff, //文字颜色

 src/store/modules/home.store.js

@@ -11,7 +11,7 @@
    hotArr: [], // 热门币种
    coinList: [], // 品种
    kefu_url: '',
    theme: getStorage('theme') || 'light'
    theme: getStorage('theme') || 'dark'
  },
  getters: {
    coinList: state => state.coinList,