: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: rgba(252, 253, 254, 1); --color-btn-bg-anal: #D5ECF7; --color-btn-bg-anal-active: #4CB8E9; // 地图四边阴影 --Maps-background: white; // 综合一张图 --OneMap-tables-odd: #dbeffe; --OneMao-font-color1: #314458; --color-rgba2: rgba(196, 217, 248, 1); --color-rgba3: rgba(252, 253, 254, 1); --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, rgba(249, 251, 254, 1) 0%, rgba(252, 252, 253, 1) 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, .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, .4); --color-rgba2: rgba(7, 26, 65, .6); --color-rgba3: rgba(7, 26, 65, .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, .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, .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); }