zr-admin-ui/public/styles/base.css

基于ElementUI拓展组件

/* 定义全局变量  修改皮肤 */
:root {
    /* 主色调 */
    --primary-color: #155bd4;
    /*字体颜色*/
    --font-color: rgb(51,51,51,1);
    /* 页面背景主色 */
    --bg-color: rgb(255,255,255);
    /* 内容背景颜色 */
    --page-color: rgb(255,255,255);
    /*左边导航颜色*/
    --nav-color: rgb(255,255,255);
    /*tab页签默认颜色*/
    --tab-nav-color: #1b234c;
    /*tab页签选择颜色*/
    --tab-nav-active-color: #2bae85;
    /* 组件背景颜色 */
    --content-color: #fff;
    /* 菜单交互颜色 */
    --menu-text: #bfcbd9;
    --menuactive-text: #f4f4f5;
    --menu-hover: #001528;
    --submenu-bg: #1f2d3d;
    --sunmenu-hover: #001528;
    /* 组件背景颜色 */
    --input-color: rgb(255,255,255);
    /* table表头背景颜色 */
    --table-th-bg: rgb(247, 248, 250);
    /* table表头字体颜色 */
    --table-th-font-color: #909399;
    /*边框颜色*/

    --border-color: #fff;
    --input-border-color: #DCDFE6;

    --color-primary: #155bd4;
    --color-success: #27c346;
    --color-warning: #ff9626;
    --color-danger: #f76965;
    --color-info: #acacac;
    --color-white: #FFFFFF;
    /* hover的背景色 */
    --hover-color: rgba(28,37,80,0.2);
    --pg-color: rgb(255,255,255);

    /*必填项输入框背景颜色*/
    --required-input-bg: #FFF4E4;
}

/*数字风格*/
.num {
    font-size: 18px;
    font-weight: 600;
    color: var(--font-color);
}

.danger {
    color: var(--color-danger) !important;
}

.success {
    color: var(--color-success) !important;
}

.warning {
    color: var(--color-warning) !important;
}

.primary {
    color: var(--color-primary) !important;
}

.fs14 {
    font-size: 14px;
    color: var(--font-color);
}

.fs18 {
    font-size: 18px;
    color: var(--font-color);
}

.fs12 {
    font-size: 12px;
    color: var(--font-color);
}