:root .light {
  /* background */
  --bg-header: #fff;
  --bg-main: #f5f5f5;
  --bg-green: #0ecb81;
  --bg-red: #f6465d;
  --bg-tread: #fff;
  /* --bg-ant-th: #888; */
  --trade-border: #ddd;
  --trade-table: #fff;
  --orderbook-hover: rgba(0, 0, 0, .15);
  --scrollbar-track-bg: #fff;
  --scrollbar-track-shadow: rgba(255, 255, 255, 0.2);
  --scrollbar-thumb-bg: #ddd;
  --scrollbar-thumb-shadow: rgba(255, 255, 255, 0.2);

  /* color */
  --lv-1: #000;
  --lv-2: #333;
  --lv-3: #666;
  --lv-4: #999;
  --lv-5: #ccc;
  --about-title: #03a9f4;
  --about-desc: #444;
  --green: #0ecb81;
  --red: #f6465d;
}

:root .dark {
  /* background */
  --bg-header: #181a20;
  --bg-main: #0b0e11;
  --bg-green: #0ecb81;
  --bg-red: #f6465d;
  --bg-tread: #161a1e;
  --bg-ant-th: #1d1d1d;

  --trade-table: rgb(22, 26, 30);
  --trade-border: #252930;
  --orderbook-hover: rgba(0, 0, 0, .3);

  --scrollbar-track-bg: #000;
  --scrollbar-track-shadow: rgba(0, 0, 0, 0.2);
  --scrollbar-thumb-bg: #666;
  --scrollbar-thumb-shadow: rgba(0, 0, 0, 0.2);


  /* color */
  --lv-1: #fff;
  --lv-2: #ccc;
  --lv-3: #999;
  --lv-4: #888;
  --lv-5: #666;

  --md-lv-1: #fff;
  --md-lv-2: #adadbb;
  --md-lv-3: #eee;
  --md-lv-4: #ddd;
  --about-title: #03a9f4;
  --about-desc: #adadbb;
  --green: #0ecb81;
  --red: #f6465d;
}