:root {
|
--first-background-color: #2db7f5;
|
--second-background-color: #40c3ff;
|
--third-background-color: #cceeff;
|
|
--table-border-color: #eee;
|
--table-header-background-color: #f9f9f9;
|
--table-header-border-color: #eee;
|
|
--table-header-th-border-color: #eee;
|
}
|
|
.layout-header,
|
.ivu-layout-header {
|
background-color: var(--first-background-color) !important;
|
}
|
|
.side-area {
|
background-color: var(--second-background-color) !important;
|
}
|
|
.ivu-menu-light {
|
background-color: var(--third-background-color) !important;
|
}
|
|
.ivu-btn-primary {
|
background-color: var(--first-background-color);
|
border-color: var(--second-background-color);
|
}
|
|
.ivu-btn-primary:hover {
|
background-color: var(--second-background-color);
|
border-color: var(--third-background-color);
|
}
|
|
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
|
color: var(--first-background-color);
|
background: #fff;
|
}
|
|
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):after {
|
width: 5px;
|
background-color: var(--first-background-color)
|
}
|
|
.ivu-table th {
|
background-color: var(--table-header-background-color);
|
border-top: 1px solid var(--table-header-border-color);
|
}
|
|
.ivu-table th {
|
border-bottom-color: var(--table-header-th-border-color) !important;
|
}
|
|
.data-table{
|
border:1px solid var(--table-border-color);
|
}
|
.data-table .buttons{
|
background-color: var(--table-header-background-color);
|
}
|