修改前端样式颜色
This commit is contained in:
parent
df8bd0f003
commit
d89174819a
@ -116,12 +116,12 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header-cell {
|
.header-cell {
|
||||||
background-color: #f5f6f7 !important;
|
background-color: #252626 !important;
|
||||||
border-top: 1px solid rgba(31, 35, 41, 0.15);
|
border-top: 1px solid rgba(31, 35, 41, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.excel-header-cell {
|
.excel-header-cell {
|
||||||
background-color: #f5f6f7 !important;
|
background-color: #252626 !important;
|
||||||
|
|
||||||
.ed-table-v2__header-cell {
|
.ed-table-v2__header-cell {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
@ -46,4 +46,13 @@
|
|||||||
|
|
||||||
// }
|
// }
|
||||||
|
|
||||||
|
:deep(.ed-step__title.is-process){
|
||||||
|
color: #fff ;
|
||||||
|
}
|
||||||
|
:deep(.ed-step__title .is-finish){
|
||||||
|
color: #fff ;
|
||||||
|
}
|
||||||
|
:deep(.excel-info_base .name){
|
||||||
|
color: #fff ;
|
||||||
|
}
|
||||||
|
|
||||||
|
@ -1369,7 +1369,7 @@ const mousedownDrag = () => {
|
|||||||
|
|
||||||
.table-scroll {
|
.table-scroll {
|
||||||
.ed-table-v2 {
|
.ed-table-v2 {
|
||||||
--ed-table-header-bg-color: #f5f6f7;
|
--ed-table-header-bg-color: #252626;
|
||||||
:deep(.header-cell) {
|
:deep(.header-cell) {
|
||||||
border-top: none;
|
border-top: none;
|
||||||
}
|
}
|
||||||
|
@ -2868,7 +2868,7 @@ const getIconNameCalc = (deType, extField, dimension = false) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ed-table {
|
.ed-table {
|
||||||
--ed-table-header-bg-color: #f5f6f7;
|
--ed-table-header-bg-color: #252626;
|
||||||
}
|
}
|
||||||
|
|
||||||
.de-dataset-form {
|
.de-dataset-form {
|
||||||
@ -3170,7 +3170,7 @@ const getIconNameCalc = (deType, extField, dimension = false) => {
|
|||||||
width: calc(100% - 260px);
|
width: calc(100% - 260px);
|
||||||
|
|
||||||
:deep(.ed-table-v2__header-cell) {
|
:deep(.ed-table-v2__header-cell) {
|
||||||
background-color: #f5f6f7 !important;
|
background-color: #252626 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.header-cell) {
|
:deep(.header-cell) {
|
||||||
@ -3690,7 +3690,7 @@ border-right: 1px solid rgba(54, 54, 54, 1)
|
|||||||
background-color:#434343;
|
background-color:#434343;
|
||||||
}
|
}
|
||||||
.ed-table.is-scrolling-none th.ed-table-fixed-column--left, .ed-table.is-scrolling-none th.ed-table-fixed-column--right {
|
.ed-table.is-scrolling-none th.ed-table-fixed-column--left, .ed-table.is-scrolling-none th.ed-table-fixed-column--right {
|
||||||
background-color: #434343;
|
background-color: #434343 ;
|
||||||
}
|
}
|
||||||
.de-dataset-form .container .table-list .select-ds .left-outlined:hover .ed-icon{
|
.de-dataset-form .container .table-list .select-ds .left-outlined:hover .ed-icon{
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
|
@ -1197,7 +1197,7 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
|
|||||||
outline: none !important;
|
outline: none !important;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background: #f5f6f7;
|
background: #252626;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
@ -1285,7 +1285,7 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dataset-content {
|
.dataset-content {
|
||||||
// background: #f5f6f7;
|
// background: #252626;
|
||||||
&.auto {
|
&.auto {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
@ -56,7 +56,7 @@ const del = () => {
|
|||||||
width: 80%;
|
width: 80%;
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
color: #1f2329;
|
color: #fff;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -181,13 +181,13 @@ const nextClick = () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.active {
|
.active {
|
||||||
box-shadow: 0px -1px 0px 0px #f5f6f7 inset;
|
box-shadow: 0px -1px 0px 0px #252626 inset;
|
||||||
color: var(--ed-color-primary);
|
color: var(--ed-color-primary);
|
||||||
border: 1px solid rgba(31, 35, 41, 0.15);
|
border: 1px solid rgba(31, 35, 41, 0.15);
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
border-top-left-radius: 4px;
|
border-top-left-radius: 4px;
|
||||||
border-top-right-radius: 4px;
|
border-top-right-radius: 4px;
|
||||||
background: #f5f6f7;
|
background: #252626;
|
||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
|
@ -1135,7 +1135,7 @@ defineExpose({
|
|||||||
.info-table {
|
.info-table {
|
||||||
min-height: 300px;
|
min-height: 300px;
|
||||||
.ed-table-v2__header-cell {
|
.ed-table-v2__header-cell {
|
||||||
background-color: #f5f6f7;
|
background-color: #252626;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -818,7 +818,7 @@ defineExpose({
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
background: #f5f6f7;
|
background: #252626;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
.btn-select {
|
.btn-select {
|
||||||
width: 164px;
|
width: 164px;
|
||||||
@ -826,7 +826,7 @@ defineExpose({
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background: #ffffff;
|
background: rgb(38,38,38);
|
||||||
border: 1px solid #bbbfc4;
|
border: 1px solid #bbbfc4;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
|
@ -1281,7 +1281,7 @@ defineExpose({
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
background: #f5f6f7;
|
background: #252626;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
.btn-select {
|
.btn-select {
|
||||||
min-width: 164px;
|
min-width: 164px;
|
||||||
@ -1290,7 +1290,7 @@ defineExpose({
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background: #ffffff;
|
background: rgb(38,38,38);
|
||||||
border: 1px solid #bbbfc4;
|
border: 1px solid #bbbfc4;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
|
@ -1133,7 +1133,6 @@ defineExpose({
|
|||||||
top: 0;
|
top: 0;
|
||||||
left: 24px;
|
left: 24px;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
background: white;
|
|
||||||
padding: 0 17px;
|
padding: 0 17px;
|
||||||
&::before {
|
&::before {
|
||||||
content: '';
|
content: '';
|
||||||
|
@ -1977,8 +1977,8 @@ const getMenuList = (val: boolean) => {
|
|||||||
outline: none !important;
|
outline: none !important;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background: #f5f6f7;
|
background: #252626;
|
||||||
}
|
}252626
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background: #eff0f1;
|
background: #eff0f1;
|
||||||
@ -2630,4 +2630,8 @@ border-right: 1px solid rgba(54, 54, 54, 1);
|
|||||||
.arrow-side-tree .ed-icon{
|
.arrow-side-tree .ed-icon{
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ed-table.is-scrolling-none th.ed-table-fixed-column--left, .ed-table.is-scrolling-none th.ed-table-fixed-column--right {
|
||||||
|
background-color: #434343;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -73,7 +73,7 @@ const handleClick = val => {
|
|||||||
z-index: 10;
|
z-index: 10;
|
||||||
&:hover {
|
&:hover {
|
||||||
.ed-icon {
|
.ed-icon {
|
||||||
color: var(--ed-color-primary);
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.ed-icon {
|
.ed-icon {
|
||||||
|
@ -879,7 +879,7 @@ defineExpose({
|
|||||||
outline: none !important;
|
outline: none !important;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background: #f5f6f7;
|
background: #252626;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
|
@ -97,7 +97,7 @@ defineExpose({
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
// height: calc(100vh - 112px);
|
// height: calc(100vh - 112px);
|
||||||
height: calc(100vh - 60px);
|
height: calc(100vh - 60px);
|
||||||
background: #f5f6f7;
|
background: #252626;
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
Loading…
Reference in New Issue
Block a user