|
@@ -2,51 +2,80 @@
|
|
|
|
|
|
#appBody.light {
|
|
|
// 状态监视
|
|
|
- .status-panel .status-com-panel {
|
|
|
- .panel-body {
|
|
|
- padding: 0;
|
|
|
- .p-body {
|
|
|
- .item-box .data-item {
|
|
|
- background-color: @white;
|
|
|
- border-top: 1px solid @gray-3;
|
|
|
- .f3,
|
|
|
- .f5 {
|
|
|
- color: @deepblue;
|
|
|
- }
|
|
|
- &.light {
|
|
|
- &:first-child {
|
|
|
- background-color: @gray-3;
|
|
|
-
|
|
|
- div {
|
|
|
- color: @black;
|
|
|
+ .status-panel {
|
|
|
+ .pause{
|
|
|
+ color:@white;
|
|
|
+ background-color: fade(@deepblue,40);
|
|
|
+ }
|
|
|
+ .status-com-panel {
|
|
|
+ .panel-body {
|
|
|
+ padding: 0;
|
|
|
+ .p-body {
|
|
|
+ .item-box .data-item {
|
|
|
+ background-color: @white;
|
|
|
+ border-top: 1px solid @gray-3;
|
|
|
+ .f3,
|
|
|
+ .f5 {
|
|
|
+ color: @deepblue;
|
|
|
+ }
|
|
|
+ &.light {
|
|
|
+ &:first-child {
|
|
|
+ background-color: @gray-3;
|
|
|
+
|
|
|
+ div {
|
|
|
+ color: @black;
|
|
|
+ }
|
|
|
+ &::after {
|
|
|
+ background-color: @deepblue;
|
|
|
+ }
|
|
|
}
|
|
|
&::after {
|
|
|
- background-color: @deepblue;
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+ div {
|
|
|
+ &.f3,
|
|
|
+ &.f5 {
|
|
|
+ color: @deepblue;
|
|
|
+ }
|
|
|
+ color: @gray;
|
|
|
}
|
|
|
+ background-color: @white;
|
|
|
}
|
|
|
- &::after {
|
|
|
- background-color: transparent;
|
|
|
+ }
|
|
|
+ .category-box {
|
|
|
+ width: 100%;
|
|
|
+ background-color: @white;
|
|
|
+ transition: @transition;
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 0.37vh;
|
|
|
+ .score span {
|
|
|
+ color: @deepblue;
|
|
|
+ background-color: fade(@deepblue, 10%);
|
|
|
+ border: 0.093vh solid @deepblue;
|
|
|
}
|
|
|
- div {
|
|
|
- &.f3,
|
|
|
- &.f5 {
|
|
|
+ .category-item{
|
|
|
+ .green{
|
|
|
+ color:rgb(6,186,76) ;
|
|
|
+ }
|
|
|
+ .purple{
|
|
|
color: @deepblue;
|
|
|
}
|
|
|
- color: @gray;
|
|
|
+ .yellow{
|
|
|
+ color:rgb(249,222,89) ;
|
|
|
+ }
|
|
|
+ .orange{
|
|
|
+ color: rgb(225,125,37);
|
|
|
+ }
|
|
|
+ .red{
|
|
|
+ color: rgb(186,49,56);
|
|
|
+ }
|
|
|
+ .blue{
|
|
|
+ color: rgb(20,40,233);
|
|
|
+ }
|
|
|
+ .gray{
|
|
|
+ color: #606769;
|
|
|
+ }
|
|
|
}
|
|
|
- background-color: @white;
|
|
|
- }
|
|
|
- }
|
|
|
- .category-box {
|
|
|
- width: 100%;
|
|
|
- background-color: @white;
|
|
|
- transition: @transition;
|
|
|
- display: flex;
|
|
|
- margin-bottom: 0.37vh;
|
|
|
- .score span {
|
|
|
- color: @deepblue;
|
|
|
- background-color: fade(@deepblue, 10%);
|
|
|
- border: 0.093vh solid @deepblue;
|
|
|
}
|
|
|
}
|
|
|
}
|