Describe the bug
Wrong .ruler-time background color in light theme since @astrouxds/astro-web-components 7.25.0 due to #1363 change.
To Reproduce
Steps to reproduce the behavior:
- Go to 'https://astro-components.netlify.app/iframe.html?globals=&id=beta-timeline-beta--default&viewMode=story'
- Replace the 'dark-theme' class in
<html> with 'light-theme'
- See
<rux-ruler> displayed in hard-to-see colors
Current behavior
The dark color (#2c3d4d) is displayed in both light and dark themes.
Expected behavior
It looks better with variable var(--color-background-base-header) applied.
Screenshots
CodeSandbox
n/a
Environment (please complete the following information):
- Browser [chrome, safari]
- @astrouxds/astro-web-components version [7.25.0]
Additional context
CSS shadow part is not provided in <rux-ruler>, so there is no workaround.
Describe the bug
Wrong .ruler-time background color in light theme since @astrouxds/astro-web-components 7.25.0 due to #1363 change.
To Reproduce
Steps to reproduce the behavior:
<html>with 'light-theme'<rux-ruler>displayed in hard-to-see colorsCurrent behavior
The dark color (#2c3d4d) is displayed in both light and dark themes.
astro/packages/web-components/src/components/rux-timeline/rux-ruler/rux-ruler.scss
Line 12 in 6c1aed2
Expected behavior
It looks better with variable
var(--color-background-base-header)applied.Screenshots
CodeSandbox
n/a
Environment (please complete the following information):
Additional context
CSS shadow part is not provided in
<rux-ruler>, so there is no workaround.