From 7af6c730847573eff6e4be707432e7d80a0c2363 Mon Sep 17 00:00:00 2001 From: hunlongyu Date: Wed, 11 Nov 2020 22:46:26 +0800 Subject: [PATCH] =?UTF-8?q?=E2=8F=B1=20=E4=BF=AE=E6=94=B9=E4=B8=8B?= =?UTF-8?q?=E6=8B=89=E8=8F=9C=E5=8D=95=E4=B8=89=E8=A7=92=E7=AE=AD=E5=A4=B4?= =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/theme/dark.scss | 77 +++++++++++++++++--------------- src/assets/scss/theme/green.scss | 69 ++++++++++++++-------------- src/assets/scss/theme/light.scss | 3 ++ src/assets/scss/theme/pink.scss | 3 ++ 4 files changed, 82 insertions(+), 70 deletions(-) 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);