Newer
Older
HuangJiPC / src / styles / style.css
@zhangdeliang zhangdeliang on 21 Jun 3 KB update
:root {
  --bg-menu: #001446;
  --color-title: #3E5165;
  --color-text: #616E7C;
  --color-text-active: #006DF7;
  --bg-text-active: #006DF7;
  --color-table-head: #5E6B7B;
  --color-border: #fff;
  --color-beng: #6B84A0;
  --color-card: linear-gradient(90deg, #3078e5 0%, #61a0ff 100%);
  --color-border-result: #5f9be5;
  --color-Invert: black;
  --color-rgba1: #fcfdfe;
  --color-btn-bg-anal: #D5ECF7;
  --color-btn-bg-anal-active: #4CB8E9;
  --Maps-background: white;
  --OneMap-tables-odd: #dbeffe;
  --OneMao-font-color1: #314458;
  --color-rgba2: #c4d9f8;
  --color-rgba3: #fcfdfe;
  --OneMap-Left1BackgroundImg: url('@/assets/imgs/oneMapBoxs_Left1.png');
  --OneMap-Left2BackgroundImg: url('@/assets/imgs/oneMapBoxs_Left2.png');
  --OneMap-Left3BackgroundImg: url('@/assets/imgs/oneMapBoxs_Left3.png');
  --OneMap-Right1BackgroundImg: url('@/assets/imgs/oneMapBoxs_Right1.png');
  --OneMap-Right2BackgroundImg: url('@/assets/imgs/oneMapBoxs_Right2.png');
  --OneMap-BottomBackgroundImg: url('@/assets/imgs/oneMapBoxs_Bottom.png');
  --OneMap-Box_Title: #404c5a;
  --bg-left: linear-gradient(0deg, #f9fbfe 0%, #fcfcfd 100%);
  --bg-right: linear-gradient(0deg, rgba(249, 251, 253, 0.8) 0%, rgba(254, 254, 254, 0.9) 100%);
  --border-top: #21575b;
  --color-btn-text: #333;
  --color-btn-bg: #fff;
  --color-btn-text-a: #1B6AEF;
  --color-btn-bg-a: #DBEFFE;
  --color-odd: #dbeffe;
  --color-yunwei: #5E6B7B;
  --bg-shezhi: #bfc0c2;
  --bg-work: linear-gradient(90deg, rgba(9, 145, 253, 0.5) 0%, rgba(9, 124, 253, 0.3) 100%);
  --color-work-title: #2D3948;
  --color-work-border: #748ec8;
  --bg-table--odd: #B5D9F2;
  --Box-Background: #fcfdfd;
  --bg-icon: url('@/assets/Imgs/SlowMotionVideoSharp.png');
  --color-kaohe: rgba(196, 194, 194, 0.596);
}
:root[theme='dark'] {
  --bg-menu: #001446;
  --color-title: #FCFDFD;
  --color-text: #B9FCFF;
  --color-text-active: #A4FEFF;
  --bg-text-active: #006DF7;
  --color-table-head: #B9FCFF;
  --color-border: #58FDFF;
  --color-beng: #B2BECB;
  --color-card: linear-gradient(90deg, rgba(29, 160, 255, 0) 0%, rgba(29, 160, 255, 0.4) 100%);
  --color-border-result: #001446;
  --color-Invert: white;
  --color-rgba1: rgba(22, 63, 126, 0.4);
  --color-rgba2: rgba(7, 26, 65, 0.6);
  --color-rgba3: rgba(7, 26, 65, 0.7);
  --bg-left: linear-gradient(0deg, rgba(0, 20, 70, 0.486) 0%, rgba(0, 20, 70, 0.637) 100%);
  --bg-right: linear-gradient(0deg, rgba(185, 252, 255, 0.8) 0%, rgba(7, 26, 65, 0.8) 0%, rgba(7, 26, 65, 0.9) 100%);
  --border-top: #19FFFD;
  --color-btn-text: #fff;
  --color-btn-bg: #051935;
  --color-btn-text-a: #00FFFF;
  --color-btn-bg-a: #123560;
  --color-odd: #0B214E;
  --color-yunwei: #D3D3D4;
  --bg-shezhi: #0A3345;
  --bg-work: linear-gradient(90deg, rgba(9, 145, 253, 0.5) 0%, rgba(9, 124, 253, 0.3) 100%);
  --color-work-title: #58aedf;
  --color-work-border: #0F3EA1;
  --bg-table--odd: linear-gradient(0deg, rgba(7, 57, 158, 0.2) 0%, rgba(21, 63, 150, 0.2) 100%);
  --color-btn-bg-anal: rgba(22, 63, 126, 0.4);
  --Maps-background: black;
  --OneMap-tables-odd: #061A51;
  --OneMao-font-color1: #B9FCFF;
  --OneMap-Left1BackgroundImg: url('@/assets/imgs/oneMapBoxs_Left1_Black.png');
  --OneMap-Left2BackgroundImg: url('@/assets/imgs/oneMapBoxs_Left2_Black.png');
  --OneMap-Left3BackgroundImg: url('@/assets/imgs/oneMapBoxs_Left3_Black.png');
  --OneMap-Right1BackgroundImg: url('@/assets/imgs/oneMapBoxs_Right1_Black.png');
  --OneMap-Right2BackgroundImg: url('@/assets/imgs/oneMapBoxs_Right2_Black.png');
  --OneMap-BottomBackgroundImg: url('@/assets/imgs/oneMapBoxs_Bottom_Black.png');
  --OneMap-Box_Title: #FCFDFD;
  --Box-Background: #031729bb;
  --bg-icon: url('@/assets/Imgs/SlowMotionVideoSharp_dark.png');
  --color-kaohe: rgba(212, 212, 212, 0.658);
}