8000 summary.outline buttons: arrow unreadable for .contrast · Issue #62 · Yohn/PicoCSS · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

summary.outline buttons: arrow unreadable for .contrast #62

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
elenes opened this issue Mar 20, 2025 · 0 comments
Open

summary.outline buttons: arrow unreadable for .contrast #62

elenes opened this issue Mar 20, 2025 · 0 comments

Comments

@elenes
Copy link
elenes commented Mar 20, 2025

Describe the issue

Current Behavior

An accordion like

<details>
  <summary role="button" class="outline contrast"></summary>
</details>

will render the arrow in the wrong color because this css rule

[data-theme=dark] details summary.contrast[role=button]::after {
  filter: brightness(100) invert(0);
}

does not account for .outline

Expected Behavior

The arrow should render correctly (un-inverted for darkmode, inverted for light mode).

It may make sense to simply use --pico-[color] for all outline arrows. This will also make the appearance of the arrows consistent with the border color.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@elenes
0