diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss index eb8363e..7c1f4b9 100644 --- a/src/assets/scss/theme/dark.scss +++ b/src/assets/scss/theme/dark.scss @@ -305,47 +305,50 @@ .listpage{ color: var(--d-fc-2); .listpage-header{ - border-bottom-color: var(--d-c-3); - .btn{ - &:hover{ - color: var(--d-fc-3) - } + border-bottom-color: var(--d-c-3); + .btn{ + &:hover{ + color: var(--d-fc-3) } - .el-button{ - background-color: var(--d-bgc-2); + } + .el-button{ + background-color: var(--d-bgc-2); + color: var(--d-fc-2); + &:hover{ + color: var(--d-fc-3) + } + } + .el-input{ + input{ + background-color: var(--d-bgc-1); + border: 1px solid var(--d-bgc-1); color: var(--d-fc-2); - &:hover{ - color: var(--d-fc-3) - } - } - .el-input{ - input{ - background-color: var(--d-bgc-1); - border: 1px solid var(--d-bgc-1); - color: var(--d-fc-2); - } - } - .el-select-dropdown{ - color: var(--d-fc-1); - border: none; - background-color: var(--d-bgc-1); - box-shadow: var(--d-bsc); - } - .el-select-dropdown__item{ - color: var(--d-fc-1); - border: none; - background-color: var(--d-bgc-1); - } - .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{ - color: var(--d-fc-1); - background-color: var(--d-bgc-2); - box-shadow: var(--d-bsc); } + } + .el-select-dropdown{ + color: var(--d-fc-1); + border: none; + background-color: var(--d-bgc-1); + box-shadow: var(--d-bsc); + } + .el-select-dropdown__item{ + color: var(--d-fc-1); + border: none; + background-color: var(--d-bgc-1); + } + .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{ + color: var(--d-fc-1); + background-color: var(--d-bgc-2); + box-shadow: var(--d-bsc); + } + .popper__arrow, .popper__arrow::after{ + border-bottom-color: var(--d-bgc-1); + } } .listpage-body{ - color: var(--d-fc-1); - background-color: var(--d-bgc-1); - &:hover{ + color: var(--d-fc-1); + background-color: var(--d-bgc-1); + &:hover{ &::-webkit-scrollbar-thumb { box-shadow: var(--d-bsc-scroll); background: var(--d-c-5); @@ -355,8 +358,8 @@ background: var(--d-bgc-1); } } + /* 设置el-table的样式*/ .show-table{ - /* 设置el-table的样式*/ .el-table{ color: var(--d-fc-1); background-color: var(--d-bgc-1); diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss index 10bcd29..b971b2c 100644 --- a/src/assets/scss/theme/green.scss +++ b/src/assets/scss/theme/green.scss @@ -304,42 +304,45 @@ .listpage{ color: var(--g-fc-2); .listpage-header{ - border-bottom-color: var(--g-c-3); - .btn{ - &:hover{ - color: var(--g-fc-3) - } + border-bottom-color: var(--g-c-3); + .btn{ + &:hover{ + color: var(--g-fc-3) } - .el-button{ - background-color: var(--g-bgc-2); + } + .el-button{ + background-color: var(--g-bgc-2); + color: var(--g-fc-2); + &:hover{ + color: var(--g-fc-3) + } + } + .el-input{ + input{ + background-color: var(--g-bgc-1); + border: 1px solid var(--g-bgc-1); color: var(--g-fc-2); - &:hover{ - color: var(--g-fc-3) - } - } - .el-input{ - input{ - background-color: var(--g-bgc-1); - border: 1px solid var(--g-bgc-1); - color: var(--g-fc-2); - } - } - .el-select-dropdown{ - color: var(--g-fc-1); - border: none; - background-color: var(--g-bgc-1); - box-shadow: var(--g-bsc); - } - .el-select-dropdown__item{ - color: var(--g-fc-1); - border: none; - background-color: var(--g-bgc-1); - } - .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{ - color: var(--g-fc-1); - background-color: var(--g-bgc-2); - box-shadow: var(--g-bsc); } + } + .el-select-dropdown{ + color: var(--g-fc-1); + border: none; + background-color: var(--g-bgc-1); + box-shadow: var(--g-bsc); + } + .el-select-dropdown__item{ + color: var(--g-fc-1); + border: none; + background-color: var(--g-bgc-1); + } + .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{ + color: var(--g-fc-1); + background-color: var(--g-bgc-2); + box-shadow: var(--g-bsc); + } + .popper__arrow, .popper__arrow::after{ + border-bottom-color: var(--g-bgc-1); + } } .listpage-body{ color: var(--g-fc-1); diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss index de80cd5..bb0823e 100644 --- a/src/assets/scss/theme/light.scss +++ b/src/assets/scss/theme/light.scss @@ -339,6 +339,9 @@ background-color: var(--l-bgc-2); box-shadow: var(--l-bsc); } + .popper__arrow, .popper__arrow::after{ + border-bottom-color: var(--l-bgc-1); + } } .listpage-body{ color: var(--l-fc-1); diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss index a144375..e03a013 100644 --- a/src/assets/scss/theme/pink.scss +++ b/src/assets/scss/theme/pink.scss @@ -338,6 +338,9 @@ background-color: var(--p-bgc-2); box-shadow: var(--p-bsc); } + .popper__arrow, .popper__arrow::after{ + border-bottom-color: var(--p-bgc-1); + } } .listpage-body{ color: var(--p-fc-1);