vdesign-ui 0.2.16 → 0.2.18

package/dist/token.css

@@ -1,16 +1,16 @@
-
-html[theme="dark"]{
+html {
 --height-actionbar-content:46px;
 --spacing-actionbar-padding_y:20px;
---color-actionbar-bg:#19191E;
+--color-actionbar-bg:#ffffff;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-actionbar-content:46px;
 --spacing-actionbar-padding_y:20px;
---color-actionbar-bg:#ffffff;
-}
+--color-actionbar-bg:#141419;
+}}
 
-html[theme="dark"]{
+html {
 --width-actions-form_small:72px;
 --width-actions-form_large:94px;
 --width-actions-card:40px;
@@ -19,17 +19,18 @@ html[theme="dark"]{
 --icon-actions-card:24px;
 --icon-actions-size:28px;
 --color-actions-text:#ffffff;
---color-actions-text-disable:rgba(255,255,255,.2);
 --color-actions-bg-green:#1bc47d;
 --color-actions-bg-warning:#eb5c31;
 --color-actions-bg-blue:#5998e9;
---color-actions-bg-gray:#696970;
---color-actions-bg-green-disable:#113226;
---color-actions-bg-warning-disable:#3C1A14;
---color-actions-bg-blue-disable:#09506f;
---color-actions-bg-gray-disable:#2C2C2E;
+--color-actions-bg-gray:#7f7f7f;
+--color-actions-bg-green-disable:#d2f3ea;
+--color-actions-bg-warning-disable:#ffdedd;
+--color-actions-bg-blue-disable:#d9f3fe;
+--color-actions-bg-gray-disable:#e6e6e6;
+--color-actions-text-disable:#ffffff;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --width-actions-form_small:72px;
 --width-actions-form_large:94px;
 --width-actions-card:40px;
@@ -38,18 +39,18 @@ html{
 --icon-actions-card:24px;
 --icon-actions-size:28px;
 --color-actions-text:#ffffff;
+--color-actions-text-disable:rgba(255,255,255,.2);
 --color-actions-bg-green:#1bc47d;
 --color-actions-bg-warning:#eb5c31;
 --color-actions-bg-blue:#5998e9;
---color-actions-bg-gray:#7f7f7f;
---color-actions-bg-green-disable:#d2f3ea;
---color-actions-bg-warning-disable:#ffdedd;
---color-actions-bg-blue-disable:#d9f3fe;
---color-actions-bg-gray-disable:#e6e6e6;
---color-actions-text-disable:#ffffff;
-}
+--color-actions-bg-gray:#696970;
+--color-actions-bg-green-disable:#113226;
+--color-actions-bg-warning-disable:#3C1A14;
+--color-actions-bg-blue-disable:#09506f;
+--color-actions-bg-gray-disable:#2C2C2E;
+}}
 
-html[theme="dark"]{
+html {
 --height-activityviews-title_describe:74px;
 --height-activityviews-actionsheet:56px;
 --height-activityviews-actionsheet_divider:8px;
@@ -66,17 +67,18 @@ html[theme="dark"]{
 --spacing-activityviews-cancel-margin_top:8px;
 --spacing-activityviews-bar-margin_top:8px;
 --spacing-activityviews-bar-margin_bottom:5px;
---icon-activityviews-close:24px;
+--icon-activityviews-close:26px;
 --width-activityviews-bar:35px;
---color-activityviews-mask-bg:rgba(0,0,0,.6);
---color-activityviews-bg:#19191E;
---color-activityviews-title:#F2F5FF;
---color-activityviews-text_describe:rgba(235,235,245,.65);
---color-activityviews-actionsheet_divider:rgba(0,0,0,.15);
---color-activityviews-actionsheet_title:rgba(235,235,245,.65);
---color-activityviews-bar:rgba(84,84,88,.85);
+--color-activityviews-mask-bg:rgba(0,0,0,.5);
+--color-activityviews-bg:#ffffff;
+--color-activityviews-title:rgba(0,0,0,.85);
+--color-activityviews-text_describe:rgba(0,0,0,.5);
+--color-activityviews-actionsheet_divider:rgba(153,153,153,.15);
+--color-activityviews-actionsheet_title:rgba(0,0,0,.5);
+--color-activityviews-bar:rgba(0,0,0,.15);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-activityviews-title_describe:74px;
 --height-activityviews-actionsheet:56px;
 --height-activityviews-actionsheet_divider:8px;
@@ -93,18 +95,18 @@ html{
 --spacing-activityviews-cancel-margin_top:8px;
 --spacing-activityviews-bar-margin_top:8px;
 --spacing-activityviews-bar-margin_bottom:5px;
---icon-activityviews-close:24px;
+--icon-activityviews-close:26px;
 --width-activityviews-bar:35px;
---color-activityviews-mask-bg:rgba(0,0,0,.5);
---color-activityviews-bg:#ffffff;
---color-activityviews-title:rgba(0,0,0,.85);
---color-activityviews-text_describe:rgba(0,0,0,.5);
---color-activityviews-actionsheet_divider:rgba(153,153,153,.15);
---color-activityviews-actionsheet_title:rgba(0,0,0,.5);
---color-activityviews-bar:rgba(0,0,0,.15);
-}
+--color-activityviews-mask-bg:rgba(0,0,0,.85);
+--color-activityviews-bg:#141419;
+--color-activityviews-title:#F2F5FF;
+--color-activityviews-text_describe:rgba(235,235,245,.65);
+--color-activityviews-actionsheet_divider:rgba(0,0,0,.15);
+--color-activityviews-actionsheet_title:rgba(235,235,245,.65);
+--color-activityviews-bar:rgba(84,84,88,.85);
+}}
 
-html[theme="dark"]{
+html {
 --height-badge-count:16px;
 --height-badge-dot:8px;
 --width-badge-count_small:16px;
@@ -115,7 +117,8 @@ html[theme="dark"]{
 --color-badge-bg:#eb5c31;
 --color-badge-text:#ffffff;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-badge-count:16px;
 --height-badge-dot:8px;
 --width-badge-count_small:16px;
@@ -125,9 +128,9 @@ html{
 --spacing-badge-count-padding_x:1px;
 --color-badge-bg:#eb5c31;
 --color-badge-text:#ffffff;
-}
+}}
 
-html[theme="dark"]{
+html {
 --height-button-l:48px;
 --height-button-m:36px;
 --height-button-s:28px;
@@ -159,58 +162,58 @@ html[theme="dark"]{
 --width-button-border:1px;
 --color-button-primary-bg-default:#1bc47d;
 --color-button-primary-text-default:#ffffff;
---color-button-primary-bg-press:#09825a;
+--color-button-primary-bg-press:#0da36b;
 --color-button-primary-text-press:#ffffff;
---color-button-primary-bg-disable:rgba(27,196,125,.25);
---color-button-primary-text-disable:rgba(235,235,245,.3);
---color-button-secondary-bg-default:rgba(118,118,128,.24);
+--color-button-primary-bg-disable:rgba(27,196,125,.3);
+--color-button-primary-text-disable:#ffffff;
+--color-button-secondary-bg-default:#ffffff;
 --color-button-secondary-text-default:#1bc47d;
---color-button-secondary-bg-press:rgba(118,118,128,.5);
+--color-button-secondary-bg-press:#f7f8f9;
 --color-button-secondary-text-press:#1bc47d;
---color-button-secondary-bg-disable:rgba(118,118,128,.24);
---color-button-secondary-text-disable:rgba(27,196,125,.25);
---color-button-warning-bg-default:rgba(118,118,128,.24);
+--color-button-secondary-bg-disable:#ffffff;
+--color-button-secondary-text-disable:rgba(27,196,125,.3);
+--color-button-warning-bg-default:#ffffff;
 --color-button-warning-text-default:#eb5c31;
---color-button-warning-bg-press:rgba(118,118,128,.5);
+--color-button-warning-bg-press:#f7f8f9;
 --color-button-warning-text-press:#eb5c31;
---color-button-warning-bg-disable:rgba(118,118,128,.24);
---color-button-warning-text-disable:rgba(235,92,49,.25);
---color-button-warning_grey-bg-default:rgba(118,118,128,.24);
+--color-button-warning-bg-disable:#ffffff;
+--color-button-warning-text-disable:rgba(235,92,49,.3);
+--color-button-warning_grey-bg-default:#f7f8f9;
 --color-button-warning_grey-text-default:#eb5c31;
---color-button-warning_grey-bg-press:rgba(118,118,128,.5);
+--color-button-warning_grey-bg-press:#f7f8f9;
 --color-button-warning_grey-text-press:#eb5c31;
---color-button-warning_grey-bg-disable:rgba(118,118,128,.24);
---color-button-warning_grey-text-disable:rgba(235,92,49,.25);
---color-button-tertiary-bg-default:rgba(118,118,128,.24);
---color-button-tertiary-text-default:#F2F5FF;
---color-button-tertiary-bg-press:rgba(118,118,128,.5);
---color-button-tertiary-text-press:#F2F5FF;
---color-button-tertiary-bg-disable:rgba(118,118,128,.24);
---color-button-tertiary-text-disable:rgba(235,235,245,.3);
---color-button-tertiary_grey-bg-default:rgba(118,118,128,.24);
---color-button-tertiary_grey-text-default:#F2F5FF;
---color-button-tertiary_grey-bg-press:rgba(118,118,128,.5);
---color-button-tertiary_grey-text-press:#F2F5FF;
---color-button-tertiary_grey-bg-disable:rgba(118,118,128,.24);
---color-button-tertiary_grey-text-disable:rgba(235,235,245,.3);
---color-button-border-default:rgba(235,235,245,.3);
---color-button-border-text-default:#F2F5FF;
---color-button-border-press:#F2F5FF;
---color-button-border-text-press:#F2F5FF;
---color-button-border-disable:rgba(235,235,245,.3);
---color-button-border-text-disable:rgba(235,235,245,.3);
+--color-button-warning_grey-bg-disable:#f7f8f9;
+--color-button-warning_grey-text-disable:rgba(235,92,49,.3);
+--color-button-tertiary-bg-default:#ffffff;
+--color-button-tertiary-text-default:rgba(0,0,0,.85);
+--color-button-tertiary-bg-press:#f7f8f9;
+--color-button-tertiary-text-press:rgba(0,0,0,.85);
+--color-button-tertiary-bg-disable:#ffffff;
+--color-button-tertiary-text-disable:rgba(0,0,0,.3);
+--color-button-tertiary_grey-bg-default:#f7f8f9;
+--color-button-tertiary_grey-text-default:rgba(0,0,0,.85);
+--color-button-tertiary_grey-bg-press:#f7f8f9;
+--color-button-tertiary_grey-text-press:rgba(0,0,0,.85);
+--color-button-tertiary_grey-bg-disable:#f7f8f9;
+--color-button-tertiary_grey-text-disable:rgba(0,0,0,.3);
+--color-button-border-default:rgba(0,0,0,.3);
+--color-button-border-text-default:rgba(0,0,0,.85);
+--color-button-border-press:rgba(0,0,0,.85);
+--color-button-border-text-press:rgba(0,0,0,.85);
+--color-button-border-disable:rgba(0,0,0,.3);
+--color-button-border-text-disable:rgba(0,0,0,.3);
 --color-button-border_primary-default:#1bc47d;
 --color-button-border_primary-text-default:#1bc47d;
 --color-button-border_primary-press:#09825a;
 --color-button-border_primary-text-press:#09825a;
---color-button-border_primary-text-disable:rgba(27,196,125,.25);
---color-button-border_primary-disable:rgba(27,196,125,.25);
+--color-button-border_primary-disable:rgba(27,196,125,.3);
+--color-button-border_primary-text-disable:rgba(27,196,125,.3);
 --color-button-border_warning-default:#eb5c31;
 --color-button-border_warning-text-default:#eb5c31;
 --color-button-border_warning-press:#db2c0d;
 --color-button-border_warning-text-press:#db2c0d;
---color-button-border_warning-disable:rgba(235,92,49,.25);
---color-button-border_warning-text-disable:rgba(235,92,49,.25);
+--color-button-border_warning-disable:rgba(235,92,49,.3);
+--color-button-border_warning-text-disable:rgba(235,92,49,.3);
 --color-button-border_reverse-default:rgba(255,255,255,.85);
 --color-button-border_reverse-text-default:#ffffff;
 --color-button-border_reverse-press:#ffffff;
@@ -219,16 +222,16 @@ html[theme="dark"]{
 --color-button-border_reverse-text-disable:rgba(255,255,255,.3);
 --color-button-primary_borderless_text-default:#1bc47d;
 --color-button-primary_borderless_text-press:#09825a;
---color-button-primary_borderless_text-disable:rgba(27,196,125,.25);
+--color-button-primary_borderless_text-disable:rgba(27,196,125,.3);
 --color-button-warning_borderless_text-default:#eb5c31;
 --color-button-warning_borderless_text-press:#db2c0d;
---color-button-warning_borderless_text-disable:rgba(235,92,49,.25);
+--color-button-warning_borderless_text-disable:rgba(235,92,49,.3);
 --color-button-link_text-default:#5998e9;
 --color-button-link_text-press:#076b9d;
---color-button-link_text-disable:rgba(89,152,233,.25);
---color-button-tertiary_borderless_text-default:#F2F5FF;
---color-button-tertiary_borderless_text-press:rgba(235,235,245,.65);
---color-button-tertiary_borderless_text-disable:rgba(235,235,245,.3);
+--color-button-link_text-disable:rgba(89,152,233,.3);
+--color-button-tertiary_borderless_text-default:rgba(0,0,0,.85);
+--color-button-tertiary_borderless_text-press:rgba(0,0,0,.5);
+--color-button-tertiary_borderless_text-disable:rgba(0,0,0,.3);
 --color-button-buy-bg-default:#1bc47d;
 --color-button-buy-text-default:#ffffff;
 --color-button-buy-bg-press:#0da36b;
@@ -241,14 +244,15 @@ html[theme="dark"]{
 --color-button-sell-text-press:#ffffff;
 --color-button-sell-bg-disable:rgba(242,72,34,.3);
 --color-button-sell-text-disable:#ffffff;
---color-button-bg-default:rgba(118,118,128,.24);
---color-button-icon-default:#F2F5FF;
---color-button-bg-press:rgba(118,118,128,.5);
---color-button-icon-press:#F2F5FF;
---color-button-bg-disable:rgba(118,118,128,.24);
---color-button-icon-disable:rgba(235,235,245,.3);
+--color-button-bg-default:#f7f8f9;
+--color-button-icon-default:rgba(0,0,0,.5);
+--color-button-bg-press:#f7f8f9;
+--color-button-icon-press:rgba(0,0,0,.5);
+--color-button-bg-disable:#f7f8f9;
+--color-button-icon-disable:rgba(0,0,0,.3);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-button-l:48px;
 --height-button-m:36px;
 --height-button-s:28px;
@@ -280,58 +284,58 @@ html{
 --width-button-border:1px;
 --color-button-primary-bg-default:#1bc47d;
 --color-button-primary-text-default:#ffffff;
---color-button-primary-bg-press:#0da36b;
+--color-button-primary-bg-press:#09825a;
 --color-button-primary-text-press:#ffffff;
---color-button-primary-bg-disable:rgba(27,196,125,.3);
---color-button-primary-text-disable:#ffffff;
---color-button-secondary-bg-default:#ffffff;
+--color-button-primary-bg-disable:rgba(27,196,125,.25);
+--color-button-primary-text-disable:rgba(235,235,245,.3);
+--color-button-secondary-bg-default:rgba(118,118,128,.15);
 --color-button-secondary-text-default:#1bc47d;
---color-button-secondary-bg-press:#f7f8f9;
+--color-button-secondary-bg-press:rgba(118,118,128,.35);
 --color-button-secondary-text-press:#1bc47d;
---color-button-secondary-bg-disable:#ffffff;
---color-button-secondary-text-disable:rgba(27,196,125,.3);
---color-button-warning-bg-default:#ffffff;
+--color-button-secondary-bg-disable:rgba(118,118,128,.15);
+--color-button-secondary-text-disable:rgba(27,196,125,.25);
+--color-button-warning-bg-default:rgba(118,118,128,.15);
 --color-button-warning-text-default:#eb5c31;
---color-button-warning-bg-press:#f7f8f9;
+--color-button-warning-bg-press:rgba(118,118,128,.35);
 --color-button-warning-text-press:#eb5c31;
---color-button-warning-bg-disable:#ffffff;
---color-button-warning-text-disable:rgba(235,92,49,.3);
---color-button-warning_grey-bg-default:#f7f8f9;
+--color-button-warning-bg-disable:rgba(118,118,128,.15);
+--color-button-warning-text-disable:rgba(235,92,49,.25);
+--color-button-warning_grey-bg-default:rgba(118,118,128,.15);
 --color-button-warning_grey-text-default:#eb5c31;
---color-button-warning_grey-bg-press:#f7f8f9;
+--color-button-warning_grey-bg-press:rgba(118,118,128,.35);
 --color-button-warning_grey-text-press:#eb5c31;
---color-button-warning_grey-bg-disable:#f7f8f9;
---color-button-warning_grey-text-disable:rgba(235,92,49,.3);
---color-button-tertiary-bg-default:#ffffff;
---color-button-tertiary-text-default:rgba(0,0,0,.85);
---color-button-tertiary-bg-press:#f7f8f9;
---color-button-tertiary-text-press:rgba(0,0,0,.85);
---color-button-tertiary-bg-disable:#ffffff;
---color-button-tertiary-text-disable:rgba(0,0,0,.3);
---color-button-tertiary_grey-bg-default:#f7f8f9;
---color-button-tertiary_grey-text-default:rgba(0,0,0,.85);
---color-button-tertiary_grey-bg-press:#f7f8f9;
---color-button-tertiary_grey-text-press:rgba(0,0,0,.85);
---color-button-tertiary_grey-bg-disable:#f7f8f9;
---color-button-tertiary_grey-text-disable:rgba(0,0,0,.3);
---color-button-border-default:rgba(0,0,0,.3);
---color-button-border-text-default:rgba(0,0,0,.85);
---color-button-border-press:rgba(0,0,0,.85);
---color-button-border-text-press:rgba(0,0,0,.85);
---color-button-border-disable:rgba(0,0,0,.3);
---color-button-border-text-disable:rgba(0,0,0,.3);
+--color-button-warning_grey-bg-disable:rgba(118,118,128,.15);
+--color-button-warning_grey-text-disable:rgba(235,92,49,.25);
+--color-button-tertiary-bg-default:rgba(118,118,128,.15);
+--color-button-tertiary-text-default:#F2F5FF;
+--color-button-tertiary-bg-press:rgba(118,118,128,.35);
+--color-button-tertiary-text-press:#F2F5FF;
+--color-button-tertiary-bg-disable:rgba(118,118,128,.15);
+--color-button-tertiary-text-disable:rgba(235,235,245,.3);
+--color-button-tertiary_grey-bg-default:rgba(118,118,128,.15);
+--color-button-tertiary_grey-text-default:#F2F5FF;
+--color-button-tertiary_grey-bg-press:rgba(118,118,128,.35);
+--color-button-tertiary_grey-text-press:#F2F5FF;
+--color-button-tertiary_grey-bg-disable:rgba(118,118,128,.15);
+--color-button-tertiary_grey-text-disable:rgba(235,235,245,.3);
+--color-button-border-default:rgba(235,235,245,.3);
+--color-button-border-text-default:#F2F5FF;
+--color-button-border-press:#F2F5FF;
+--color-button-border-text-press:#F2F5FF;
+--color-button-border-disable:rgba(235,235,245,.3);
+--color-button-border-text-disable:rgba(235,235,245,.3);
 --color-button-border_primary-default:#1bc47d;
 --color-button-border_primary-text-default:#1bc47d;
 --color-button-border_primary-press:#09825a;
 --color-button-border_primary-text-press:#09825a;
---color-button-border_primary-disable:rgba(27,196,125,.3);
---color-button-border_primary-text-disable:rgba(27,196,125,.3);
+--color-button-border_primary-text-disable:rgba(27,196,125,.25);
+--color-button-border_primary-disable:rgba(27,196,125,.25);
 --color-button-border_warning-default:#eb5c31;
 --color-button-border_warning-text-default:#eb5c31;
 --color-button-border_warning-press:#db2c0d;
 --color-button-border_warning-text-press:#db2c0d;
---color-button-border_warning-disable:rgba(235,92,49,.3);
---color-button-border_warning-text-disable:rgba(235,92,49,.3);
+--color-button-border_warning-disable:rgba(235,92,49,.25);
+--color-button-border_warning-text-disable:rgba(235,92,49,.25);
 --color-button-border_reverse-default:rgba(255,255,255,.85);
 --color-button-border_reverse-text-default:#ffffff;
 --color-button-border_reverse-press:#ffffff;
@@ -340,16 +344,16 @@ html{
 --color-button-border_reverse-text-disable:rgba(255,255,255,.3);
 --color-button-primary_borderless_text-default:#1bc47d;
 --color-button-primary_borderless_text-press:#09825a;
---color-button-primary_borderless_text-disable:rgba(27,196,125,.3);
+--color-button-primary_borderless_text-disable:rgba(27,196,125,.25);
 --color-button-warning_borderless_text-default:#eb5c31;
 --color-button-warning_borderless_text-press:#db2c0d;
---color-button-warning_borderless_text-disable:rgba(235,92,49,.3);
+--color-button-warning_borderless_text-disable:rgba(235,92,49,.25);
 --color-button-link_text-default:#5998e9;
 --color-button-link_text-press:#076b9d;
---color-button-link_text-disable:rgba(89,152,233,.3);
---color-button-tertiary_borderless_text-default:rgba(0,0,0,.85);
---color-button-tertiary_borderless_text-press:rgba(0,0,0,.5);
---color-button-tertiary_borderless_text-disable:rgba(0,0,0,.3);
+--color-button-link_text-disable:rgba(89,152,233,.25);
+--color-button-tertiary_borderless_text-default:#F2F5FF;
+--color-button-tertiary_borderless_text-press:rgba(235,235,245,.65);
+--color-button-tertiary_borderless_text-disable:rgba(235,235,245,.3);
 --color-button-buy-bg-default:#1bc47d;
 --color-button-buy-text-default:#ffffff;
 --color-button-buy-bg-press:#0da36b;
@@ -362,15 +366,15 @@ html{
 --color-button-sell-text-press:#ffffff;
 --color-button-sell-bg-disable:rgba(242,72,34,.3);
 --color-button-sell-text-disable:#ffffff;
---color-button-bg-default:#f7f8f9;
---color-button-icon-default:rgba(0,0,0,.5);
---color-button-bg-press:#f7f8f9;
---color-button-icon-press:rgba(0,0,0,.5);
---color-button-bg-disable:#f7f8f9;
---color-button-icon-disable:rgba(0,0,0,.3);
-}
+--color-button-bg-default:rgba(118,118,128,.15);
+--color-button-icon-default:#F2F5FF;
+--color-button-bg-press:rgba(118,118,128,.35);
+--color-button-icon-press:#F2F5FF;
+--color-button-bg-disable:rgba(118,118,128,.15);
+--color-button-icon-disable:rgba(235,235,245,.3);
+}}
 
-html[theme="dark"]{
+html {
 --height-check_radio-radio_button_s:32px;
 --height-check_radio-radio_button_m:40px;
 --height-check_radio-radio_button_l:44px;
@@ -394,35 +398,36 @@ html[theme="dark"]{
 --spacing-check_radio-check_icon-margin_right:4px;
 --spacing-check_radio-button-margin_xy:12px;
 --spacing-check_radio-item-margin_x:10px;
---color-check_radio-default:rgba(84,84,88,.85);
+--color-check_radio-default:rgba(0,0,0,.15);
+--color-check_radio-disable:rgba(0,0,0,.05);
 --color-check_radio-active:#1bc47d;
---color-check_radio-disable:rgba(84,84,88,.3);
---color-check_radio-active-disable:rgba(27,196,125,.25);
---color-check_radio-text-default:#F2F5FF;
---color-check_radio-text-disable:rgba(235,235,245,.3);
---color-check_radio-text_describe-default:rgba(235,235,245,.65);
---color-check_radio-text_describe-disable:rgba(235,235,245,.3);
---color-check_radio-radio_button_text-default:#F2F5FF;
+--color-check_radio-active-disable:rgba(27,196,125,.3);
+--color-check_radio-text-default:rgba(0,0,0,.85);
+--color-check_radio-text-disable:rgba(0,0,0,.3);
+--color-check_radio-text_describe-default:rgba(0,0,0,.5);
+--color-check_radio-text_describe-disable:rgba(0,0,0,.3);
+--color-check_radio-radio_button_text-default:rgba(0,0,0,.85);
 --color-check_radio-radio_button_text-active:#1bc47d;
---color-check_radio-radio_button_text-disable:rgba(235,235,245,.3);
+--color-check_radio-radio_button_text-disable:rgba(0,0,0,.3);
 --color-check_radio-radio_button_bg-active:rgba(27,196,125,.05);
---color-check_radio-radio_border-default:rgba(84,84,88,.85);
+--color-check_radio-radio_border-default:rgba(0,0,0,.15);
 --color-check_radio-radio_border-active:#1bc47d;
---color-check_radio-radio_border-disable:rgba(84,84,88,.85);
---color-check_radio-check_bg-default:rgba(118,118,128,.15);
+--color-check_radio-radio_border-disable:rgba(0,0,0,.15);
+--color-check_radio-check_bg-default:#f7f8f9;
 --color-check_radio-check_bg-active:rgba(27,196,125,.10);
---color-check_radio-check_bg-disable:rgba(118,118,128,.15);
---color-check_radio-check_button_text_describe-default:rgba(235,235,245,.65);
+--color-check_radio-check_bg-disable:#f7f8f9;
+--color-check_radio-check_button_text_describe-default:rgba(0,0,0,.5);
 --color-check_radio-check_button_text_describe-active:#1bc47d;
---color-check_radio-check_button_text_describe-disable:rgba(235,235,245,.3);
---color-check_radio-check_button_icon-default:rgba(235,235,245,.65);
+--color-check_radio-check_button_text_describe-disable:rgba(0,0,0,.3);
+--color-check_radio-check_button_icon-default:rgba(0,0,0,.5);
 --color-check_radio-check_button_icon-active:#1bc47d;
---color-check_radio-check_button_icon-disable:rgba(235,235,245,.3);
+--color-check_radio-check_button_icon-disable:rgba(0,0,0,.3);
 --color-check_radio-radio_button_wrong-text-active:#eb5c31;
 --color-check_radio-radio_button_wrong-bg-active:rgba(235,92,49,.05);
 --color-check_radio-radio_wrong_border-active:#eb5c31;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-check_radio-radio_button_s:32px;
 --height-check_radio-radio_button_m:40px;
 --height-check_radio-radio_button_l:44px;
@@ -446,36 +451,36 @@ html{
 --spacing-check_radio-check_icon-margin_right:4px;
 --spacing-check_radio-button-margin_xy:12px;
 --spacing-check_radio-item-margin_x:10px;
---color-check_radio-default:rgba(0,0,0,.15);
---color-check_radio-disable:rgba(0,0,0,.05);
+--color-check_radio-default:rgba(84,84,88,.85);
 --color-check_radio-active:#1bc47d;
---color-check_radio-active-disable:rgba(27,196,125,.3);
---color-check_radio-text-default:rgba(0,0,0,.85);
---color-check_radio-text-disable:rgba(0,0,0,.3);
---color-check_radio-text_describe-default:rgba(0,0,0,.5);
---color-check_radio-text_describe-disable:rgba(0,0,0,.3);
---color-check_radio-radio_button_text-default:rgba(0,0,0,.85);
+--color-check_radio-disable:rgba(84,84,88,.3);
+--color-check_radio-active-disable:rgba(27,196,125,.25);
+--color-check_radio-text-default:#F2F5FF;
+--color-check_radio-text-disable:rgba(235,235,245,.3);
+--color-check_radio-text_describe-default:rgba(235,235,245,.65);
+--color-check_radio-text_describe-disable:rgba(235,235,245,.3);
+--color-check_radio-radio_button_text-default:#F2F5FF;
 --color-check_radio-radio_button_text-active:#1bc47d;
---color-check_radio-radio_button_text-disable:rgba(0,0,0,.3);
+--color-check_radio-radio_button_text-disable:rgba(235,235,245,.3);
 --color-check_radio-radio_button_bg-active:rgba(27,196,125,.05);
---color-check_radio-radio_border-default:rgba(0,0,0,.15);
+--color-check_radio-radio_border-default:rgba(84,84,88,.85);
 --color-check_radio-radio_border-active:#1bc47d;
---color-check_radio-radio_border-disable:rgba(0,0,0,.15);
---color-check_radio-check_bg-default:#f7f8f9;
+--color-check_radio-radio_border-disable:rgba(84,84,88,.85);
+--color-check_radio-check_bg-default:rgba(118,118,128,.15);
 --color-check_radio-check_bg-active:rgba(27,196,125,.10);
---color-check_radio-check_bg-disable:#f7f8f9;
---color-check_radio-check_button_text_describe-default:rgba(0,0,0,.5);
+--color-check_radio-check_bg-disable:rgba(118,118,128,.15);
+--color-check_radio-check_button_text_describe-default:rgba(235,235,245,.65);
 --color-check_radio-check_button_text_describe-active:#1bc47d;
---color-check_radio-check_button_text_describe-disable:rgba(0,0,0,.3);
---color-check_radio-check_button_icon-default:rgba(0,0,0,.5);
+--color-check_radio-check_button_text_describe-disable:rgba(235,235,245,.3);
+--color-check_radio-check_button_icon-default:rgba(235,235,245,.65);
 --color-check_radio-check_button_icon-active:#1bc47d;
---color-check_radio-check_button_icon-disable:rgba(0,0,0,.3);
+--color-check_radio-check_button_icon-disable:rgba(235,235,245,.3);
 --color-check_radio-radio_button_wrong-text-active:#eb5c31;
 --color-check_radio-radio_button_wrong-bg-active:rgba(235,92,49,.05);
 --color-check_radio-radio_wrong_border-active:#eb5c31;
-}
+}}
 
-html[theme="dark"]{
+html {
 --height-datalist-list:60px;
 --height-datalist-head:24px;
 --height-datalist-search_m:76px;
@@ -506,22 +511,23 @@ html[theme="dark"]{
 --width-datalist-head_l:115px;
 --width-datalist-head_xl:180px;
 --width-datalist-list-code:86px;
---color-datalist-list-text_primary:#F2F5FF;
---color-datalist-list-text_secondary:rgba(235,235,245,.65);
---color-datalist-head-text-default:rgba(235,235,245,.65);
+--color-datalist-list-text_primary:rgba(0,0,0,.85);
+--color-datalist-list-text_secondary:rgba(0,0,0,.5);
+--color-datalist-head-text-default:rgba(0,0,0,.5);
 --color-datalist-head-text-active:#1bc47d;
---color-datalist-market_us:#00B5CE;
+--color-datalist-market_us:#00A5BB;
 --color-datalist-market_hk:#ff863c;
 --color-datalist-icon_watchlist:#1bc47d;
 --color-datalist-icon_delay:#61b8ea;
---color-datalist-icon_sort:rgba(235,235,245,.3);
---color-datalist-option_chain-bg-1:rgba(0,165,187,.03);
---color-datalist-option_chain-bg-2:rgba(0,165,187,.08);
---color-datalist-option_chain-bg-3:rgba(118,118,128,.24);
---color-datalist-option_chain-bg-4:#2C2C2E;
---color-datalist-option_chain-divider:#0E0E10;
+--color-datalist-icon_sort:rgba(0,0,0,.3);
+--color-datalist-option_chain-bg-1:#00B5CE;
+--color-datalist-option_chain-bg-2:#ebedf0;
+--color-datalist-option_chain-bg-3:#ebedf0;
+--color-datalist-option_chain-bg-4:#ffffff;
+--color-datalist-option_chain-divider:#ebedf0;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-datalist-list:60px;
 --height-datalist-head:24px;
 --height-datalist-search_m:76px;
@@ -552,23 +558,23 @@ html{
 --width-datalist-head_l:115px;
 --width-datalist-head_xl:180px;
 --width-datalist-list-code:86px;
---color-datalist-list-text_primary:rgba(0,0,0,.85);
---color-datalist-list-text_secondary:rgba(0,0,0,.5);
---color-datalist-head-text-default:rgba(0,0,0,.5);
+--color-datalist-list-text_primary:#F2F5FF;
+--color-datalist-list-text_secondary:rgba(235,235,245,.65);
+--color-datalist-head-text-default:rgba(235,235,245,.65);
 --color-datalist-head-text-active:#1bc47d;
---color-datalist-market_us:#00A5BB;
+--color-datalist-market_us:#00B5CE;
 --color-datalist-market_hk:#ff863c;
 --color-datalist-icon_watchlist:#1bc47d;
 --color-datalist-icon_delay:#61b8ea;
---color-datalist-icon_sort:rgba(0,0,0,.3);
---color-datalist-option_chain-bg-1:rgba(0,165,187,.03);
---color-datalist-option_chain-bg-2:rgba(0,165,187,.08);
---color-datalist-option_chain-bg-3:#ebedf0;
---color-datalist-option_chain-bg-4:#ffffff;
---color-datalist-option_chain-divider:#ebedf0;
-}
+--color-datalist-icon_sort:rgba(235,235,245,.3);
+--color-datalist-option_chain-bg-1:#00B5CE;
+--color-datalist-option_chain-bg-2:#ebedf0;
+--color-datalist-option_chain-bg-3:rgba(118,118,128,.24);
+--color-datalist-option_chain-bg-4:#2C2C2E;
+--color-datalist-option_chain-divider:#000000;
+}}
 
-html[theme="dark"]{
+html {
 --height-datepicker-range_picker_bg:36px;
 --height-datepicker-range_picker_divider:2px;
 --height-datepicker-title-month_year:58px;
@@ -590,24 +596,25 @@ html[theme="dark"]{
 --spacing-datepicker-roll_day-margin_mid:16px;
 --spacing-datepicker-radio-padding_x:9px;
 --icon-datepicker-next:16px;
---color-datepicker-range_picker-bg:rgba(118,118,128,.14);
---color-datepicker-range_picker-text-default:rgba(235,235,245,.3);
---color-datepicker-range_picker-text-active:#F2F5FF;
---color-datepicker-range_picker_divider:rgba(84,84,88,.85);
---color-datepicker-title-month_year:#F2F5FF;
---color-datepicker-icon_next-default:#F2F5FF;
---color-datepicker-icon_next-disable:rgba(235,235,245,.3);
---color-datepicker-text-week:rgba(235,235,245,.65);
---color-datepicker-date-bg-default:rgba(118,118,128,.0);
---color-datepicker-date-text-default:#F2F5FF;
+--color-datepicker-range_picker-bg:#f7f8f9;
+--color-datepicker-range_picker-text-default:rgba(0,0,0,.3);
+--color-datepicker-range_picker-text-active:rgba(0,0,0,.85);
+--color-datepicker-range_picker_divider:rgba(0,0,0,.15);
+--color-datepicker-title-month_year:rgba(0,0,0,.85);
+--color-datepicker-icon_next-default:rgba(0,0,0,.85);
+--color-datepicker-icon_next-disable:rgba(0,0,0,.3);
+--color-datepicker-text-week:rgba(0,0,0,.5);
+--color-datepicker-date-bg-default:#ffffff;
+--color-datepicker-date-text-default:rgba(0,0,0,.85);
 --color-datepicker-date-bg-active:#1bc47d;
 --color-datepicker-date-text-active:#ffffff;
---color-datepicker-date-bg-disable:rgba(118,118,128,.0);
---color-datepicker-date-text-disable:rgba(235,235,245,.3);
---color-datepicker-today_dot:rgba(235,235,245,.25);
+--color-datepicker-date-bg-disable:#ffffff;
+--color-datepicker-date-text-disable:rgba(0,0,0,.3);
+--color-datepicker-today_dot:rgba(0,0,0,.15);
 --color-datepicker-date_mask-bg-active:rgba(27,196,125,.1);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-datepicker-range_picker_bg:36px;
 --height-datepicker-range_picker_divider:2px;
 --height-datepicker-title-month_year:58px;
@@ -629,23 +636,24 @@ html{
 --spacing-datepicker-roll_day-margin_mid:16px;
 --spacing-datepicker-radio-padding_x:9px;
 --icon-datepicker-next:16px;
---color-datepicker-range_picker-bg:#f7f8f9;
---color-datepicker-range_picker-text-default:rgba(0,0,0,.3);
---color-datepicker-range_picker-text-active:rgba(0,0,0,.85);
---color-datepicker-range_picker_divider:rgba(0,0,0,.15);
---color-datepicker-title-month_year:rgba(0,0,0,.85);
---color-datepicker-icon_next-default:rgba(0,0,0,.85);
---color-datepicker-icon_next-disable:rgba(0,0,0,.3);
---color-datepicker-text-week:rgba(0,0,0,.5);
---color-datepicker-date-bg-default:#ffffff;
---color-datepicker-date-text-default:rgba(0,0,0,.85);
+--color-datepicker-range_picker-bg:rgba(118,118,128,.14);
+--color-datepicker-range_picker-text-default:rgba(235,235,245,.3);
+--color-datepicker-range_picker-text-active:#F2F5FF;
+--color-datepicker-range_picker_divider:rgba(84,84,88,.85);
+--color-datepicker-title-month_year:#F2F5FF;
+--color-datepicker-icon_next-default:#F2F5FF;
+--color-datepicker-icon_next-disable:rgba(235,235,245,.3);
+--color-datepicker-text-week:rgba(235,235,245,.65);
+--color-datepicker-date-bg-default:rgba(118,118,128,.0);
+--color-datepicker-date-text-default:#F2F5FF;
 --color-datepicker-date-bg-active:#1bc47d;
 --color-datepicker-date-text-active:#ffffff;
---color-datepicker-date-bg-disable:#ffffff;
---color-datepicker-date-text-disable:rgba(0,0,0,.3);
---color-datepicker-today_dot:rgba(0,0,0,.15);
+--color-datepicker-date-bg-disable:rgba(118,118,128,.0);
+--color-datepicker-date-text-disable:rgba(235,235,245,.3);
+--color-datepicker-today_dot:rgba(235,235,245,.25);
 --color-datepicker-date_mask-bg-active:rgba(27,196,125,.1);
-}
+}}
+
 :root {
     --outline-visible: none; /* 默认不显示描边 */
 }
@@ -656,8 +664,7 @@ html{
     outline: var(--outline-visible) solid rgba(255,0,0,.3);
 }
 
-
-html[theme="dark"]{
+html {
 --height-dialog-super_small:44px;
 --height-dialog-super_large:240px;
 --radius-dialog-content:14px;
@@ -682,14 +689,15 @@ html[theme="dark"]{
 --spacing-dialog-sequence_point-padding_Y:8px;
 --spacing-dialog-sequence_number-padding_Y:4px;
 --size-dialog-sequence_point:4px;
---color-dialog-bg:rgba(118,118,128,.24);
---color-dialog-mask_bg:rgba(0,0,0,.6);
---color-dialog-title:#F2F5FF;
---color-dialog-text:#F2F5FF;
---color-dialog-content-bg:rgba(118,118,128,.14);
---color-dialog-sequence_point:rgba(235,235,245,.3);
+--color-dialog-bg:#ffffff;
+--color-dialog-mask_bg:rgba(0,0,0,.5);
+--color-dialog-title:rgba(0,0,0,.85);
+--color-dialog-text:rgba(0,0,0,.85);
+--color-dialog-content-bg:#f7f8f9;
+--color-dialog-sequence_point:rgba(0,0,0,.3);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-dialog-super_small:44px;
 --height-dialog-super_large:240px;
 --radius-dialog-content:14px;
@@ -714,15 +722,15 @@ html{
 --spacing-dialog-sequence_point-padding_Y:8px;
 --spacing-dialog-sequence_number-padding_Y:4px;
 --size-dialog-sequence_point:4px;
---color-dialog-bg:#ffffff;
---color-dialog-mask_bg:rgba(0,0,0,.5);
---color-dialog-title:rgba(0,0,0,.85);
---color-dialog-text:rgba(0,0,0,.85);
---color-dialog-content-bg:#f7f8f9;
---color-dialog-sequence_point:rgba(0,0,0,.3);
-}
+--color-dialog-bg:rgba(118,118,128,.15);
+--color-dialog-mask_bg:rgba(0,0,0,.85);
+--color-dialog-title:#F2F5FF;
+--color-dialog-text:#F2F5FF;
+--color-dialog-content-bg:rgba(118,118,128,.1);
+--color-dialog-sequence_point:rgba(235,235,245,.3);
+}}
 
-html[theme="dark"]{
+html {
 --height-dropdown-primary_item:46px;
 --height-dropdown-primary_large:314px;
 --height-dropdown-secondary_item:46px;
@@ -766,29 +774,30 @@ html[theme="dark"]{
 --icon-dropdown-secondary:20px;
 --icon-dropdown-state:24px;
 --icon-dropdown-group:20px;
---color-dropdown-bg-default:#2C2C2E;
---color-dropdown-primary-text-default:#F2F5FF;
---color-dropdown-primary-text-active:#F2F5FF;
---color-dropdown-primary-text-disable:rgba(235,235,245,.3);
---color-dropdown-divider:rgba(84,84,88,.35);
---color-dropdown-secondary-text-default:#F2F5FF;
+--color-dropdown-bg-default:#ffffff;
+--color-dropdown-primary-text-default:rgba(0,0,0,.85);
+--color-dropdown-primary-text-active:rgba(0,0,0,.85);
+--color-dropdown-primary-text-disable:rgba(0,0,0,.3);
+--color-dropdown-divider:rgba(0,0,0,.05);
+--color-dropdown-secondary-text-default:rgba(0,0,0,.85);
 --color-dropdown-secondary-text-active:#1bc47d;
---color-dropdown-secondary-text-disable:rgba(235,235,245,.3);
---color-dropdown-state-bg-default:#2C2C2E;
---color-dropdown-state-bg-active:rgba(118,118,128,.24);
---color-dropdown-state-text-default:#F2F5FF;
---color-dropdown-state-text-active:#F2F5FF;
+--color-dropdown-secondary-text-disable:rgba(0,0,0,.3);
+--color-dropdown-state-bg-default:#ffffff;
+--color-dropdown-state-bg-active:#f7f8f9;
+--color-dropdown-state-text-default:rgba(0,0,0,.85);
+--color-dropdown-state-text-active:rgba(0,0,0,.85);
 --color-dropdown-state-open:#1bc47d;
 --color-dropdown-state-preopen:#ffa819;
---color-dropdown-state-close:rgba(235,235,245,.65);
---color-dropdown-state-fusing:rgba(235,235,245,.65);
+--color-dropdown-state-close:rgba(0,0,0,.5);
+--color-dropdown-state-fusing:rgba(0,0,0,.5);
 --color-dropdown-state-pre_market_auction:#f459a7;
 --color-dropdown-state-last_trading_session:#18a0fb;
---color-dropdown-group-title-default:rgba(235,235,245,.65);
---color-dropdown-group-text-default:#F2F5FF;
---color-dropdown-tertiary-title:rgba(235,235,245,.65);
+--color-dropdown-group-title-default:rgba(0,0,0,.5);
+--color-dropdown-group-text-default:rgba(0,0,0,.85);
+--color-dropdown-tertiary-title:rgba(0,0,0,.5);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-dropdown-primary_item:46px;
 --height-dropdown-primary_large:314px;
 --height-dropdown-secondary_item:46px;
@@ -832,81 +841,84 @@ html{
 --icon-dropdown-secondary:20px;
 --icon-dropdown-state:24px;
 --icon-dropdown-group:20px;
---color-dropdown-bg-default:#ffffff;
---color-dropdown-primary-text-default:rgba(0,0,0,.85);
---color-dropdown-primary-text-active:rgba(0,0,0,.85);
---color-dropdown-primary-text-disable:rgba(0,0,0,.3);
---color-dropdown-divider:rgba(0,0,0,.05);
---color-dropdown-secondary-text-default:rgba(0,0,0,.85);
+--color-dropdown-bg-default:#2C2C2E;
+--color-dropdown-primary-text-default:#F2F5FF;
+--color-dropdown-primary-text-active:#F2F5FF;
+--color-dropdown-primary-text-disable:rgba(235,235,245,.3);
+--color-dropdown-divider:rgba(84,84,88,.2);
+--color-dropdown-secondary-text-default:#F2F5FF;
 --color-dropdown-secondary-text-active:#1bc47d;
---color-dropdown-secondary-text-disable:rgba(0,0,0,.3);
---color-dropdown-state-bg-default:#ffffff;
---color-dropdown-state-bg-active:#f7f8f9;
---color-dropdown-state-text-default:rgba(0,0,0,.85);
---color-dropdown-state-text-active:rgba(0,0,0,.85);
+--color-dropdown-secondary-text-disable:rgba(235,235,245,.3);
+--color-dropdown-state-bg-default:#2C2C2E;
+--color-dropdown-state-bg-active:rgba(118,118,128,.24);
+--color-dropdown-state-text-default:#F2F5FF;
+--color-dropdown-state-text-active:#F2F5FF;
 --color-dropdown-state-open:#1bc47d;
 --color-dropdown-state-preopen:#ffa819;
---color-dropdown-state-close:rgba(0,0,0,.5);
---color-dropdown-state-fusing:rgba(0,0,0,.5);
+--color-dropdown-state-close:rgba(235,235,245,.65);
+--color-dropdown-state-fusing:rgba(235,235,245,.65);
 --color-dropdown-state-pre_market_auction:#f459a7;
 --color-dropdown-state-last_trading_session:#18a0fb;
---color-dropdown-group-title-default:rgba(0,0,0,.5);
---color-dropdown-group-text-default:rgba(0,0,0,.85);
---color-dropdown-tertiary-title:rgba(0,0,0,.5);
-}
+--color-dropdown-group-title-default:rgba(235,235,245,.65);
+--color-dropdown-group-text-default:#F2F5FF;
+--color-dropdown-tertiary-title:rgba(235,235,245,.65);
+}}
 
-html[theme="dark"]{
+html {
 --height-empty-card:140px;
 --spacing-empty-large-text-margin_top:16px;
 --spacing-empty-large-text-margin_bottom:18px;
 --spacing-empty-small-text-margin_top:8px;
 --spacing-empty-small-text-margin_bottom:0px;
---color-empty-text:rgba(235,235,245,.65);
+--color-empty-text:rgba(0,0,0,.5);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-empty-card:140px;
 --spacing-empty-large-text-margin_top:16px;
 --spacing-empty-large-text-margin_bottom:18px;
 --spacing-empty-small-text-margin_top:8px;
 --spacing-empty-small-text-margin_bottom:0px;
---color-empty-text:rgba(0,0,0,.5);
-}
+--color-empty-text:rgba(235,235,245,.65);
+}}
 
-html[theme="dark"]{
+html {
 --height-footer-devider:16px;
 --spacing-footer-padding_top:24px;
 --spacing-footer-padding_bottom:40px;
 --spacing-footer-link-margin_bottom:4px;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-footer-devider:16px;
 --spacing-footer-padding_top:24px;
 --spacing-footer-padding_bottom:40px;
 --spacing-footer-link-margin_bottom:4px;
-}
+}}
 
-html[theme="dark"]{
+html {
 --height-footnav-content:56px;
 --spacing-footnav-icon-margin_top:5px;
 --spacing-footnav-icon-margin_bottom:2px;
 --icon-footnav-size:32px;
---color-footnav-text-default:rgba(235,235,245,.65);
---color-footnav-icon-default:rgba(242,245,255,.75);
+--color-footnav-text-default:rgba(0,0,0,.65);
+--color-footnav-icon-default:rgba(0,0,0,.65);
 --color-footnav-text-active:#1bc47d;
---color-footnav-bg:#0E0E10;
+--color-footnav-bg:#ffffff;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-footnav-content:56px;
 --spacing-footnav-icon-margin_top:5px;
 --spacing-footnav-icon-margin_bottom:2px;
 --icon-footnav-size:32px;
---color-footnav-text-default:rgba(0,0,0,.65);
---color-footnav-icon-default:rgba(0,0,0,.65);
+--color-footnav-text-default:rgba(235,235,245,.65);
+--color-footnav-icon-default:rgba(242,245,255,.75);
 --color-footnav-text-active:#1bc47d;
---color-footnav-bg:#ffffff;
-}
+--color-footnav-bg:#0E0E10;
+}}
 
-html[theme="dark"]{
+html {
 --divider-medium:1px;
 --divider-large:3px;
 --divider-small:0.5px;
@@ -932,6 +944,7 @@ html[theme="dark"]{
 --neutral-c11-5:#48484A;
 --neutral-c12:#2C2C2E;
 --neutral-c13:#19191E;
+--neutral-c13-5:#141419;
 --neutral-c14:#0E0E10;
 --neutral-c15:#000000;
 --blue_gray-c1:#f7f8f9;
@@ -1285,44 +1298,47 @@ html[theme="dark"]{
 --font-size-l:10px;
 --black-opacity-3:rgba(0,0,0,.15);
 --black-opacity-6:rgba(0,0,0,.3);
+--black-opacity-8:rgba(0,0,0,.5);
 --white-opacity-3:rgba(255,255,255,.15);
---divider-color-default-1:rgba(84,84,88,.35);
---divider-color-default-2:rgba(84,84,88,.85);
---divider-color-hover:rgba(255,255,255,.85);
---divider-color-reverse-1:rgba(0,0,0,.05);
---divider-color-reverse-2:rgba(0,0,0,.15);
+--divider-color-default-1:rgba(0,0,0,.05);
+--divider-color-default-2:rgba(0,0,0,.15);
+--divider-color-hover:rgba(0,0,0,.85);
+--divider-color-reverse-1:rgba(255,255,255,.15);
+--divider-color-reverse-2:rgba(255,255,255,.3);
 --primary-color:#1bc47d;
---primary-color-press:#09825a;
---primary-color-disable:rgba(27,196,125,.25);
---primary-color-light:#113226;
---primary-color-light-press:#093E28;
---secondary-color:#00B5CE;
+--primary-color-press:#0da36b;
+--primary-color-disable:rgba(27,196,125,.3);
+--primary-color-light:#f2fffc;
+--primary-color-light-press:#d2f3ea;
+--secondary-color:#00A5BB;
 --secondary-color-press:#008192;
---secondary-color-disable:rgba(0,181,206,.25);
---secondary-color-light:#0B2F36;
---secondary-color-light-press:#003941;
---shadow-color:rgba(0,0,0,.80);
---text-color-h1:#F2F5FF;
---text-color-h2:rgba(235,235,245,.65);
---text-color-h3:rgba(235,235,245,.3);
+--secondary-color-disable:rgba(0,181,206,.3);
+--secondary-color-light:#e6f8fa;
+--secondary-color-light-press:#b0e8f0;
+--shadow-color:rgba(0,0,0,.05);
+--text-color-h1:rgba(0,0,0,.85);
+--text-color-h2:rgba(0,0,0,.5);
+--text-color-h3:rgba(0,0,0,.3);
 --text-color-highlight:#1bc47d;
 --text-color-highlight-press:#09825a;
---text-color-highlight-disable:rgba(27,196,125,.25);
+--text-color-highlight-disable:rgba(27,196,125,.3);
 --text-color-link:#5998e9;
 --text-color-link-press:#076b9d;
---text-color-link-disable:rgba(89,152,233,.25);
+--text-color-link-disable:rgba(89,152,233,.3);
 --text-color-reverse:#ffffff;
 --text-color-reverse2:rgba(255,255,255,.6);
 --text-color-reverse3:rgba(255,255,255,.3);
---bg-color-1:#0E0E10;
---bg-color-2:#19191E;
---bg-color-3:rgba(118,118,128,.14);
---bg-color-4:rgba(118,118,128,.24);
---bg-color-mask:rgba(0,0,0,.6);
---bg-color-mask-light:rgba(0,0,0,.15);
---bg-grouped-color-1:#0E0E10;
---bg-grouped-color-2:#19191E;
---bg-grouped-color-3:rgba(118,118,128,.14);
+--bg-color-1:#ffffff;
+--bg-color-2:#f7f8f9;
+--bg-color-3:#f7f8f9;
+--bg-color-4:#ebedf0;
+--bg-color-mask:rgba(0,0,0,.5);
+--bg-color-mask-light:rgba(0,0,0,.05);
+--bg-color-mask-education:rgba(0,0,0,.5);
+--bg-grouped-color-1:#f7f8f9;
+--bg-grouped-color-2:#ffffff;
+--bg-grouped-color-3:#ffffff;
+--bg-grouped-color-2-web:rgba(255,255,255,.7);
 --rise-color:#1bc47d;
 --rise-color-press:#0da36b;
 --rise-color-disable:rgba(27,196,125,.3);
@@ -1337,19 +1353,19 @@ html[theme="dark"]{
 --fall-color-light-press:rgba(242,72,34,.2);
 --tips-color-success:#1bc47d;
 --tips-color-success-press:#09825a;
---tips-color-success-disable:rgba(27,196,125,.25);
---tips-color-success_light:#113226;
---tips-color-success_light-press:#093E28;
+--tips-color-success-disable:rgba(27,196,125,.3);
+--tips-color-success_light:#f2fffc;
+--tips-color-success_light-press:#d2f3ea;
 --tips-color-tips:#ffc700;
 --tips-color-tips-press:#ffa819;
 --tips-color-tips-disable:rgba(255,199,0,.3);
---tips-color-tips-light:#40380C;
---tips-color-tips-light-press:#513F00;
+--tips-color-tips-light:#fffbe4;
+--tips-color-tips-light-press:#fff6ca;
 --tips-color-warning:#eb5c31;
 --tips-color-warning-press:#db2c0d;
---tips-color-warning-disable:rgba(235,92,49,.25);
---tips-color-warning-light:#3C1A14;
---tips-color-warning-light-press:#4D170B;
+--tips-color-warning-disable:rgba(235,92,49,.3);
+--tips-color-warning-light:#ffeeee;
+--tips-color-warning-light-press:#ffdedd;
 --chart-color-1:#61b8ea;
 --chart-color-2:#33d8d5;
 --chart-color-3:#64e8c6;
@@ -1375,19 +1391,21 @@ html[theme="dark"]{
 --chart-line-color-7:#8165ff;
 --chart-line-color-8:#ff733c;
 --chart-line-color-9:#00A5BB;
---chart-line-color-10:rgba(235,235,245,.30);
+--chart-line-color-10:rgba(0,0,0,.30);
 --chart-column-color-1:#47d3c0;
 --chart-column-color-2:#5998e9;
---color-quotes-stock_chart_indicator-bg:rgba(14,14,16,.8);
---color-quotes-stock_chart_point-bg:rgba(11,47,54,.8);
---color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:#F2F5FF;
---color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:rgba(0,0,0,.85);
---color-quotes-marketdepth_hide_data-mask:rgba(0,0,0,.10);
+--color-quotes-stock_chart_indicator-bg:rgba(255,255,255,.8);
+--color-quotes-stock_chart_point-bg:rgba(230,248,250,.8);
+--color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:rgba(0,0,0,.85);
+--color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:#ffffff;
+--color-quotes-marketdepth_hide_data-mask:rgba(255,255,255,.15);
 --color-trade-account_head_card_my-bg:#3A2D72;
---color-trade-account_head_card_ar-bg:#09825a;
---color-trade-costprice_setting_popup_legend_bg:#000000;
+--color-trade-account_head_card_ar-bg:#1bc47d;
+--color-trade-costprice_setting_popup_legend_bg:#eeeeee;
+--icon-color-2:rgba(0,0,0,.5);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --divider-medium:1px;
 --divider-large:3px;
 --divider-small:0.5px;
@@ -1413,6 +1431,7 @@ html{
 --neutral-c11-5:#48484A;
 --neutral-c12:#2C2C2E;
 --neutral-c13:#19191E;
+--neutral-c13-5:#141419;
 --neutral-c14:#0E0E10;
 --neutral-c15:#000000;
 --blue_gray-c1:#f7f8f9;
@@ -1766,44 +1785,47 @@ html{
 --font-size-l:10px;
 --black-opacity-3:rgba(0,0,0,.15);
 --black-opacity-6:rgba(0,0,0,.3);
+--black-opacity-8:rgba(0,0,0,.5);
 --white-opacity-3:rgba(255,255,255,.15);
---divider-color-default-1:rgba(0,0,0,.05);
---divider-color-default-2:rgba(0,0,0,.15);
---divider-color-hover:rgba(0,0,0,.85);
---divider-color-reverse-1:rgba(255,255,255,.15);
---divider-color-reverse-2:rgba(255,255,255,.3);
+--divider-color-default-1:rgba(84,84,88,.2);
+--divider-color-default-2:rgba(84,84,88,.85);
+--divider-color-hover:rgba(255,255,255,.85);
+--divider-color-reverse-1:rgba(0,0,0,.05);
+--divider-color-reverse-2:rgba(0,0,0,.15);
 --primary-color:#1bc47d;
---primary-color-press:#0da36b;
---primary-color-disable:rgba(27,196,125,.3);
---primary-color-light:#f2fffc;
---primary-color-light-press:#d2f3ea;
---secondary-color:#00A5BB;
+--primary-color-press:#09825a;
+--primary-color-disable:rgba(27,196,125,.25);
+--primary-color-light:#113226;
+--primary-color-light-press:#093E28;
+--secondary-color:#00B5CE;
 --secondary-color-press:#008192;
---secondary-color-disable:rgba(0,181,206,.3);
---secondary-color-light:#e6f8fa;
---secondary-color-light-press:#b0e8f0;
---shadow-color:rgba(0,0,0,.05);
---text-color-h1:rgba(0,0,0,.85);
---text-color-h2:rgba(0,0,0,.5);
---text-color-h3:rgba(0,0,0,.3);
+--secondary-color-disable:rgba(0,181,206,.25);
+--secondary-color-light:#0B2F36;
+--secondary-color-light-press:#003941;
+--shadow-color:rgba(0,0,0,.80);
+--text-color-h1:#F2F5FF;
+--text-color-h2:rgba(235,235,245,.65);
+--text-color-h3:rgba(235,235,245,.3);
 --text-color-highlight:#1bc47d;
 --text-color-highlight-press:#09825a;
---text-color-highlight-disable:rgba(27,196,125,.3);
+--text-color-highlight-disable:rgba(27,196,125,.25);
 --text-color-link:#5998e9;
 --text-color-link-press:#076b9d;
---text-color-link-disable:rgba(89,152,233,.3);
+--text-color-link-disable:rgba(89,152,233,.25);
 --text-color-reverse:#ffffff;
 --text-color-reverse2:rgba(255,255,255,.6);
 --text-color-reverse3:rgba(255,255,255,.3);
---bg-color-1:#ffffff;
---bg-color-2:#f7f8f9;
---bg-color-3:#f7f8f9;
---bg-color-4:#ebedf0;
---bg-color-mask:rgba(0,0,0,.5);
---bg-color-mask-light:rgba(0,0,0,.05);
---bg-grouped-color-1:#f7f8f9;
---bg-grouped-color-2:#ffffff;
---bg-grouped-color-3:#ffffff;
+--bg-color-1:#0E0E10;
+--bg-color-2:#141419;
+--bg-color-3:rgba(118,118,128,.1);
+--bg-color-4:rgba(118,118,128,.15);
+--bg-color-mask:rgba(0,0,0,.85);
+--bg-color-mask-light:rgba(0,0,0,.15);
+--bg-color-mask-education:rgba(0,0,0,.5);
+--bg-grouped-color-1:#0E0E10;
+--bg-grouped-color-2:#141419;
+--bg-grouped-color-3:rgba(118,118,128,.1);
+--bg-grouped-color-2-web:rgba(20,20,25,.8);
 --rise-color:#1bc47d;
 --rise-color-press:#0da36b;
 --rise-color-disable:rgba(27,196,125,.3);
@@ -1818,19 +1840,19 @@ html{
 --fall-color-light-press:rgba(242,72,34,.2);
 --tips-color-success:#1bc47d;
 --tips-color-success-press:#09825a;
---tips-color-success-disable:rgba(27,196,125,.3);
---tips-color-success_light:#f2fffc;
---tips-color-success_light-press:#d2f3ea;
+--tips-color-success-disable:rgba(27,196,125,.25);
+--tips-color-success_light:#113226;
+--tips-color-success_light-press:#093E28;
 --tips-color-tips:#ffc700;
 --tips-color-tips-press:#ffa819;
 --tips-color-tips-disable:rgba(255,199,0,.3);
---tips-color-tips-light:#fffbe4;
---tips-color-tips-light-press:#fff6ca;
+--tips-color-tips-light:#40380C;
+--tips-color-tips-light-press:#513F00;
 --tips-color-warning:#eb5c31;
 --tips-color-warning-press:#db2c0d;
---tips-color-warning-disable:rgba(235,92,49,.3);
---tips-color-warning-light:#ffeeee;
---tips-color-warning-light-press:#ffdedd;
+--tips-color-warning-disable:rgba(235,92,49,.25);
+--tips-color-warning-light:#3C1A14;
+--tips-color-warning-light-press:#4D170B;
 --chart-color-1:#61b8ea;
 --chart-color-2:#33d8d5;
 --chart-color-3:#64e8c6;
@@ -1856,20 +1878,21 @@ html{
 --chart-line-color-7:#8165ff;
 --chart-line-color-8:#ff733c;
 --chart-line-color-9:#00A5BB;
---chart-line-color-10:rgba(0,0,0,.30);
+--chart-line-color-10:rgba(235,235,245,.30);
 --chart-column-color-1:#47d3c0;
 --chart-column-color-2:#5998e9;
---color-quotes-stock_chart_indicator-bg:rgba(255,255,255,.8);
---color-quotes-stock_chart_point-bg:rgba(230,248,250,.8);
---color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:rgba(0,0,0,.85);
---color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:#ffffff;
---color-quotes-marketdepth_hide_data-mask:rgba(255,255,255,.15);
+--color-quotes-stock_chart_indicator-bg:rgba(14,14,16,.8);
+--color-quotes-stock_chart_point-bg:rgba(11,47,54,.8);
+--color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:#F2F5FF;
+--color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:rgba(0,0,0,.85);
+--color-quotes-marketdepth_hide_data-mask:rgba(0,0,0,.10);
 --color-trade-account_head_card_my-bg:#3A2D72;
---color-trade-account_head_card_ar-bg:#1bc47d;
---color-trade-costprice_setting_popup_legend_bg:#eeeeee;
-}
+--color-trade-account_head_card_ar-bg:#09825a;
+--color-trade-costprice_setting_popup_legend_bg:#000000;
+--icon-color-2:#F2F5FF;
+}}
 
-html[theme="dark"]{
+html {
 --height-headnav-primary:72px;
 --height-headnav-secondary:48px;
 --spacing-headnav-padding_y:20px;
@@ -1879,12 +1902,13 @@ html[theme="dark"]{
 --spacing-headnav-primary-text-margin_right:8px;
 --spacing-headnav-title-margin_y:0px;
 --spacing-headnav-title-margin_right:8px;
---color-headnav-title:#F2F5FF;
---color-headnav-text_description:rgba(235,235,245,.65);
---color-headnav-text_delayed:rgba(235,235,245,.65);
---color-headnav-icon:#F2F5FF;
+--color-headnav-title:rgba(0,0,0,.85);
+--color-headnav-text_description:rgba(0,0,0,.5);
+--color-headnav-text_delayed:rgba(0,0,0,.5);
+--color-headnav-icon:rgba(0,0,0,.85);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-headnav-primary:72px;
 --height-headnav-secondary:48px;
 --spacing-headnav-padding_y:20px;
@@ -1894,13 +1918,13 @@ html{
 --spacing-headnav-primary-text-margin_right:8px;
 --spacing-headnav-title-margin_y:0px;
 --spacing-headnav-title-margin_right:8px;
---color-headnav-title:rgba(0,0,0,.85);
---color-headnav-text_description:rgba(0,0,0,.5);
---color-headnav-text_delayed:rgba(0,0,0,.5);
---color-headnav-icon:rgba(0,0,0,.85);
-}
+--color-headnav-title:#F2F5FF;
+--color-headnav-text_description:rgba(235,235,245,.65);
+--color-headnav-text_delayed:rgba(235,235,245,.65);
+--color-headnav-icon:#F2F5FF;
+}}
 
-html[theme="dark"]{
+html {
 --height-input-form_text:48px;
 --height-input-search_content:64px;
 --height-input-bg:44px;
@@ -1943,21 +1967,22 @@ html[theme="dark"]{
 --icon-input-form_suffix:20px;
 --icon-input-search:20px;
 --icon-input-trade_number_input_icon:20px;
---color-input-text-default:rgba(235,235,245,.3);
---color-input-text-active:#F2F5FF;
+--color-input-text-default:rgba(0,0,0,.3);
+--color-input-text-active:rgba(0,0,0,.85);
 --color-input-text-wrong:#eb5c31;
---color-input-text-disable:rgba(235,235,245,.3);
---color-input-form-border-default:rgba(84,84,88,.85);
---color-input-form-border-active:rgba(255,255,255,.85);
+--color-input-text-disable:rgba(0,0,0,.3);
+--color-input-form-border-default:rgba(0,0,0,.15);
+--color-input-form-border-active:rgba(0,0,0,.85);
 --color-input-form-border-wrong:#eb5c31;
---color-input-form_counter-default:rgba(235,235,245,.3);
+--color-input-form_counter-default:rgba(0,0,0,.3);
 --color-input-form_counter-warning:#eb5c31;
---color-input-form-bg-wrong:#3C1A14;
---color-input-textarea-bg-default:rgba(118,118,128,.14);
---color-input-trade-bg:rgba(118,118,128,.24);
+--color-input-form-bg-wrong:#ffeeee;
+--color-input-textarea-bg-default:#f7f8f9;
+--color-input-trade-bg:rgba(0,0,0,.05);
 --color-input-cursor:#1bc47d;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-input-form_text:48px;
 --height-input-search_content:64px;
 --height-input-bg:44px;
@@ -2000,22 +2025,22 @@ html{
 --icon-input-form_suffix:20px;
 --icon-input-search:20px;
 --icon-input-trade_number_input_icon:20px;
---color-input-text-default:rgba(0,0,0,.3);
---color-input-text-active:rgba(0,0,0,.85);
+--color-input-text-default:rgba(235,235,245,.3);
+--color-input-text-active:#F2F5FF;
 --color-input-text-wrong:#eb5c31;
---color-input-text-disable:rgba(0,0,0,.3);
---color-input-form-border-default:rgba(0,0,0,.15);
---color-input-form-border-active:rgba(0,0,0,.85);
+--color-input-text-disable:rgba(235,235,245,.3);
+--color-input-form-border-default:rgba(84,84,88,.85);
+--color-input-form-border-active:rgba(255,255,255,.85);
 --color-input-form-border-wrong:#eb5c31;
---color-input-form_counter-default:rgba(0,0,0,.3);
+--color-input-form_counter-default:rgba(235,235,245,.3);
 --color-input-form_counter-warning:#eb5c31;
---color-input-form-bg-wrong:#ffeeee;
---color-input-textarea-bg-default:#f7f8f9;
---color-input-trade-bg:rgba(0,0,0,.05);
+--color-input-form-bg-wrong:#3C1A14;
+--color-input-textarea-bg-default:rgba(118,118,128,.1);
+--color-input-trade-bg:rgba(118,118,128,.15);
 --color-input-cursor:#1bc47d;
-}
+}}
 
-html[theme="dark"]{
+html {
 --spacing-list-info_title-margin_right:8px;
 --spacing-list-info_icon-margin_y:4px;
 --spacing-list-info_s-padding_top:7px;
@@ -2034,10 +2059,11 @@ html[theme="dark"]{
 --spacing-list-common_switch-margin_left:8px;
 --icon-list-right:16px;
 --icon-list-check:20px;
---color-list-title:#F2F5FF;
---color-list-text:rgba(235,235,245,.65);
+--color-list-title:rgba(0,0,0,.85);
+--color-list-text:rgba(0,0,0,.5);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --spacing-list-info_title-margin_right:8px;
 --spacing-list-info_icon-margin_y:4px;
 --spacing-list-info_s-padding_top:7px;
@@ -2056,11 +2082,11 @@ html{
 --spacing-list-common_switch-margin_left:8px;
 --icon-list-right:16px;
 --icon-list-check:20px;
---color-list-title:rgba(0,0,0,.85);
---color-list-text:rgba(0,0,0,.5);
-}
+--color-list-title:#F2F5FF;
+--color-list-text:rgba(235,235,245,.65);
+}}
 
-html[theme="dark"]{
+html {
 --height-loading-small:109px;
 --width-loading-small:110px;
 --width-loading-large:279px;
@@ -2071,10 +2097,11 @@ html[theme="dark"]{
 --icon-loading-size:48px;
 --icon-loading-refres_small:32px;
 --icon-loading-refres_large:64px;
---color-loading-bg:rgba(72,72,74,.96);
+--color-loading-bg:rgba(0,0,0,.85);
 --color-loading-text:#ffffff;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-loading-small:109px;
 --width-loading-small:110px;
 --width-loading-large:279px;
@@ -2085,11 +2112,11 @@ html{
 --icon-loading-size:48px;
 --icon-loading-refres_small:32px;
 --icon-loading-refres_large:64px;
---color-loading-bg:rgba(0,0,0,.85);
+--color-loading-bg:#545458;
 --color-loading-text:#ffffff;
-}
+}}
 
-html[theme="dark"]{
+html {
 --height-noticebar-snackbar:34px;
 --radius-noticebar-snackbar:6px;
 --radius-noticebar-toast:17px;
@@ -2113,26 +2140,27 @@ html[theme="dark"]{
 --icon-noticebar-toast:20px;
 --icon-noticebar-notification:12px;
 --icon-noticebar-:20px;
---color-noticebar-snackbar_info-bg:#0B2F36;
---color-noticebar-snackbar_info-text:#e6f8fa;
---color-noticebar-snackbar_info-icon:rgba(230,248,250,.6);
---color-noticebar-snackbar_warning-bg:#3C1A14;
---color-noticebar-snackbar_warning-text:#ffdedd;
---color-noticebar-snackbar_warning-icon:rgba(255,222,221,.6);
---color-noticebar-snackbar_tips-bg:#40380C;
---color-noticebar-snackbar_tips-text:#fff6ca;
---color-noticebar-snackbar_tips-icon:rgba(255,246,202,.6);
---color-noticebar-notification-bg:#2C2C2E;
---color-noticebar-notification-text:#F2F5FF;
+--color-noticebar-snackbar_info-bg:#e6f8fa;
+--color-noticebar-snackbar_info-text:#00A5BB;
+--color-noticebar-snackbar_info-icon:rgba(0,165,187,.6);
+--color-noticebar-snackbar_warning-bg:#ffeeee;
+--color-noticebar-snackbar_warning-text:#eb5c31;
+--color-noticebar-snackbar_warning-icon:rgba(235,92,49,.6);
+--color-noticebar-snackbar_tips-bg:#fffbe4;
+--color-noticebar-snackbar_tips-text:#A17E00;
+--color-noticebar-snackbar_tips-icon:rgba(161,126,0,.6);
+--color-noticebar-notification-bg:#ffffff;
+--color-noticebar-notification-text:rgba(0,0,0,.85);
 --color-noticebar-notification_tag_success-bg:rgba(27,196,125,.2);
 --color-noticebar-notification_tag_tips-bg:rgba(255,199,0,.2);
---color-noticebar-notification_tag_warning-bg:rgba(235,92,49,.15);
---color-noticebar-notification_tag_disable-bg:rgba(255,255,255,.15);
---color-noticebar-toast_info-bg:rgba(84,84,88,.95);
+--color-noticebar-notification_tag_warning-bg:rgba(235,92,49,.1);
+--color-noticebar-notification_tag_disable-bg:rgba(0,0,0,.10);
+--color-noticebar-toast_info-bg:rgba(0,0,0,.85);
 --color-noticebar-toast_info-text:#ffffff;
 --color-noticebar-toast_warning-icon:#eb5c31;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-noticebar-snackbar:34px;
 --radius-noticebar-snackbar:6px;
 --radius-noticebar-toast:17px;
@@ -2156,27 +2184,27 @@ html{
 --icon-noticebar-toast:20px;
 --icon-noticebar-notification:12px;
 --icon-noticebar-:20px;
---color-noticebar-snackbar_info-bg:#e6f8fa;
---color-noticebar-snackbar_info-text:#00A5BB;
---color-noticebar-snackbar_info-icon:rgba(0,165,187,.6);
---color-noticebar-snackbar_warning-bg:#ffeeee;
---color-noticebar-snackbar_warning-text:#eb5c31;
---color-noticebar-snackbar_warning-icon:rgba(235,92,49,.6);
---color-noticebar-snackbar_tips-bg:#fffbe4;
---color-noticebar-snackbar_tips-text:#A17E00;
---color-noticebar-snackbar_tips-icon:rgba(161,126,0,.6);
---color-noticebar-notification-bg:#ffffff;
---color-noticebar-notification-text:rgba(0,0,0,.85);
+--color-noticebar-snackbar_info-bg:#0B2F36;
+--color-noticebar-snackbar_info-text:#e6f8fa;
+--color-noticebar-snackbar_info-icon:rgba(230,248,250,.6);
+--color-noticebar-snackbar_warning-bg:#3C1A14;
+--color-noticebar-snackbar_warning-text:#ffdedd;
+--color-noticebar-snackbar_warning-icon:rgba(255,222,221,.6);
+--color-noticebar-snackbar_tips-bg:#40380C;
+--color-noticebar-snackbar_tips-text:#fff6ca;
+--color-noticebar-snackbar_tips-icon:rgba(255,246,202,.6);
+--color-noticebar-notification-bg:#2C2C2E;
+--color-noticebar-notification-text:#F2F5FF;
 --color-noticebar-notification_tag_success-bg:rgba(27,196,125,.2);
 --color-noticebar-notification_tag_tips-bg:rgba(255,199,0,.2);
---color-noticebar-notification_tag_warning-bg:rgba(235,92,49,.1);
---color-noticebar-notification_tag_disable-bg:rgba(0,0,0,.10);
---color-noticebar-toast_info-bg:rgba(0,0,0,.85);
+--color-noticebar-notification_tag_warning-bg:rgba(235,92,49,.15);
+--color-noticebar-notification_tag_disable-bg:rgba(255,255,255,.15);
+--color-noticebar-toast_info-bg:rgba(84,84,88,.95);
 --color-noticebar-toast_info-text:#ffffff;
 --color-noticebar-toast_warning-icon:#eb5c31;
-}
+}}
 
-html[theme="dark"]{
+html {
 --height-pagebreak-drop:3px;
 --width-pagebreak-drop:8px;
 --radius-pagebreak-drop:1px;
@@ -2184,15 +2212,16 @@ html[theme="dark"]{
 --spacing-pagebreak-drop-margin_right:4px;
 --spacing-pagebreak-number-padding_y:8px;
 --spacing-pagebreak-number-padding_x:1px;
---color-pagebreak-drop-default:rgba(255,255,255,.20);
---color-pagebreak-drop-active:rgba(255,255,255,.85);
+--color-pagebreak-drop-default:rgba(0,0,0,.15);
+--color-pagebreak-drop-active:rgba(0,0,0,.85);
 --color-pagebreak-number-bg:rgba(0,0,0,.3);
 --color-pagebreak-number-text-default:rgba(255,255,255,.5);
 --color-pagebreak-number-text-active:#ffffff;
---color-pagebreak-drop-light:#ffffff;
---color-pagebreak-drop-light-active:rgba(255,255,255,.15);
+--color-pagebreak-drop-light:rgba(255,255,255,.15);
+--color-pagebreak-drop-light-active:#ffffff;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-pagebreak-drop:3px;
 --width-pagebreak-drop:8px;
 --radius-pagebreak-drop:1px;
@@ -2200,16 +2229,16 @@ html{
 --spacing-pagebreak-drop-margin_right:4px;
 --spacing-pagebreak-number-padding_y:8px;
 --spacing-pagebreak-number-padding_x:1px;
---color-pagebreak-drop-default:rgba(0,0,0,.15);
---color-pagebreak-drop-active:rgba(0,0,0,.85);
+--color-pagebreak-drop-default:rgba(255,255,255,.20);
+--color-pagebreak-drop-active:rgba(255,255,255,.85);
 --color-pagebreak-number-bg:rgba(0,0,0,.3);
 --color-pagebreak-number-text-default:rgba(255,255,255,.5);
 --color-pagebreak-number-text-active:#ffffff;
---color-pagebreak-drop-light:#ffffff;
---color-pagebreak-drop-light-active:rgba(255,255,255,.15);
-}
+--color-pagebreak-drop-light:rgba(255,255,255,.15);
+--color-pagebreak-drop-light-active:#ffffff;
+}}
 
-html[theme="dark"]{
+html {
 --height-popover-primary:33px;
 --height-popover-custom:33px;
 --height-popover-secondary:22px;
@@ -2232,14 +2261,15 @@ html[theme="dark"]{
 --icon-popover-primary:16px;
 --icon-popover-secondary:12px;
 --icon-popover-custom:16px;
---color-popover-primary-bg:#767680;
+--color-popover-primary-bg:#545458;
 --color-popover-primary-text:#ffffff;
---color-popover-secondary-bg:#767680;
+--color-popover-secondary-bg:#545458;
 --color-popover-secondary-text:#ffffff;
 --color-popover-custom-bg:#1bc47d;
 --color-popover-custom-text:#ffffff;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-popover-primary:33px;
 --height-popover-custom:33px;
 --height-popover-secondary:22px;
@@ -2268,83 +2298,29 @@ html{
 --color-popover-secondary-text:#ffffff;
 --color-popover-custom-bg:#1bc47d;
 --color-popover-custom-text:#ffffff;
-}
+}}
 
-html[theme="dark"]{
+html {
 --spacing-result-text-margin_top:12px;
 --spacing-result-text-margin_bottom:28px;
 --spacing-result-title-margin_top:0px;
 --spacing-result-button-margin_y:80px;
 --spacing-result-text_button-margin_top:12px;
---color-result-title:#F2F5FF;
---color-result-text:rgba(235,235,245,.65);
+--color-result-title:rgba(0,0,0,.85);
+--color-result-text:rgba(0,0,0,.5);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --spacing-result-text-margin_top:12px;
 --spacing-result-text-margin_bottom:28px;
 --spacing-result-title-margin_top:0px;
 --spacing-result-button-margin_y:80px;
 --spacing-result-text_button-margin_top:12px;
---color-result-title:rgba(0,0,0,.85);
---color-result-text:rgba(0,0,0,.5);
-}
+--color-result-title:#F2F5FF;
+--color-result-text:rgba(235,235,245,.65);
+}}
 
-html[theme="dark"]{
---height-selector-form:44px;
---height-selector-multi:48px;
---height-selector-multi_button:28px;
---height-selector-import:44px;
---radius-selector-form:6px;
---radius-selector-multi_button:6px;
---spacing-selector-xl-margin_y:4px;
---spacing-selector-l-margin_y:4px;
---spacing-selector-m-margin_y:2px;
---spacing-selector-s-margin_y:2px;
---spacing-selector-trade-margin_y:4px;
---spacing-selector-multi_button-padding_y:12px;
---spacing-selector-multi_icon_close-margin_left:4px;
---spacing-selector-multi_button-margin_right:12px;
---spacing-selector-multi_icon_down-margin_right:8px;
---spacing-selector-padding_y:16px;
---spacing-selector-icon-margin_right:4px;
---spacing-selector-down-margin_left:8px;
---icon-selector-l:20px;
---icon-selector-down:16px;
---icon-selector-m:20px;
---icon-selector-s:16px;
---icon-selector-multi_button_close:16px;
---icon-selector-xl:24px;
---width-selector-form:335px;
---color-selector-xl-text-disable:rgba(235,235,245,.3);
---color-selector-xl-text-default:rgba(235,235,245,.3);
---color-selector-xl-text-active:#F2F5FF;
---color-selector-l-text-default:rgba(235,235,245,.3);
---color-selector-l-text-active:#F2F5FF;
---color-selector-l-text-disable:rgba(235,235,245,.3);
---color-selector-icon_down-default:rgba(235,235,245,.65);
---color-selector-icon_down-active:rgba(235,235,245,.65);
---color-selector-icon_down-disable:rgba(235,235,245,.3);
---color-selector-m-text-default:rgba(235,235,245,.3);
---color-selector-m-text-active:#F2F5FF;
---color-selector-m-text-disable:rgba(235,235,245,.3);
---color-selector-s-text-default:rgba(235,235,245,.3);
---color-selector-s-text-active:#F2F5FF;
---color-selector-s-text-disable:rgba(235,235,245,.3);
---color-selector-form-bg-default:rgba(118,118,128,.14);
---color-selector-form-bg-active:rgba(118,118,128,.14);
---color-selector-form-bg-disable:rgba(118,118,128,.14);
---color-selector-form-text-default:rgba(235,235,245,.3);
---color-selector-form-text-active:#F2F5FF;
---color-selector-form-text-disable:rgba(235,235,245,.3);
---color-selector-multi_button-bg:rgba(118,118,128,.14);
---color-selector-multi_button-text:#F2F5FF;
---color-selector-multi_icon_close:rgba(235,235,245,.3);
---color-selector-multi_icon_down:rgba(235,235,245,.65);
---color-selector-multi_divider:rgba(84,84,88,.85);
---color-selector-import-bg-default:rgba(0,0,0,.05);
---color-selector-import-text-default:#F2F5FF;
-}
-html{
+html {
 --height-selector-form:44px;
 --height-selector-multi:48px;
 --height-selector-multi_button:28px;
@@ -2399,8 +2375,64 @@ html{
 --color-selector-import-bg-default:rgba(0,0,0,.05);
 --color-selector-import-text-default:rgba(0,0,0,.85);
 }
+@media (prefers-color-scheme: dark) {
+html {
+--height-selector-form:44px;
+--height-selector-multi:48px;
+--height-selector-multi_button:28px;
+--height-selector-import:44px;
+--radius-selector-form:6px;
+--radius-selector-multi_button:6px;
+--spacing-selector-xl-margin_y:4px;
+--spacing-selector-l-margin_y:4px;
+--spacing-selector-m-margin_y:2px;
+--spacing-selector-s-margin_y:2px;
+--spacing-selector-trade-margin_y:4px;
+--spacing-selector-multi_button-padding_y:12px;
+--spacing-selector-multi_icon_close-margin_left:4px;
+--spacing-selector-multi_button-margin_right:12px;
+--spacing-selector-multi_icon_down-margin_right:8px;
+--spacing-selector-padding_y:16px;
+--spacing-selector-icon-margin_right:4px;
+--spacing-selector-down-margin_left:8px;
+--icon-selector-l:20px;
+--icon-selector-down:16px;
+--icon-selector-m:20px;
+--icon-selector-s:16px;
+--icon-selector-multi_button_close:16px;
+--icon-selector-xl:24px;
+--width-selector-form:335px;
+--color-selector-xl-text-disable:rgba(235,235,245,.3);
+--color-selector-xl-text-default:rgba(235,235,245,.3);
+--color-selector-xl-text-active:#F2F5FF;
+--color-selector-l-text-default:rgba(235,235,245,.3);
+--color-selector-l-text-active:#F2F5FF;
+--color-selector-l-text-disable:rgba(235,235,245,.3);
+--color-selector-icon_down-default:rgba(235,235,245,.65);
+--color-selector-icon_down-active:rgba(235,235,245,.65);
+--color-selector-icon_down-disable:rgba(235,235,245,.3);
+--color-selector-m-text-default:rgba(235,235,245,.3);
+--color-selector-m-text-active:#F2F5FF;
+--color-selector-m-text-disable:rgba(235,235,245,.3);
+--color-selector-s-text-default:rgba(235,235,245,.3);
+--color-selector-s-text-active:#F2F5FF;
+--color-selector-s-text-disable:rgba(235,235,245,.3);
+--color-selector-form-bg-default:rgba(118,118,128,.14);
+--color-selector-form-bg-active:rgba(118,118,128,.14);
+--color-selector-form-bg-disable:rgba(118,118,128,.14);
+--color-selector-form-text-default:rgba(235,235,245,.3);
+--color-selector-form-text-active:#F2F5FF;
+--color-selector-form-text-disable:rgba(235,235,245,.3);
+--color-selector-multi_button-bg:rgba(118,118,128,.14);
+--color-selector-multi_button-text:#F2F5FF;
+--color-selector-multi_icon_close:rgba(235,235,245,.3);
+--color-selector-multi_icon_down:rgba(235,235,245,.65);
+--color-selector-multi_divider:rgba(84,84,88,.85);
+--color-selector-import-bg-default:rgba(0,0,0,.05);
+--color-selector-import-text-default:#F2F5FF;
+}}
 
-html[theme="dark"]{
+html {
 --height-skeleton-img:210px;
 --height-skeleton-button:48px;
 --height-skeleton-small_shapes:66px;
@@ -2429,10 +2461,11 @@ html[theme="dark"]{
 --spacing-skeleton-stock-padding_x:5px;
 --spacing-skeleton-stock-padding_y:24px;
 --spacing-skeleton-data-padding_y:20px;
---color-skeleton-bg:rgba(118,118,128,.15);
---color-skeleton-loading_gradient-bg-active:rgba(118,118,128,.05);
+--color-skeleton-bg:#f7f8f9;
+--color-skeleton-loading_gradient-bg-active:rgba(247,248,249,.3);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-skeleton-img:210px;
 --height-skeleton-button:48px;
 --height-skeleton-small_shapes:66px;
@@ -2460,12 +2493,12 @@ html{
 --spacing-skeleton-avatar-margin_bottom:10px;
 --spacing-skeleton-stock-padding_x:5px;
 --spacing-skeleton-stock-padding_y:24px;
---spacing-skeleton-data-padding_y:20px;
---color-skeleton-bg:#f7f8f9;
---color-skeleton-loading_gradient-bg-active:rgba(247,248,249,.3);
-}
+--spacing-skeleton-data-padding_y:20px;
+--color-skeleton-bg:rgba(118,118,128,.15);
+--color-skeleton-loading_gradient-bg-active:rgba(118,118,128,.05);
+}}
 
-html[theme="dark"]{
+html {
 --height-slider-track:6px;
 --height-slider-mark_track:12px;
 --height-slider-mark_handle:22px;
@@ -2481,16 +2514,17 @@ html[theme="dark"]{
 --spacing-slider-mark-margin_top:20px;
 --spacing-slider-mark_handle-margin_top:2px;
 --spacing-slider-mark_text_focus-margin_bottom:8px;
---color-slider-mark-text:rgba(235,235,245,.3);
---color-slider-track-default:rgba(118,118,128,.24);
+--color-slider-mark-text:rgba(0,0,0,.3);
+--color-slider-track-default:#ebedf0;
 --color-slider-track-focus:#1bc47d;
 --color-slider-handle-bg:#ffffff;
 --color-slider-handle_border-default:#c2c2c2;
 --color-slider-handle_border-focus:#1bc47d;
 --color-slider-mark:#ffffff;
---color-slider-mark-text-focus:#F2F5FF;
+--color-slider-mark-text-focus:rgba(0,0,0,.85);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-slider-track:6px;
 --height-slider-mark_track:12px;
 --height-slider-mark_handle:22px;
@@ -2506,17 +2540,17 @@ html{
 --spacing-slider-mark-margin_top:20px;
 --spacing-slider-mark_handle-margin_top:2px;
 --spacing-slider-mark_text_focus-margin_bottom:8px;
---color-slider-mark-text:rgba(0,0,0,.3);
---color-slider-track-default:#ebedf0;
+--color-slider-mark-text:rgba(235,235,245,.3);
+--color-slider-track-default:rgba(118,118,128,.24);
 --color-slider-track-focus:#1bc47d;
 --color-slider-handle-bg:#ffffff;
 --color-slider-handle_border-default:#c2c2c2;
 --color-slider-handle_border-focus:#1bc47d;
 --color-slider-mark:#ffffff;
---color-slider-mark-text-focus:rgba(0,0,0,.85);
-}
+--color-slider-mark-text-focus:#F2F5FF;
+}}
 
-html[theme="dark"]{
+html {
 --height-steps-border-default:1px;
 --height-steps-border-hover:1px;
 --height-steps-basic-default:3px;
@@ -2540,17 +2574,18 @@ html[theme="dark"]{
 --icon-steps-size:20px;
 --icon-steps-size_s:10px;
 --radius-steps-basic:1.5px;
---color-steps-border-default:rgba(84,84,88,.85);
+--color-steps-border-default:rgba(0,0,0,.1);
 --color-steps-border-hover:#1bc47d;
---color-steps-text-complete:#F2F5FF;
---color-steps-text-afoot:#F2F5FF;
+--color-steps-text-complete:rgba(0,0,0,.85);
+--color-steps-text-afoot:rgba(0,0,0,.85);
 --color-steps-text-warning:#eb5c31;
---color-steps-text-not_started:rgba(235,235,245,.65);
---color-steps-description_text:rgba(235,235,245,.65);
---color-steps-basic-default:rgba(118,118,128,.24);
+--color-steps-text-not_started:rgba(0,0,0,.5);
+--color-steps-description_text:rgba(0,0,0,.5);
+--color-steps-basic-default:#ebedf0;
 --color-steps-basic-hover:#1bc47d;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-steps-border-default:1px;
 --height-steps-border-hover:1px;
 --height-steps-basic-default:3px;
@@ -2574,57 +2609,58 @@ html{
 --icon-steps-size:20px;
 --icon-steps-size_s:10px;
 --radius-steps-basic:1.5px;
---color-steps-border-default:rgba(0,0,0,.1);
+--color-steps-border-default:rgba(84,84,88,.85);
 --color-steps-border-hover:#1bc47d;
---color-steps-text-complete:rgba(0,0,0,.85);
---color-steps-text-afoot:rgba(0,0,0,.85);
+--color-steps-text-complete:#F2F5FF;
+--color-steps-text-afoot:#F2F5FF;
 --color-steps-text-warning:#eb5c31;
---color-steps-text-not_started:rgba(0,0,0,.5);
---color-steps-description_text:rgba(0,0,0,.5);
---color-steps-basic-default:#ebedf0;
+--color-steps-text-not_started:rgba(235,235,245,.65);
+--color-steps-description_text:rgba(235,235,245,.65);
+--color-steps-basic-default:rgba(118,118,128,.15);
 --color-steps-basic-hover:#1bc47d;
-}
+}}
 
-html[theme="dark"]{
+html {
 --height-switch-bg:10px;
 --height-switch-button:20px;
 --width-switch-bg:40px;
 --radius-switch-bg:5px;
 --radius-switch-button:10px;
---color-switch-off_bg-default:rgba(105,105,112,.6);
---color-switch-off_bg-disable:rgba(105,105,112,.2);
---color-switch-off_button_bg-default:#eeeeee;
---color-switch-off_button_bg-disable:rgba(72,72,74,.95);
+--color-switch-off_bg-default:#ebedf0;
+--color-switch-off_bg-disable:rgba(235,237,240,.5);
+--color-switch-off_button_bg-default:#ffffff;
+--color-switch-off_button_bg-disable:#f1f2f4;
 --color-switch-off_button_border-default:rgba(0,0,0,.1);
---color-switch-off_button_border-disable:rgba(0,0,0,.05);
+--color-switch-off_button_border-disable:rgba(0,0,0,.02);
 --color-switch-on_bg-default:rgba(27,196,125,.3);
 --color-switch-on_bg-disable:rgba(27,196,125,.1);
 --color-switch-on_button_bg-default:#1bc47d;
---color-switch-on_button_bg-disable:#093E28;
+--color-switch-on_button_bg-disable:#d2f3ea;
 --color-switch-on_button_border-default:rgba(0,0,0,.1);
 --color-switch-on_button_border-disable:rgba(0,0,0,.05);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-switch-bg:10px;
 --height-switch-button:20px;
 --width-switch-bg:40px;
 --radius-switch-bg:5px;
 --radius-switch-button:10px;
---color-switch-off_bg-default:#ebedf0;
---color-switch-off_bg-disable:rgba(235,237,240,.5);
---color-switch-off_button_bg-default:#ffffff;
---color-switch-off_button_bg-disable:#f1f2f4;
+--color-switch-off_bg-default:rgba(105,105,112,.6);
+--color-switch-off_bg-disable:rgba(105,105,112,.2);
+--color-switch-off_button_bg-default:#eeeeee;
+--color-switch-off_button_bg-disable:rgba(72,72,74,.95);
 --color-switch-off_button_border-default:rgba(0,0,0,.1);
---color-switch-off_button_border-disable:rgba(0,0,0,.02);
+--color-switch-off_button_border-disable:rgba(0,0,0,.05);
 --color-switch-on_bg-default:rgba(27,196,125,.3);
 --color-switch-on_bg-disable:rgba(27,196,125,.1);
 --color-switch-on_button_bg-default:#1bc47d;
---color-switch-on_button_bg-disable:#d2f3ea;
+--color-switch-on_button_bg-disable:#093E28;
 --color-switch-on_button_border-default:rgba(0,0,0,.1);
 --color-switch-on_button_border-disable:rgba(0,0,0,.05);
-}
+}}
 
-html[theme="dark"]{
+html {
 --height-tab-primary:56px;
 --height-tab-primary-bar:3px;
 --height-tab-secondary:44px;
@@ -2676,42 +2712,43 @@ html[theme="dark"]{
 --width-tab-primary-bar:16px;
 --width-tab-buy-border-active:1px;
 --icon-tab-filter_down:16px;
---color-tab-primary-text-default:rgba(235,235,245,.65);
---color-tab-primary-text-active:#F2F5FF;
+--color-tab-primary-text-default:rgba(0,0,0,.5);
+--color-tab-primary-text-active:rgba(0,0,0,.85);
 --color-tab-primary-bar-active:#1bc47d;
---color-tab-secondary-text-default:rgba(235,235,245,.65);
---color-tab-secondary-text-active:#F2F5FF;
---color-tab-secondary-bar-active:#F2F5FF;
---color-tab-secondary-divider:rgba(84,84,88,.35);
---color-tab-capsule-text-default:#F2F5FF;
---color-tab-capsule_btn-bg-default:rgba(118,118,128,.24);
+--color-tab-secondary-text-default:rgba(0,0,0,.5);
+--color-tab-secondary-text-active:rgba(0,0,0,.85);
+--color-tab-secondary-bar-active:rgba(0,0,0,.85);
+--color-tab-secondary-divider:rgba(0,0,0,.05);
+--color-tab-capsule-text-default:rgba(0,0,0,.85);
+--color-tab-capsule_btn-bg-default:#f7f8f9;
 --color-tab-capsule-text-active:#1bc47d;
---color-tab-capsule_btn-bg-active:rgba(27,196,125,.2);
---color-tab-selector-text-default:rgba(235,235,245,.65);
---color-tab-selector-bg-default:rgba(118,118,128,.2);
---color-tab-selector-bg-active:rgba(118,118,128,.5);
---color-tab-selector-text-active:#F2F5FF;
---color-tab-buy-text-default:#F2F5FF;
+--color-tab-capsule_btn-bg-active:rgba(27,196,125,.1);
+--color-tab-selector-text-default:rgba(0,0,0,.5);
+--color-tab-selector-bg-default:#f7f8f9;
+--color-tab-selector-bg-active:#ffffff;
+--color-tab-selector-text-active:rgba(0,0,0,.85);
+--color-tab-buy-text-default:rgba(0,0,0,.85);
 --color-tab-buy-text-active:#1bc47d;
---color-tab-buy-text-disable:rgba(235,235,245,.3);
---color-tab-buy-bg-default:rgba(118,118,128,.14);
---color-tab-buy-bg-active:rgba(27,196,125,.20);
+--color-tab-buy-text-disable:rgba(0,0,0,.3);
+--color-tab-buy-bg-default:#f7f8f9;
+--color-tab-buy-bg-active:rgba(27,196,125,.15);
 --color-tab-buy-border-active:#1bc47d;
---color-tab-buy-bg-disable:rgba(118,118,128,.14);
---color-tab-sell-text-default:#F2F5FF;
+--color-tab-buy-bg-disable:#f7f8f9;
+--color-tab-sell-text-default:rgba(0,0,0,.85);
 --color-tab-sell-text-active:#f24822;
---color-tab-sell-bg-default:rgba(118,118,128,.14);
---color-tab-sell-bg-active:rgba(242,72,34,.20);
+--color-tab-sell-text-disable:rgba(0,0,0,.3);
+--color-tab-sell-bg-default:#f7f8f9;
+--color-tab-sell-bg-active:rgba(242,72,34,.15);
 --color-tab-sell-border-active:#f24822;
---color-tab-sell-bg-disable:rgba(118,118,128,.14);
---color-tab-filter-text-default:rgba(235,235,245,.65);
---color-tab-filter-text-active:#F2F5FF;
---color-tab-filter_down:rgba(235,235,245,.65);
---color-tab-filter-divider:rgba(84,84,88,.35);
---color-tab-sell-text-disable:rgba(235,235,245,.3);
+--color-tab-sell-bg-disable:#f7f8f9;
+--color-tab-filter-text-default:rgba(0,0,0,.5);
+--color-tab-filter-text-active:rgba(0,0,0,.85);
+--color-tab-filter_down:rgba(0,0,0,.5);
+--color-tab-filter-divider:rgba(0,0,0,.05);
 --color-tab-filter_down-active:#1bc47d;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-tab-primary:56px;
 --height-tab-primary-bar:3px;
 --height-tab-secondary:44px;
@@ -2763,86 +2800,43 @@ html{
 --width-tab-primary-bar:16px;
 --width-tab-buy-border-active:1px;
 --icon-tab-filter_down:16px;
---color-tab-primary-text-default:rgba(0,0,0,.5);
---color-tab-primary-text-active:rgba(0,0,0,.85);
+--color-tab-primary-text-default:rgba(235,235,245,.65);
+--color-tab-primary-text-active:#F2F5FF;
 --color-tab-primary-bar-active:#1bc47d;
---color-tab-secondary-text-default:rgba(0,0,0,.5);
---color-tab-secondary-text-active:rgba(0,0,0,.85);
---color-tab-secondary-bar-active:rgba(0,0,0,.85);
---color-tab-secondary-divider:rgba(0,0,0,.05);
---color-tab-capsule-text-default:rgba(0,0,0,.85);
---color-tab-capsule_btn-bg-default:#f7f8f9;
+--color-tab-secondary-text-default:rgba(235,235,245,.65);
+--color-tab-secondary-text-active:#F2F5FF;
+--color-tab-secondary-bar-active:#F2F5FF;
+--color-tab-secondary-divider:rgba(84,84,88,.2);
+--color-tab-capsule-text-default:#F2F5FF;
+--color-tab-capsule_btn-bg-default:rgba(118,118,128,.15);
 --color-tab-capsule-text-active:#1bc47d;
---color-tab-capsule_btn-bg-active:rgba(27,196,125,.1);
---color-tab-selector-text-default:rgba(0,0,0,.5);
---color-tab-selector-bg-default:#f7f8f9;
---color-tab-selector-bg-active:#ffffff;
---color-tab-selector-text-active:rgba(0,0,0,.85);
---color-tab-buy-text-default:rgba(0,0,0,.85);
+--color-tab-capsule_btn-bg-active:rgba(27,196,125,.15);
+--color-tab-selector-text-default:rgba(235,235,245,.65);
+--color-tab-selector-bg-default:rgba(118,118,128,.15);
+--color-tab-selector-bg-active:rgba(118,118,128,.24);
+--color-tab-selector-text-active:#F2F5FF;
+--color-tab-buy-text-default:#F2F5FF;
 --color-tab-buy-text-active:#1bc47d;
---color-tab-buy-text-disable:rgba(0,0,0,.3);
---color-tab-buy-bg-default:#f7f8f9;
+--color-tab-buy-text-disable:rgba(235,235,245,.3);
+--color-tab-buy-bg-default:rgba(118,118,128,.1);
 --color-tab-buy-bg-active:rgba(27,196,125,.15);
 --color-tab-buy-border-active:#1bc47d;
---color-tab-buy-bg-disable:#f7f8f9;
---color-tab-sell-text-default:rgba(0,0,0,.85);
+--color-tab-buy-bg-disable:rgba(118,118,128,.1);
+--color-tab-sell-text-default:#F2F5FF;
 --color-tab-sell-text-active:#f24822;
---color-tab-sell-text-disable:rgba(0,0,0,.3);
---color-tab-sell-bg-default:#f7f8f9;
+--color-tab-sell-bg-default:rgba(118,118,128,.1);
 --color-tab-sell-bg-active:rgba(242,72,34,.15);
 --color-tab-sell-border-active:#f24822;
---color-tab-sell-bg-disable:#f7f8f9;
---color-tab-filter-text-default:rgba(0,0,0,.5);
---color-tab-filter-text-active:rgba(0,0,0,.85);
---color-tab-filter_down:rgba(0,0,0,.5);
---color-tab-filter-divider:rgba(0,0,0,.05);
+--color-tab-sell-bg-disable:rgba(118,118,128,.1);
+--color-tab-filter-text-default:rgba(235,235,245,.65);
+--color-tab-filter-text-active:#F2F5FF;
+--color-tab-filter_down:rgba(235,235,245,.65);
+--color-tab-filter-divider:rgba(84,84,88,.2);
+--color-tab-sell-text-disable:rgba(235,235,245,.3);
 --color-tab-filter_down-active:#1bc47d;
-}
+}}
 
-html[theme="dark"]{
---height-tag-l:18px;
---height-tag-s:14px;
---height-tag-m:16px;
---radius-tag-bg:4px;
---spacing-tag-padding_y:4px;
---width-tag-border:0.5px;
---color-tag-default-text:rgba(235,235,245,.60);
---color-tag-default-bg:rgba(118,118,128,.14);
---color-tag-default_border-text:#cad2da;
---color-tag-default-border:#cad2da;
---color-tag-dark-text:rgba(255,255,255,.8);
---color-tag-dark-bg:rgba(255,255,255,.3);
---color-tag-dark_border-text:rgba(255,255,255,.8);
---color-tag-dark-border:rgba(255,255,255,.3);
---color-tag-blue-text:rgba(24,160,251,.9);
---color-tag-blue-bg:rgba(24,160,251,.15);
---color-tag-blue-border:rgba(24,160,251,.5);
---color-tag-cyan-text:rgba(0,165,187,.9);
---color-tag-cyan-bg:rgba(0,165,187,.15);
---color-tag-cyan-border:rgba(0,165,187,.5);
---color-tag-green-text:rgba(27,196,125,.9);
---color-tag-green-bg:rgba(27,196,125,.15);
---color-tag-green-border:rgba(27,196,125,.5);
---color-tag-olive-text:rgba(119,193,63,.9);
---color-tag-olive-bg:rgba(119,193,63,.15);
---color-tag-olive-border:rgba(119,193,63,.60);
---color-tag-yellow-text:rgba(255,168,25,.9);
---color-tag-yellow-bg:rgba(255,199,0,.15);
---color-tag-yellow-border:rgba(210,167,0,.5);
---color-tag-orange-text:rgba(255,115,60,.9);
---color-tag-orange-bg:rgba(255,115,60,.15);
---color-tag-orange-border:rgba(255,115,60,.5);
---color-tag-red-text:rgba(242,72,34,.9);
---color-tag-red-bg:rgba(242,72,34,.15);
---color-tag-red-border:rgba(242,72,34,.5);
---color-tag-pink-text:rgba(244,89,167,.9);
---color-tag-pink-bg:rgba(244,89,167,.15);
---color-tag-pink-border:rgba(244,89,167,.5);
---color-tag-purple-text:rgba(144,124,255,.9);
---color-tag-purple-bg:rgba(144,124,255,.15);
---color-tag-purple-border:rgba(144,124,255,.5);
-}
-html{
+html {
 --height-tag-l:18px;
 --height-tag-s:14px;
 --height-tag-m:16px;
@@ -2885,8 +2879,52 @@ html{
 --color-tag-purple-bg:rgba(144,124,255,.1);
 --color-tag-purple-border:rgba(144,124,255,.5);
 }
+@media (prefers-color-scheme: dark) {
+html {
+--height-tag-l:18px;
+--height-tag-s:14px;
+--height-tag-m:16px;
+--radius-tag-bg:4px;
+--spacing-tag-padding_y:4px;
+--width-tag-border:0.5px;
+--color-tag-default-text:rgba(235,235,245,.60);
+--color-tag-default-bg:rgba(118,118,128,.14);
+--color-tag-default_border-text:#cad2da;
+--color-tag-default-border:#cad2da;
+--color-tag-dark-text:rgba(255,255,255,.8);
+--color-tag-dark-bg:rgba(255,255,255,.3);
+--color-tag-dark_border-text:rgba(255,255,255,.8);
+--color-tag-dark-border:rgba(255,255,255,.3);
+--color-tag-blue-text:rgba(24,160,251,.9);
+--color-tag-blue-bg:rgba(24,160,251,.15);
+--color-tag-blue-border:rgba(24,160,251,.5);
+--color-tag-cyan-text:rgba(0,165,187,.9);
+--color-tag-cyan-bg:rgba(0,165,187,.15);
+--color-tag-cyan-border:rgba(0,165,187,.5);
+--color-tag-green-text:rgba(27,196,125,.9);
+--color-tag-green-bg:rgba(27,196,125,.15);
+--color-tag-green-border:rgba(27,196,125,.5);
+--color-tag-olive-text:rgba(119,193,63,.9);
+--color-tag-olive-bg:rgba(119,193,63,.15);
+--color-tag-olive-border:rgba(119,193,63,.60);
+--color-tag-yellow-text:rgba(255,168,25,.9);
+--color-tag-yellow-bg:rgba(255,199,0,.15);
+--color-tag-yellow-border:rgba(210,167,0,.5);
+--color-tag-orange-text:rgba(255,115,60,.9);
+--color-tag-orange-bg:rgba(255,115,60,.15);
+--color-tag-orange-border:rgba(255,115,60,.5);
+--color-tag-red-text:rgba(242,72,34,.9);
+--color-tag-red-bg:rgba(242,72,34,.15);
+--color-tag-red-border:rgba(242,72,34,.5);
+--color-tag-pink-text:rgba(244,89,167,.9);
+--color-tag-pink-bg:rgba(244,89,167,.15);
+--color-tag-pink-border:rgba(244,89,167,.5);
+--color-tag-purple-text:rgba(144,124,255,.9);
+--color-tag-purple-bg:rgba(144,124,255,.15);
+--color-tag-purple-border:rgba(144,124,255,.5);
+}}
 
-html[theme="dark"]{
+html {
 --height-title-primary:48px;
 --height-title-secondary:48px;
 --height-title-tertiary:40px;
@@ -2908,11 +2946,12 @@ html[theme="dark"]{
 --icon-title-tertiary:16px;
 --icon-title-quaternary:16px;
 --icon-title-arrow:16px;
---color-title-head:#F2F5FF;
---color-title-text:rgba(235,235,245,.65);
---color-title-icon_arrow:rgba(235,235,245,.65);
+--color-title-head:rgba(0,0,0,.85);
+--color-title-text:rgba(0,0,0,.5);
+--color-title-icon_arrow:rgba(0,0,0,.5);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-title-primary:48px;
 --height-title-secondary:48px;
 --height-title-tertiary:40px;
@@ -2934,12 +2973,12 @@ html{
 --icon-title-tertiary:16px;
 --icon-title-quaternary:16px;
 --icon-title-arrow:16px;
---color-title-head:rgba(0,0,0,.85);
---color-title-text:rgba(0,0,0,.5);
---color-title-icon_arrow:rgba(0,0,0,.5);
-}
+--color-title-head:#F2F5FF;
+--color-title-text:rgba(235,235,245,.65);
+--color-title-icon_arrow:rgba(235,235,245,.65);
+}}
 
-html[theme="dark"]{
+html {
 --height-toast-small:109px;
 --width-toast-small:120px;
 --width-toast-large:279px;
@@ -2948,10 +2987,11 @@ html[theme="dark"]{
 --spacing-toast-padding_x:20px;
 --spacing-toast-icon-margin_bottom:6px;
 --icon-toast-size:48px;
---color-toast-bg:rgba(72,72,74,.96);
+--color-toast-bg:rgba(0,0,0,.85);
 --color-toast-text:#ffffff;
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-toast-small:109px;
 --width-toast-small:120px;
 --width-toast-large:279px;
@@ -2960,11 +3000,11 @@ html{
 --spacing-toast-padding_x:20px;
 --spacing-toast-icon-margin_bottom:6px;
 --icon-toast-size:48px;
---color-toast-bg:rgba(0,0,0,.85);
+--color-toast-bg:#545458;
 --color-toast-text:#ffffff;
-}
+}}
 
-html[theme="dark"]{
+html {
 --height-upload-bg:96px;
 --width-upload-small:96px;
 --radius-upload-content:6px;
@@ -2973,14 +3013,15 @@ html[theme="dark"]{
 --spacing-upload-text-margin_top:6px;
 --icon-upload-size:32px;
 --icon-upload-close:16px;
---color-upload-bg:rgba(118,118,128,.14);
---color-upload-icon:rgba(255,255,255,.15);
---color-upload-text:rgba(235,235,245,.65);
+--color-upload-bg:#f7f8f9;
+--color-upload-icon:rgba(0,0,0,.15);
+--color-upload-text:rgba(0,0,0,.5);
 --color-upload-pdf-bg:rgba(235,92,49,.85);
 --color-upload-pdf-text:#ffffff;
 --color-upload-close_bg:rgba(0,0,0,.3);
 }
-html{
+@media (prefers-color-scheme: dark) {
+html {
 --height-upload-bg:96px;
 --width-upload-small:96px;
 --radius-upload-content:6px;
@@ -2989,10 +3030,10 @@ html{
 --spacing-upload-text-margin_top:6px;
 --icon-upload-size:32px;
 --icon-upload-close:16px;
---color-upload-bg:#f7f8f9;
---color-upload-icon:rgba(0,0,0,.15);
---color-upload-text:rgba(0,0,0,.5);
+--color-upload-bg:rgba(118,118,128,.1);
+--color-upload-icon:rgba(255,255,255,.15);
+--color-upload-text:rgba(235,235,245,.65);
 --color-upload-pdf-bg:rgba(235,92,49,.85);
 --color-upload-pdf-text:#ffffff;
 --color-upload-close_bg:rgba(0,0,0,.3);
-}
+}}