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-grey24: #444444;
@m-grey25: #3b444a;
@m-grey26: #343e48;
@m-grey27: #34444E;


@m-black: rgba(0, 0, 0, 0);
@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-black14: #1F262B;
@m-black15: #0f161c;
@m-black16: #181d1f;
@m-black17: #2E3539;
@m-black18: rgba(18, 22, 24, 0.36);
@m-black19: rgb(26 187 207 / 20%);
@m-black20: #4b5861;
@m-black21: #070808;
@m-black22: #1d2f3f;
@m-black23: #173025;
@m-black24: #2c3e50;
@m-black25: #282e34;
@m-black26: #192125;
@m-black27: #0E1A25;


@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;
@m-blue22: #0e2f4c;
@m-blue23: #223F7E;
@m-blue24: #2484FC;

@body-bg: #e9eef3;
@m-white0: #ffffff;
@m-white0-hover: rgba(@m-white0, .8);
@m-white1: #E5E5E5;
@m-white2: rgb(240, 240, 240);
@m-white3: rgb(54 187 207);
@m-white4: #FEFEFE;
@m-white5: #fffefe;


@m-green0: #1FF195;
@m-green1: #10251d;
@m-green2: rgb(26, 187, 207);
@m-green3: #1abbcf;
@m-green4: #1ee18c;
@m-green5: #42b983;

@m-red0: #ff4d4f;
@m-red0-hover: rgba(@m-red0, .8);
@m-red1: #FF2B2B;
@m-red1-hover: rgba(@m-red1, .8);
@m-red2: #271112;
@m-red3: #ff2b2f;
@m-red4: #2c1b1b;
@m-red5: #691010;
@m-red6: #422b0d;
@m-red7: #f52b2b;
@m-red8: #f12a2d;
@m-red9: #FF5C6F;
@m-red9-hover: rgba(@m-red9, .8);
@m-red10: #FB7F75;
@m-red10-hover: rgba(@m-red10, .8);

@m-yellow0: #FF9600;
@m-yellow1: #FC9618;
@m-yellow2: #ffae00;
@m-yellow3: #653f0d;

@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;
}