body.dark {
	--head-color: #fff;
	--stext-color: #fff;
	--text-color: #fff;
	--wtitile-color: #fff;
	--wtext-color: #fff;
	--bg-color: transparent;
	--border-color: #333;
	--box-color: transparent;
	--box-color2: #222;
	--blog-color: #fff;
	--wrap-color: #1C1C1C;
	--cat-color: var(--pri-color);
	--cat-text-color: #fff;
	/* header */
	--headbg-color: #000;
	--headmenu-color: #fff;
	/* footer  */
	--ftbackcolor: #111;
	--ftwtitile-color: #fff;
	--ftwtext-color: #999;
	--bxsh: 0 1px 3px rgba(185, 185, 185, 0.15);
	--bxshover: 0 4px 60px 0 rgba(185, 185, 185, 0.2);
	--bxbr: 3px solid #fff;
	--bg-popup: #222;
	--head-bodr: #4a4a4a;
	/*custom color*/
	--bg-popup: #222;
	--head-bodr:#4a4a4a;
	--Brand-Brand: #00BDDE;
	--Brand-Brand-Hover: #00D9FF;
	--Brand-Brand-Secondary: #9CF0FF;
	--Brand-Brand-Secondary-Hover: #E8FFFF;
	--Brand-Brand-Tertiary: #008CAB;
	--Brand-Brand-Tertiary-Hover: #00ADCB;
	--Brand-Brand-Trans10: rgba(0, 189, 222, 0.1);
  
	--Background-Bg-0: #141516;
	--Background-Bg-1: #181A1D;
	--Background-Bg-2: #1C1F24;
	--Background-Bg-3: #23282F;
	--Background-Bg-4: #353C45;
	--Background-Bg-5: #515A67;
	--Background-Bg-Reversal: #FFFFFF;
	--Background-Bg-Reversal-Hover: #DCE0E5;
	--Background-Bg-Popup: #181A1D;
	--Background-Bg-Disabled: #1C1F24;
  
  --text-icon-text-primary: #F9FAFB;
  --text-icon-text-secondary: #C6CCD2;
  --text-icon-text-tertiary: #778390;
  --text-icon-text-default: #515A67;
  --text-icon-text-disabled: #353C45;
  --text-icon-text-on-button: #141516;
  --text-icon-text-white-fixed: #FFFFFF;
  --text-icon-text-black-fixed: #141516;
  
  --Border-Border-Default: #353C45;
  --Border-Border-Thin: #23282F;
  
  --State-Positive-Positive-Light: #C5EFD8;
  --State-Positive-Positive-Default: #28BC6A;
  --State-Positive-Positive-Bg: #1B2824;
  --State-Positive-Positive-Trans10: #2EBC6C1A;
  --State-Notice-Warning-Light: #FEF8EB;
  --State-Notice-Notice-Default: #F6B331;
  --State-Notice-Notice-Bg: #2F2A21;
  --State-Notice-Notice-Trans10: #F6BA471A;
  --State-Negative-Negative-Light: #F9DADB;
  --State-Negative-Negative-Default: #F64C4A;
  --State-Negative-Negative-Bg: #2D1E21;
  --State-Negative-Negative-Trans10: #F64C4A1A;
  --State-Warning-Default: #FECA39;
  
  --Decoration-Pink: #EE4E68;
  --Decoration-Pink-Trans10: #EE4E681A;
  --Decoration-Blue: #466FF7;
  --Decoration-Blue-Trans10: #466FF71A;
  --Decoration-Purple: #7E5EF7;
  --Decoration-Purple-Trans10: #7E5EF71A;
  --Decoration-Yellow: #F6B331;
  --Decoration-Yellow-Trans10: #F6BA471A;
  --Decoration-Orange: #F5693D;
  --Decoration-Orange-Trans10: #F5693D1A;
  
  --Trans-Trans-1: #18191D4D;
  --Trans-Trans-2: #23262F4D;
  --Trans-Trans-3: #3F43524D;
  
  --Banner-btn-wrap-border1: #424243;
  --Banner-btn-wrap-border2: #141516;
  --Banner-btn-wrap-bg1: #1D1E1F;
  --Banner-btn-wrap-bg2: #141516;
  
  --app--Brand-Brand: #00D9FF;
  --app--Background-Bg-0: #000000;
  --app--Background-Bg-1: #070808;
  --app--Background-Bg-2: #18191B;
  --app--Background-Bg-3: #1F2023;
  --app--Background-Bg-4: #151717;
  --app--Background-Bg-5: #252A2D;
  --app--Background-Bg-Popup: #131516;
  --app--Border-Border-Default: #1F2023;
  --app--text-icon-text-primary: #FFFFFF;
  --app--text-icon-text-secondary: #808080;
  --app--text-icon-text-tertiary: #A0A3A7;
  --app--text-icon-text-on-button: #070808;
  --app--text-icon-text-white-fixed: #FFFFFF;
  --app--text-icon-text-black-fixed: #070808;
  --trade-chart-trade-green-normal:#7FE9FA;
}