:root {
  --font-size: 10px;
  --font-size-s: 12px;
  --font-size-base: 14px;
  --font-size-l: 16px;
  --font-size-xxl: 36px;
}

:root,
:root[theme-mode='light'] {
  --td-brand-color-8: rgb(40, 126, 255);
  --td-brand-color-btn-1: rgb(240, 243, 250);
  --td-brand-color-icon-1: rgb(77, 77, 77);
  --td-pagination-btn-back: rgb(160, 160, 160);
  --td-search-back-2: #eff2f5;
  /* 主题色 */
  --themeColor: rgb(40, 126, 255);
  --theme1: rgb(231, 231, 231);
  --theme2: rgb(123, 125, 135);
  --theme3: white;
  --theme4: rgb(224, 227, 234);
  --theme5: rgb(220, 220, 220);
  --theme6: rgb(0, 0, 0);
  --theme7: rgb(217, 217, 217);
  --theme8: rgb(249, 249, 249);
  --theme9: rgb(35, 50, 60);
  --theme10: rgb(245, 245, 245);
  --theme11: rgb(230, 230, 230);
  --theme12: rgb(255, 255, 255);
  --theme13: rgb(255, 255, 255);
  --theme14: rgb(243, 243, 243);
  --theme15: rgb(182, 182, 182);
  --theme16: rgb(248, 248, 248);
  /* 主题颜色 */
  --main-theme-color: var(--themeColor);
  --main-theme-color-2: #fafafa;
  /* 导航栏搜索框背景色 */
  --td-search-brand-color-1: var(--theme1);
  /* 搜索框icon背景色 */
  --td-search-btn-back-1: var(--theme2);
  /* icon的颜色 */
  --td--search-btn-icon-color-1: var(--theme3);
  /* 按钮颜色 */
  --td--main-btn-color-1: var(--themeColor);
  /* tab表格收藏不同颜色 */
  --td--table-icon-color-1: var(--theme4);
  /* 搜索弹出层背景色 */
  --td-Search-popup-back-color: var(--theme5);
  --td-Search-btn-color-3: var(--theme11);
  --td--right-back-color-2: var(--theme12);
  --td-pagination-btn-back: rgb(100, 100, 100);

  /* 搜索模块样式 */
  /* 字体颜色 */
  --td-Search-info-color-1: var(--theme6);
  --td-Search-info-color-2: #656b7e;
  --td-search-box-border: var(--theme15);
  /* 下划线颜色 */
  --td-Search-info-border-bottom-2: var(--theme7);
  /* 搜索弹出框背景色 */
  --td--Search-drawer-back-color: var(--theme8);
  /* 搜索结果行内背景色*/
  --td-Search-box-line-back-color: var(--theme3);
  /* 搜索结果行内边框色*/
  --td-Search-box-border-color-2: var(--theme10);

  /* 搜索结果阴影颜色*/
  --td-Search-shadow-color: var(--theme1);
  --td-search-btns-textColor: var(--theme6);
  /*
    右侧文字颜色
    */
  --td-right-detail-font-color-1: var(--theme6);
  /*表格背景色*/
  --td-table-tr-back-color: var(--theme13);
  --td-table-tr-click-back-color: var(--theme14);
  --tradingview-color-1: white;

  --user-center-input-back-color: rgb(236, 236, 239);
  --history-list-reset-btn-back: var(--theme16);

  /*  */
  --new-background-1: white;
  --new-background-2: #eff2f5;
  --new-background-3: #f1f6fe;
  --new-background-4: #f9fafb;

  --new-border-1: #dcdcdc;
  --new-border-2: 1px solid #e0e3ea;
  --new-border-3: rgb(239, 242, 245);
  --new-border-4: rgb(224, 227, 234);
  --new-border-5: #287eff;
  --new-border-6: #f0f1f5;

  --new-color-1: #6d6d6d;
  --new-color-2: #287eff;
  --new-color-3: #7b7d87;
  --new-color-4: #5ab055;
}

:root[theme-mode='dark'] {
  --td-brand-color-btn-1: rgb(88, 88, 88);
  --td-brand-color-icon-1: white;
  --td-search-back-2: #29353d;
  /* 主题色 */
  --themeColor: rgb(40, 126, 255);
  --theme1: rgb(231, 231, 231);
  --theme2: rgb(123, 125, 135);
  --theme3: white;
  --theme4: rgb(224, 227, 234);
  --theme5: rgb(220, 220, 220);
  --theme6: rgb(0, 0, 0);
  --theme7: rgb(217, 217, 217);
  --theme8: rgb(249, 249, 249);
  --theme9: rgb(35, 50, 60);
  --theme10: rgb(56, 56, 56);
  --theme13: rgb(36, 36, 36);
  --theme14: rgb(44, 44, 44);
  --main-theme-color-2: #0b1217;
  --td-search-brand-color-1: var(--theme2);
  --td-search-btn-back-1: var(--theme3);
  --td--search-btn-icon-color-1: var(--theme2);
  --td-Search-info-color-1: var(--theme3);
  --td--Search-drawer-back-color: var(--theme10);
  /* 搜索结果行内背景色*/
  --td-Search-box-line-back-color: var(--theme9);
  /* 搜索结果行内边框色*/
  --td-Search-box-border-color-2: var(--theme10);
  /* 搜索结果阴影颜色*/
  --td-Search-shadow-color: var(--theme9);
  --td-Search-info-color-2: #ffffff;
  --td-search-box-border: var(--theme2);
  --td-search-btns-textColor: var(--theme2);
  --td--right-back-color-2: var(--theme13);
  --td-right-detail-font-color-1: var(--theme3);
  /* 下划线颜色 */
  --td-Search-info-border-bottom-2: rgba(255, 255, 255, 0.4);
  --td-table-tr-back-color: var(--theme13);
  --td-table-tr-click-back-color: var(--theme14);
  --tradingview-color-1: rgb(47, 50, 54);
  --user-center-input-back-color: rgb(47, 50, 54);
  --history-list-reset-btn-back: var(--theme14);

  /*  */
  --new-background-1: #142028;
  --new-background-2: #1a1a1a;
  --new-background-3: #002d72;
  --new-background-4: #151515;

  --new-border-1: none;
  --new-border-2: 1px solid #0b1217;
  --new-border-3: rgb(20, 32, 40);
  --new-border-4: none;
  --new-border-5: #428dff;
  --new-border-6: #151515;

  --new-color-1: #a9a9a9;
  --new-color-2: #28b2ff;
  --new-color-3: #848e9c;
  --new-color-4: #5ab055;
}
/* 主题按钮*/
.custom_button_back_border {
  background-color: var(--td--main-btn-color-1) !important;
  border: var(--td--main-btn-color-1) !important;
}
