diff --git a/app/appearance/themes/daylight/theme.css b/app/appearance/themes/daylight/theme.css index 2731ae26a..b78b0d84e 100644 --- a/app/appearance/themes/daylight/theme.css +++ b/app/appearance/themes/daylight/theme.css @@ -33,7 +33,7 @@ --b3-toolbar-color: #9aa0a6; /* 线条 */ - --b3-border-color: rgba(0, 0, 0, .06); + --b3-border-color: rgba(0, 0, 0, .1); /* 滚动条 */ --b3-scroll-color: rgba(0, 0, 0, .2); diff --git a/app/src/assets/scss/_layout.scss b/app/src/assets/scss/_layout.scss index 1f10c6794..c9e58c375 100644 --- a/app/src/assets/scss/_layout.scss +++ b/app/src/assets/scss/_layout.scss @@ -29,7 +29,7 @@ z-index: 2; &:hover:after { - background-color: var(--b3-theme-primary-light); + background-color: var(--b3-theme-on-background); } &:after { @@ -128,11 +128,11 @@ transition: var(--b3-transition); flex: 1; min-height: 30px; - border-left: .5px solid transparent; + border-left: 1px solid transparent; &:not(:first-child), &:last-child:not(.item--focus):not(.item--readonly) { - border-left-color: var(--b3-list-hover); + border-left-color: var(--b3-theme-background-light) } &:hover:not(.item--focus):not(.item--readonly) { @@ -145,7 +145,7 @@ } &--readonly { - border-left-color: var(--b3-list-hover); + border-left-color: var(--b3-theme-background-light); } &--pin { diff --git a/app/src/assets/scss/_list.scss b/app/src/assets/scss/_list.scss index 7b5a10583..b10a483c5 100644 --- a/app/src/assets/scss/_list.scss +++ b/app/src/assets/scss/_list.scss @@ -5,10 +5,14 @@ } &--background .b3-list-item { - &:hover:not(.b3-list-item--focus), + border-radius: 4px; + + &:hover:not(.b3-list-item--focus) { + background-color: var(--b3-theme-background-light); + } + &--focus:not(.dragover):not(.dragover__top):not(.dragover__bottom) { background-color: var(--b3-list-hover); - border-radius: 4px; } }