diff --git a/docs/en-US/component/popover.md b/docs/en-US/component/popover.md index c148b36794..fa88b7221c 100644 --- a/docs/en-US/component/popover.md +++ b/docs/en-US/component/popover.md @@ -68,7 +68,7 @@ popover/directive-usage | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------- | --------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | | trigger | how the popover is triggered | string | click/focus/hover/contextmenu | click | | title | popover title | string | — | — | -| effect | Tooltip theme, built-in theme: `dark` / `light` | string | string | dark | +| effect | Tooltip theme, built-in theme: `dark` / `light` | string | string | light | | content | popover content, can be replaced with a default `slot` | string | — | — | | width | popover width | string / number | — | Min width 150px | | placement | popover placement | string | top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end | bottom | diff --git a/packages/theme-chalk/src/popover.scss b/packages/theme-chalk/src/popover.scss index 178c0cfad9..b3dc0b53ff 100644 --- a/packages/theme-chalk/src/popover.scss +++ b/packages/theme-chalk/src/popover.scss @@ -38,6 +38,13 @@ } } + @include when(dark) { + @include set-css-var-value( + 'popover-title-text-color', + var(#{getCssVarName('bg-color')}) + ); + } + &:focus:active, &:focus { outline-width: 0;