zhgdyun/src/assets/style/var.less

// @import "./theme.less";
@--color-primary: #5181F6;
// @--color-primary: #51f6b7;
@--color-primary-deep: #4181FE;
@--color-primary2: #F49006;
@--color-primary3: #44D7B6;
@--color-primary4: #F67F51;
@--color-primary5: #7851F6;

@--color-black: #262D47;

@--bg-color-primary: #262D47;
@--bg-color-primary2: #ffffff;
@blockBG: #ffffff;
@borderColor: rgba(81, 129, 246, 0.15);

.theme-grey {
    @blockBG: #131A3E;
    
    #app,
    .el-form-item__label,
    .el-pagination__total,
    .el-dialog__title,
    .pageTitle {
        color: #fff;
    }

    .el-table th,.el-radio,.el-tree {
        color: rgba(255, 255, 255, 0.9);
    }

    .el-table td,
    .cancleBtn,
    .placeholderBox {
        color: rgba(255, 255, 255, 0.7);
    }
    .cancleBtn{
        background-color: transparent;
    }
    .searchBox,
    .whiteBlock,
    .el-table th,
    .el-table td,
    .el-dialog,
    .hasVedio.areaTreeBox .areaTreeInner {
        background: @blockBG;
    }

    .tables.el-table tr:nth-child(2n-1) td {
        background-color: #16204A;
    }

    .pageContainer {
        background-color: #030000;
    }

    .menuBox ul {
        background-color: #262D47;

        .el-menu-item {
            color: #fff;
        }
    }

    .pages .el-input__inner,
    .el-textarea__inner {
        background-color: rgba(3, 1, 1, 0.24);
        border: 1px solid rgba(58, 123, 255, 0.33);
        color: #fff;
    }
    .el-range-input{
        background-color: rgba(3, 1, 1, 0.24);
        color: #fff;
    }
    .pagerBox {
        .el-pager li.active {
            background-color: @--bg-color-primary !important;
        }
    }

    .el-input.is-disabled .el-input__inner {
        background-color: #142a4c;
        border-color: rgba(58, 123, 255, 0.2);
    }

    .hasVedio.areaTreeBox {
        .treeBox {
            background-color: #252d52;

        }

        .el-tree {
            color: #fff;
        }

        /deep/.el-tree-node__expand-icon {
            color: rgba(255, 255, 255, 0.3);
        }
    }

    .onoffBtn {
        background-color: #25293a;
    }

    .companyDiagramBox {
        .companyItem {
            box-shadow: 0px 2px 6px 0px rgba(58, 66, 167, 0.43);

            &.active {
                box-shadow: 0px 2px 8px 0px rgba(58, 66, 167, 0.43);
            }
        }

        .projectBox {
            border-color: rgba(255, 255, 255, 0.08);

            .left {
                border-right-color: rgba(255, 255, 255, 0.08);
            }
        }

        .accountBox {
            background-color: #222d52;
        }
    }

    .cooperator {
        .title {
            border-bottom-color: rgba(255, 255, 255, 0.12) !important;
        }

        .left {
            .el-menu-item2 {
                border-bottom-color: rgba(255, 255, 255, 0.12);
            }

            .checked_item {
                background-color: rgba(81, 129, 246, 0.15) !important;
            }
        }

    }

    .extendInfo,
    .baseInfo {
        .custom_tab {

            .width_35,
            .bg_color {
                background: rgba(75, 94, 156, 0.1);
            }

            .title {
                background: #272F4A;
            }
        }
    }
    .laborComponent{
        .addFirm{
            background-color: #272F4A;
            border-top-color: @borderColor;
        }
        .right .title,.laborComponent_table_wrap .search_wrap{
            border-bottom-color: @borderColor;
        }   
        .right .team_list .list_wrap .list{
            background-color: rgba(39, 47, 74, 1);
        }
    }
    .personManage{
        .el-menu-demo{
            border-bottom-color: @borderColor;
            .el-menu-item{
                &:hover{
                    color: rgba(255, 255, 255, 0.7);
                }
            }
        }
    }
    .positionPage{
        .addFirm{
            background-color: #272F4A;
            border-top-color: @borderColor;
        }  
        .title{
            border-bottom-color: @borderColor;
        }
        .floorBox{
            li{
                border-color: rgba(255, 255, 255, 0.5);
                &.active {
                    background-color: transparent;
                    // color: #fff;
                    border-color: @--color-primary-deep;
                }
            }
        }
    }
    .zdy-tree>li:nth-child(even){
        background-color: #272F4A;
    }
    .messageOverview .center .state{
        border-right-color: rgba(243, 245, 253, 0.14);
      }
      .administration .right .title,.administration .right .laborComponent_table_wrap .search_wrap,.temporary .title_wrap,.temporary .placeholder{
          border-bottom-color: @borderColor;
      }
      .administration .right .team_list .list_wrap .list{
        background-color: rgba(39, 47, 74, 1);
      }
}
.__rail-is-horizontal{
    z-index: 3!important;
}