|
@@ -20,14 +20,13 @@ $titColor:#192233;
|
|
|
height: 40px;
|
|
|
font-size: 16px;
|
|
|
font-weight: 500;
|
|
|
- color: rgba(153,174,197,0.65);
|
|
|
- text-shadow: 0px 0px 4px rgba(39,69,201,0.5);
|
|
|
+ color: #757B8C;
|
|
|
margin-right: 8px;
|
|
|
line-height: 38px;
|
|
|
}
|
|
|
.frameText{
|
|
|
- color: #C7D2DF;
|
|
|
- text-shadow: 0px 0px 4px #0027D8;
|
|
|
+ color: #BFC1CB;
|
|
|
+ // text-shadow: 0px 0px 4px #0027D8;
|
|
|
}
|
|
|
.frame{
|
|
|
flex: 1;
|
|
@@ -36,10 +35,9 @@ $titColor:#192233;
|
|
|
text-indent: 15px;
|
|
|
font-size: 16px;
|
|
|
font-weight: 500;
|
|
|
- color: #91FDB9;
|
|
|
+ color: #246CF9;
|
|
|
line-height: 40px;
|
|
|
- text-shadow: 0px 0px 4px #0027D8;
|
|
|
- border: 1px solid #181E29;
|
|
|
+ border: 1px solid #3C4254;
|
|
|
box-sizing: border-box;
|
|
|
.errordata{
|
|
|
display: inline-block;
|
|
@@ -71,8 +69,7 @@ $titColor:#192233;
|
|
|
top: 4px;
|
|
|
}
|
|
|
.isflag{
|
|
|
- color: #ED7735;
|
|
|
- text-shadow: 0px 0px 4px rgba(39,69,201,0.5);
|
|
|
+ color: #FA2256;
|
|
|
}
|
|
|
.isblue{
|
|
|
color: #148CFA;
|
|
@@ -85,7 +82,7 @@ $titColor:#192233;
|
|
|
button{
|
|
|
width: 48px;
|
|
|
height: 28px;
|
|
|
- background: #91FDB9;
|
|
|
+ background: #246CF9;
|
|
|
border-radius: 2px 2px 2px 2px;
|
|
|
font-size: 16px;
|
|
|
font-weight: 400;
|
|
@@ -93,11 +90,11 @@ $titColor:#192233;
|
|
|
text-align: center;
|
|
|
border: none;
|
|
|
padding: 0;
|
|
|
- color: black;
|
|
|
- }
|
|
|
- button:hover{
|
|
|
- background: #69b889;
|
|
|
+ color: #FFFFFF;
|
|
|
}
|
|
|
+ // button:hover{
|
|
|
+ // background: #69b889;
|
|
|
+ // }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -131,8 +128,7 @@ $titColor:#192233;
|
|
|
line-height: 34px;
|
|
|
font-weight: 600;
|
|
|
letter-spacing: 1px;
|
|
|
- text-shadow: 0 0 2px #1753ce,0 0 2px #1753ce,0 0 2px #1753ce,0 0 2px #1753ce;
|
|
|
- color: white;
|
|
|
+ color: #E5E6ED;
|
|
|
}
|
|
|
|
|
|
.taskNo{
|
|
@@ -148,14 +144,12 @@ $titColor:#192233;
|
|
|
margin-left: auto;
|
|
|
font-size: 15px;
|
|
|
font-weight: 600;
|
|
|
- color: rgba(255,255,255,0.85);
|
|
|
+ color: #BFC1CB;
|
|
|
line-height: 34px;
|
|
|
- text-shadow: 0px 0px 4px #0027D8;
|
|
|
cursor: pointer;
|
|
|
font{
|
|
|
text-decoration: underline;
|
|
|
- color: #91FDB9;
|
|
|
- text-shadow: 0px 0px 4px #0027D8;
|
|
|
+ color: #246CF9;
|
|
|
margin-right: 16px;
|
|
|
}
|
|
|
}
|
|
@@ -163,7 +157,6 @@ $titColor:#192233;
|
|
|
}
|
|
|
.bottom{
|
|
|
width: 100%;
|
|
|
- border: #181E29 solid 1px;
|
|
|
border-top:none;
|
|
|
height: 230px;
|
|
|
box-sizing: border-box;
|
|
@@ -171,6 +164,7 @@ $titColor:#192233;
|
|
|
padding-top:0;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
+ background-color: #1E1F25;
|
|
|
.list{
|
|
|
display: flex;
|
|
|
.plcConnect{
|
|
@@ -259,7 +253,7 @@ $titColor:#192233;
|
|
|
flex-direction: column;
|
|
|
.TaskFoot{
|
|
|
height: 184px;
|
|
|
- border: #181E29 solid 1px;
|
|
|
+ background-color: #1E1F25;
|
|
|
border-top:none;
|
|
|
box-sizing: border-box;
|
|
|
padding: 16px;
|
|
@@ -289,22 +283,22 @@ $titColor:#192233;
|
|
|
span:first-child{
|
|
|
font-size: 16px;
|
|
|
font-weight: 500;
|
|
|
- color: #ED7735;
|
|
|
+ color: #FA2256;
|
|
|
line-height: 21px;
|
|
|
- text-shadow: 0px 0px 4px rgba(39,69,201,0.5);
|
|
|
+ // text-shadow: 0px 0px 4px rgba(39,69,201,0.5);
|
|
|
}
|
|
|
.time{
|
|
|
font-size: 16px;
|
|
|
font-weight: 500;
|
|
|
- color: #99AEC5;
|
|
|
+ color: #757B8C;
|
|
|
line-height: 19px;
|
|
|
- text-shadow: 0px 0px 4px #0027D8;
|
|
|
+ // text-shadow: 0px 0px 4px #0027D8;
|
|
|
font{
|
|
|
font-size: 15px;
|
|
|
font-weight: 500;
|
|
|
- color: #91FDB9;
|
|
|
+ color: #246CF9;
|
|
|
line-height: 21px;
|
|
|
- text-shadow: 0px 0px 4px #0027D8;
|
|
|
+ // text-shadow: 0px 0px 4px #0027D8;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -320,19 +314,19 @@ $titColor:#192233;
|
|
|
width: 100%;
|
|
|
height: 8px;
|
|
|
margin-top: 4px;
|
|
|
- background: #99AEC5;
|
|
|
+ background: #3C4254;
|
|
|
border-radius: 8px;
|
|
|
.bar-green{
|
|
|
position: relative;
|
|
|
height: 8px;
|
|
|
border-radius: 8px;
|
|
|
- background-color: #91FDB9;
|
|
|
+ background-color: #246CF9;
|
|
|
.bar-percent{
|
|
|
width: 38px;
|
|
|
height: 22px;
|
|
|
- background: #91FDB9;
|
|
|
+ background: #246CF9;
|
|
|
border-radius: 27px;
|
|
|
- color: black;
|
|
|
+ color: white;
|
|
|
font-size: 12px;
|
|
|
text-align: center;
|
|
|
line-height: 22px;
|
|
@@ -349,12 +343,12 @@ $titColor:#192233;
|
|
|
.count-step{
|
|
|
width: 44px;
|
|
|
font-size: 15px;
|
|
|
- color: rgba(153,174,197,0.65);
|
|
|
- text-shadow: 0px 0px 4px rgba(39,69,201,0.5);
|
|
|
+ color: #757B8C;
|
|
|
+ // text-shadow: 0px 0px 4px rgba(39,69,201,0.5);
|
|
|
letter-spacing: 1px;
|
|
|
font-weight: 500;
|
|
|
font{
|
|
|
- color: #91FDB9;
|
|
|
+ color: #246CF9;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -362,19 +356,20 @@ $titColor:#192233;
|
|
|
.Exchange-battery{
|
|
|
flex: 1;
|
|
|
height: 150px;
|
|
|
- background: rgb(25, 34, 51,0.55);
|
|
|
+ // background: rgb(25, 34, 51,0.55);
|
|
|
margin-top: 16px;
|
|
|
display: flex;
|
|
|
padding: 16px;
|
|
|
box-sizing: border-box;
|
|
|
position: relative;
|
|
|
flex-direction: column;
|
|
|
+ border: #3C4254 solid 1px;
|
|
|
.character{
|
|
|
width: 5px;
|
|
|
height: 5px;
|
|
|
position: absolute;
|
|
|
- left:-1px;
|
|
|
- top: -1px;
|
|
|
+ left:-2px;
|
|
|
+ top: -2px;
|
|
|
background-image: url('./assets/character.png');
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
@@ -382,16 +377,16 @@ $titColor:#192233;
|
|
|
display: flex;
|
|
|
span{
|
|
|
font-weight: 400;
|
|
|
- color: #91FDB9;
|
|
|
+ color: #246CF9;
|
|
|
font-size: 16px;
|
|
|
line-height: 28px;
|
|
|
margin-left: 12px;
|
|
|
}
|
|
|
.leftBtn{
|
|
|
padding: 3px 8px;
|
|
|
- background: #263042;
|
|
|
+ background: #282C38;
|
|
|
font-weight: 400;
|
|
|
- color: #C7D2DF;
|
|
|
+ color: #757B8C;
|
|
|
font-size: 15px;
|
|
|
height: 28px;
|
|
|
margin: 0;
|
|
@@ -407,9 +402,9 @@ $titColor:#192233;
|
|
|
}
|
|
|
.info-btn{
|
|
|
padding: 3px 8px;
|
|
|
- background: #263042;
|
|
|
+ background: #282C38;
|
|
|
font-weight: 400;
|
|
|
- color: #C7D2DF;
|
|
|
+ color: #BFC1CB;
|
|
|
font-size: 15px;
|
|
|
height: 28px;
|
|
|
margin: 0;
|
|
@@ -421,8 +416,8 @@ $titColor:#192233;
|
|
|
}
|
|
|
}
|
|
|
.active{
|
|
|
- background: #91FDB9;
|
|
|
- color: #010101;
|
|
|
+ background: #246CF9;
|
|
|
+ color: #FFFFFF;
|
|
|
}
|
|
|
}
|
|
|
.battery-detail{
|
|
@@ -442,9 +437,9 @@ $titColor:#192233;
|
|
|
.text{
|
|
|
font-size: 16px;
|
|
|
font-weight: 500;
|
|
|
- color: rgba(153,174,197,0.65);
|
|
|
- text-shadow: 0px 0px 4px rgba(39,69,201,0.65);
|
|
|
- margin-left: 18px;
|
|
|
+ color: #757B8C;
|
|
|
+ // text-shadow: 0px 0px 4px rgba(39,69,201,0.65);
|
|
|
+ // margin-left: 18px;
|
|
|
line-height: 32px;
|
|
|
}
|
|
|
.frame{
|
|
@@ -454,10 +449,10 @@ $titColor:#192233;
|
|
|
text-indent: 15px;
|
|
|
font-size: 16px;
|
|
|
font-weight: 500;
|
|
|
- color: #C7D2DF;
|
|
|
+ color: #BFC1CB;
|
|
|
line-height: 40px;
|
|
|
- text-shadow: 0px 0px 4px #0027D8;
|
|
|
- border: 1px solid #273056;
|
|
|
+ // text-shadow: 0px 0px 4px #0027D8;
|
|
|
+ border: 1px solid #3C4254;
|
|
|
box-sizing: border-box;
|
|
|
.shinning{
|
|
|
position: absolute;
|
|
@@ -476,14 +471,14 @@ $titColor:#192233;
|
|
|
.Progress-btn{
|
|
|
width: 92px;
|
|
|
height: 92px;
|
|
|
- background: #91FDB9;
|
|
|
border-radius: 4px;
|
|
|
font-weight: 600;
|
|
|
- color: #000000;
|
|
|
+ color: #FFFFFF;
|
|
|
line-height: 92px;
|
|
|
font-size: 32px;
|
|
|
margin-top: 46px;
|
|
|
text-align: center;
|
|
|
+ background: linear-gradient(180deg, #0522AC 0%, rgba(52,56,76,0) 100%);
|
|
|
}
|
|
|
.Fire{
|
|
|
line-height: 36px;
|
|
@@ -558,9 +553,9 @@ $titColor:#192233;
|
|
|
display: flex;
|
|
|
.leftBtn{
|
|
|
padding: 3px 8px;
|
|
|
- background: #263042;
|
|
|
+ background: #282C38;
|
|
|
font-weight: 400;
|
|
|
- color: #C7D2DF;
|
|
|
+ color: #757B8C;
|
|
|
font-size: 15px;
|
|
|
height: 28px;
|
|
|
margin: 0;
|
|
@@ -575,17 +570,17 @@ $titColor:#192233;
|
|
|
border-radius: 0px 2px 2px 0px;
|
|
|
}
|
|
|
.active{
|
|
|
- background: #91FDB9;
|
|
|
- color: #010101;
|
|
|
+ background: #246CF9;
|
|
|
+ color: #FFFFFF;
|
|
|
}
|
|
|
}
|
|
|
.handle-group{
|
|
|
display: flex;
|
|
|
button{
|
|
|
margin-left: 16px;
|
|
|
- background: #263042;
|
|
|
+ background: #282C38;
|
|
|
padding: 3px 8px;
|
|
|
- color: #C7D2DF;
|
|
|
+ color: #757B8C;
|
|
|
border-radius: 2px;
|
|
|
border: 0;
|
|
|
font-size: 15px;
|
|
@@ -611,13 +606,14 @@ $titColor:#192233;
|
|
|
}
|
|
|
.store-container{
|
|
|
height: 368px;
|
|
|
- background: rgb(25, 34, 51,0.55);
|
|
|
+ background:#1E1F25;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
.title{
|
|
|
width: 100%;
|
|
|
height: 34px;
|
|
|
display: flex;
|
|
|
+ background-color: #192233;
|
|
|
.icon{
|
|
|
width: 28px;
|
|
|
height: 18px;
|
|
@@ -632,8 +628,8 @@ $titColor:#192233;
|
|
|
line-height: 34px;
|
|
|
font-weight: 600;
|
|
|
letter-spacing: 2px;
|
|
|
- text-shadow: 0 0 2px #1753ce,0 0 2px #1753ce,0 0 2px #1753ce,0 0 2px #1753ce;
|
|
|
- color: white;
|
|
|
+ // text-shadow: 0 0 2px #1753ce,0 0 2px #1753ce,0 0 2px #1753ce,0 0 2px #1753ce;
|
|
|
+ color: #E5E6ED;
|
|
|
}
|
|
|
.battery-count{
|
|
|
display: flex;
|
|
@@ -663,7 +659,7 @@ $titColor:#192233;
|
|
|
font-size: 18px;
|
|
|
font-family: Roboto-Medium, Roboto;
|
|
|
font-weight: 500;
|
|
|
- color: #91FDB9;
|
|
|
+ color: #246CF9;
|
|
|
line-height: 24px;
|
|
|
text-align: center;
|
|
|
margin-top: 6px;
|
|
@@ -675,14 +671,14 @@ $titColor:#192233;
|
|
|
margin-right: 16px;
|
|
|
button{
|
|
|
padding: 3px 8px;
|
|
|
- background: #263042;
|
|
|
+ background: #282C38;
|
|
|
font-weight: 400;
|
|
|
- color: #C7D2DF;
|
|
|
+ color: #757B8C;
|
|
|
font-size: 15px;
|
|
|
height: 28px;
|
|
|
margin: 0;
|
|
|
margin-left: 16px;
|
|
|
- margin-top: 10px;
|
|
|
+ margin-top: 2px;
|
|
|
border: 0;
|
|
|
border-radius: 2px;
|
|
|
cursor: pointer;
|
|
@@ -691,8 +687,8 @@ $titColor:#192233;
|
|
|
}
|
|
|
}
|
|
|
.active{
|
|
|
- background: #91FDB9;
|
|
|
- color: black;
|
|
|
+ background: #246CF9;
|
|
|
+ color: white;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -705,7 +701,7 @@ $titColor:#192233;
|
|
|
.battery-info{
|
|
|
width: 158px;
|
|
|
height: 300px;
|
|
|
- background: #1C263A;
|
|
|
+ background: #282C38;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
cursor: pointer;
|
|
@@ -729,10 +725,10 @@ $titColor:#192233;
|
|
|
.battery-number{
|
|
|
margin-right: auto;
|
|
|
font-size: 16px;
|
|
|
- color: #FFFFFF;
|
|
|
+ color: #E5E6ED;
|
|
|
margin-left: 10px;
|
|
|
- border-left: #1C263A solid 1px;
|
|
|
- border-right: #1C263A solid 1px;
|
|
|
+ // border-left: #1C263A solid 1px;
|
|
|
+ // border-right: #1C263A solid 1px;
|
|
|
}
|
|
|
}
|
|
|
.battery-center{
|
|
@@ -869,23 +865,23 @@ $titColor:#192233;
|
|
|
.log-detail{
|
|
|
display: flex;
|
|
|
font-size: 16px;
|
|
|
- color: #C7D2DF;
|
|
|
+ color: #757B8C;
|
|
|
font-weight: 500;
|
|
|
.logRed{
|
|
|
- color: #ED7735;
|
|
|
+ color: #FA2256;
|
|
|
}
|
|
|
.log-icon{
|
|
|
width: 13px;
|
|
|
height: 13px;
|
|
|
- box-shadow: 0px 0px 4px 0px #738AB5;
|
|
|
- border: 2px solid #7F97C5;
|
|
|
+ // box-shadow: 0px 0px 4px 0px #738AB5;
|
|
|
+ border: 2px solid #246CF9;
|
|
|
border-radius: 50%;
|
|
|
margin-right: 5px;
|
|
|
margin-top: 2px;
|
|
|
}
|
|
|
.log-icon-active{
|
|
|
- border: 2px solid #ED7735;
|
|
|
- box-shadow: 0px 0px 4px 0px #ED7735;
|
|
|
+ border: 2px solid #FA2256;
|
|
|
+ // box-shadow: 0px 0px 4px 0px #ED7735;
|
|
|
}
|
|
|
.log-mr{
|
|
|
margin-right:22px;
|
|
@@ -898,13 +894,13 @@ $titColor:#192233;
|
|
|
|
|
|
}
|
|
|
.log-actve{
|
|
|
- color: #ED7735;
|
|
|
+ color: #FA2256;
|
|
|
}
|
|
|
.line{
|
|
|
width: 0px;
|
|
|
// height: 30px;
|
|
|
- box-shadow: 0px 0px 4px 0px #738AB5;
|
|
|
- border-left: 1px solid #7F97C5;
|
|
|
+ // box-shadow: 0px 0px 4px 0px #738AB5;
|
|
|
+ border-left: 1px solid #246CF9;
|
|
|
margin-left: 6px;
|
|
|
position: absolute;
|
|
|
height: calc(100% - 13px);
|
|
@@ -912,8 +908,8 @@ $titColor:#192233;
|
|
|
top: 13px;
|
|
|
}
|
|
|
.line-actve{
|
|
|
- border-left: 1px solid #ED7735;
|
|
|
- box-shadow: 0px 0px 4px 0px #ED7735;
|
|
|
+ border-left: 1px solid #FA2256;
|
|
|
+ // box-shadow: 0px 0px 4px 0px #ED7735;
|
|
|
}
|
|
|
}
|
|
|
:last-child .line{
|