MTP2.0_WEB/src/assets/styles/variables.less

// 公共样式和变量
@import 'mixin';
@import 'theme.less';

@m-grey0: #364048;
@m-grey1: #7a8a94;
@m-grey2: #88a0ae;
@m-grey3: #ccc;
@m-grey4: #333333;
@m-grey5: #363F45;
@m-grey6: #272F36;
@m-grey7: #171A1B;
@m-grey8: #272E32;
@m-grey9: #252D34;
@m-grey10: #394753;
@m-grey11: #0F1A25;
@m-grey12: #343D46;
@m-grey12-hover: rgba(@m-grey12, .8);
@m-grey13: #38444F;
@m-grey13-hover: rgba(@m-grey13, .8);
@m-grey14: #2B3F52;
@m-grey15: #455773;
@m-grey15-hover: rgba(@m-grey15, .8);
@m-grey16: #405066;
@m-grey16-hover: rgba(@m-grey16, .8);
@m-grey17: #556772;
@m-grey18: #1D2327;
@m-grey19: #162534;
@m-grey20: #1B2A38;
@m-grey21: #15202B;
@m-grey22: #424E59;
@m-grey22-hover: rgba(@m-grey22, .8);
@m-grey23: #48545F;
@m-red0: #ff4d4f;
@m-red1: #FF2B2B;
@m-white: #fff;
@m-white1: #FEFEFE;
@m-black0: #242a2e;
@m-black1: #181e22;
@m-black2: #0E0E0F;
@m-black3: #4D5A64;
@m-black4: #14181B;
@m-black5: #121415;
@m-black6: #1B2F41;
@m-black7: #15293A;
@m-black8: #212629;
@m-black9: #161A1C;
@m-black10: #121618;
@m-black11: #0B1620;
@m-black12: #13202D;
@m-black13: #08131F;
@m-blue0: #3a87f7;
@m-blue0-hover: rgba(@m-blue0, .8);
@m-blue1: #4885eb;
@m-blue2: #3270d2;
@m-blue2-hover: rgba(@m-blue2, .8);
@m-blue3: #172B56;
@m-blue4: #112C43;
@m-blue5: #084258;
@m-blue6: #26487C;
@m-blue6-hover: rgba(@m-blue6, .8);
@m-blue7: #29538C;
@m-blue7-hover: rgba(@m-blue7, .8);
@m-blue8: #3163BA;
@m-blue8-hover: rgba(@m-blue8, .8);
@m-blue9: #4179DB;
@m-blue9-hover: rgba(@m-blue9, .8);
@m-blue10: #0C95FF;
@m-blue11: #1271BA;
@m-blue12: #1556B5;
@m-blue13: #193778;
@m-blue14: #1D2F3F;
@m-blue15: #0D8AEB;
@m-blue16: #334c5c;
@m-blue17: #1F3245;
@m-blue18: #1b3356;
@m-blue19: #102442;
@m-blue20: #122d55;
@m-blue21: #102e45;
@body-bg: #e9eef3;
@m-white0: #ffffff;
@m-white0-hover: rgba(@m-white0, .8);
@m-white1: #E5E5E5;
@m-green0: #1FF195;
@m-green1: #10251d;
@m-red0: #FF5C6F;
@m-red0-hover: rgba(@m-red0, .8);
@m-red1: #FB7F75;
@m-red2: #271112;
@m-red1-hover: rgba(@m-red1, .8);
@m-yellow0: #FF9600;
@m-yellow1: #FC9618;
@m-orange0: #F52929;

@font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

//高度设置
@bottomHeight: 330px;

/*滚动条样式*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: @m-grey8;
}

::-webkit-scrollbar-button {
    background-color:  @m-grey7;
}

::-webkit-scrollbar-track-piece {
    background-color:  @m-grey7;
}

::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-corner {
    background-color:  @m-grey7;
}