vue-apps/com.actionsoft.apps.coe.pal.datamigration/static/common/theme1.css

/*设计颜色规范*/

/*
通用鼠标悬浮色
所有悬浮状态的底色，包括下拉列表项、表格、卡片等。
 */
.general-bgcolor-hover:hover {
  background-color: #F5F7FA !important;
}
.general-bgcolor-text-hover:hover {
  background-color: #F5F7FA !important;
  color : #4E7FF9 !important;
}

/*通用分隔线*/
.general-dividing-line {
  color: #F2F2F2;
}

/**********************下拉菜单覆盖*************************/
/*下拉菜单定义悬浮颜色和悬浮字体色*/
.el-dropdown-menu__item:not(.is-disabled):hover{
  background-color: #F5F7FA !important;
  color: #333333 !important;
}

/**********************导航菜单栏颜色设置*************************/
.el-menu-item:hover{
  color: #4E7FF9;
  background-color: #F5F7FA !important;
}
.el-submenu__title:hover{
  background-color: #F5F7FA !important;
}
.el-menu-item.is-active {
  color: #4E7FF9;
  background-color: #F5F7FA !important;
}

/**********************文字*************************/

/*主要字体颜色，通用字体颜色，系统普遍使用的字体颜色*/
.text-general-color {
  color : #606266;
}
.text-general-bgcolor {
  background-color : #606266;
}

/*
次要字体颜色
1	次要标注性信息	如，管理员 于2020年2月23日 19:30 修改
2	非重要按钮	如，“取消”按钮文本
3	列表表头	如，“流程清单”编号、流程名称
 */
.text-second-color {
  color : #909399;
}
.text-second-bgcolor {
  background-color : #909399;
}

/*链接、可点击文本、icon颜色*/
.text-linker-color {
  color : #4E7FF9;
}

.text-linker-bgcolor {
  background-color : #4E7FF9;
}

/*重要文本颜色*/
.text-important-color {
  color : #D9001B;
}

.text-important-bgcolor {
  background-color : #D9001B;
}

/*el-link颜色*/
.el-link.el-link--primary {
  color: #4E7FF9;
}

/**********************表格*************************/

/*表头文字颜色*/
.table-head-text-color {
  color: #909399;
}
/*表头背景颜色*/
.table-head-bgcolor {

}
/*表头文字颜色*/
.table-body-text-color {

}
/*表格表体背景颜色*/
.table-body-bgcolor {

}
/*表格表体行鼠标悬浮色*/
.table-body-row-bgcolor:hover {
  background-color: #F5F7FA !important;
}
/*表格表体行下划线颜色*/
.el-table td {
  border-bottom: 1px solid #F2F2F2;
}

/*表格筛选的表头选中颜色*/
.el-table th>.cell.highlight {
  color: #4E7FF9;
}

/*表格筛选的表头选项筛选和重置按钮悬浮颜色*/
.el-table-filter__bottom button:hover {
  color:#4E7FF9
}

/*表格筛选排序上下箭头*/
.el-table .descending .sort-caret.descending {
  border-top-color: #4E7FF9;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #4E7FF9;
}

/**********************按钮*************************/

/*通用按钮1，例如窗口确定按钮，新建按钮等设计颜色*/
.button-general-color {
  background-color: #4E7FF9 !important;
  border-color: #4E7FF9 !important;
}

.button-general-color-reverse {
  border-color: #4E7FF9 !important;
  color: #4E7FF9 !important;
}

/*通用按钮2，例如重要操作类按钮*/
.button-general-color2 {
  background-color: #D9001B !important;
  border-color: #D9001B !important;
}

.button-general-color-reverse2 {
  border-color: #D9001B !important;
  color: #D9001B !important;
}
/*通用按钮3，例如取消等灰色按钮*/
.button-general-color3 {
  background-color: #909399 !important;
  border-color: #909399 !important;
}

.button-general-color-reverse3 {
  border-color: #909399 !important;
  color: #909399 !important;
}

/********************多选框***********************/
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #4E7FF9;
  border-color: #4E7FF9;
}
.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #4E7FF9;
}

/********************单选框***********************/
.el-radio__input.is-checked .el-radio__inner {
  border-color: #4E7FF9;
  background: #4E7FF9;
}
.el-radio__input.is-checked+.el-radio__label {
  color: #4E7FF9;
}

/********************列表***********************/
.li-general-hover-bgcolor:hover {
  background-color: #F5F7FA;
}
.el-table__body tr.current-row>td {
  background-color: #F5F7FA;
}

/*******************加载中颜色********************/
.el-loading-spinner .path {
  stroke: #4E7FF9;
}
.el-loading-spinner .el-loading-text {
  color: #4E7FF9;
}
/******************下拉框文字选中颜色*************/
.el-select-dropdown__item.selected {
  color: #4E7FF9 !important;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #4E7FF9;
}

/*****************步骤条**********************/
.el-step__title.is-process {
  color: #909399;
}
.el-step__title.is-finish {
  color: #4E7FF9;
}
.el-step__head.is-process {
  color: #909399;
  border-color: #909399;
}
.el-step__head.is-finish {
  color: #4E7FF9;
  border-color: #4E7FF9;
}

/*********************Popover 弹出框***********************/
.el-popover__title {
  color : #606266;
  font-weight: 600;
}

/*********************树***********************/
.el-tree-node__content {
  height: 30px;
}
/*树展开关闭图标大小*/
.el-tree-node__expand-icon {
  font-size: 12px;
}
/*树展开关闭图标的padding*/
.el-tree-node__content>.el-tree-node__expand-icon {
  padding: 1px;
}

.el-table__empty-text {
  font-size: 12px;
}

.el-tabs__item.is-active {
  color: #4E7FF9;
}

.el-tabs__active-bar {
  background-color: #4E7FF9;;
}