Newer
Older
HuangJiPC / src / styles / style.less
@zhangdeliang zhangdeliang on 21 Jun 4 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: 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);

}