NEZ-1072 feat: 主题切换

nezha-fronted/src/components/common/project/topologyL5.vue

@@ -152,7 +152,7 @@
             </div>
           </div>
           <div :class="['page',fromOverView?'overview-page':'']" :style="{
-            border: fromOverView ? 'none' :`1px solid ${theme.rightBoxBorderColor}`
+            border: fromOverView ? 'none' :`1px solid ${theme.borderColorLight}`
           }">
             <!--画布部分-->
             <div :id="'topology-canvas' + topologyIndexF" :ref="'topology-canvas'+ topologyIndexF" class="full" @contextmenu="onContextMenu($event)"></div>
@@ -2209,153 +2209,3 @@ export default {
   }
 }
 </script>
-<style lang="scss">
-  .el-dropdown-menu {
-    .project-topology-add-node {
-      .el-collapse-item__header {
-        padding: 0 10px;
-        background-color: #ffffff;
-        height: 32px;
-      }
-
-      .el-collapse-item__header.is-active {
-        background: #F6F6F6;
-        ont-family: Roboto-Bold;
-        font-size: 14px;
-        color: #FA901C;
-        font-weight: 700;
-
-        el-collapse-item__arrow {
-          color: #666;
-        }
-      }
-
-      .el-collapse-item__wrap {
-        padding: 0 10px;
-        background-color: #ffffff;
-      }
-
-      .el-collapse-item__content {
-        padding: 12px 0px;
-        display: flex;
-        flex-wrap: wrap;
-        /*justify-content: space-around;*/
-      }
-
-      .el-card__body {
-        padding: 0;
-        height: 100%;
-      }
-
-      .handle {
-        position: absolute;
-        z-index: 2;
-      }
-
-      .buttons {
-        padding: 11px;
-        display: inline-block;
-        position: relative;
-        vertical-align: middle;
-        width: 26px;
-
-        .delIcon {
-          position: absolute;
-          width: 16px;
-          height: 16px;
-          border-radius: 10px;
-          font-size: 16px;
-          line-height: 16px;
-          text-align: center;
-          right: 2px;
-          top: 2px;
-          color: #fa901c;
-          display: none;
-          cursor: pointer;
-        }
-
-        a {
-          display: inline-block;
-          color: #314659;
-          width: 26px;
-          height: 26px;
-          text-align: center;
-          text-decoration: none !important;
-          cursor: pointer;
-          line-height: 26px;
-
-          .iconfont {
-            font-size: 24px;
-          }
-
-          img {
-            max-width: 26px;
-            max-height: 26px;
-          }
-
-          &:hover {
-            color: #1890ff;
-          }
-        }
-
-        .upload-icon-box {
-          .el-icon-plus {
-            font-size: 14px;
-            margin-bottom: 10px;
-          }
-
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          flex-direction: column;
-          width: 100%;
-          height: 100%;
-        }
-      }
-      .buttons{
-        border: 1px solid transparent;
-      }
-      .buttons:hover {
-        border-color: #fa901c;
-        .delIcon {
-          display: inline-block;
-        }
-      }
-    }
-
-    .avatar-uploader {
-      line-height: 30px;
-
-      .el-icon-plus {
-        font-size: 12px;
-        color: #FA901C;
-        margin: 0 8px 0 15px;
-      }
-
-      .el-upload--picture-card {
-        width: 100%;
-        height: 100%;
-        border: none;
-        color: #666;
-        font-size: 14px;
-        line-height: 30px;
-        text-align: left;
-      }
-
-      .el-upload--picture-card:hover, .el-upload:focus {
-        color: #666;
-      }
-    }
-
-    .avatar-uploader:active el-upload--picture-card {
-      color: #DB8B8B;
-    }
-
-    .avatar-uploader:active .el-upload--picture-card:hover, .avatar-uploader:active .el-upload:focus {
-      color: #DB8B8B;
-    }
-  }
-</style>
-<style lang="scss" scoped>
-  @import "../project/topology.scss";
-</style>