Skip to content

Contrast Issue with expand toggles #26

Open
@jxc876

Description

@jxc876

Hey Nice theme 🧛

Describe the bug

Noticed a tiny issue: when sections are expandable it's REALLY hard to see them in black theme.

  • It's due to the contrast between the toggle icons and the background
image

Expected Behavior

I should be able to easily tell that the section is expandable:

image

Current Behavior

See screenshots above

Reproduction Steps

See screenshots above, just nagivate to https://dracula.github.io/mkdocs/

Possible Solution

Replacing this line in mkdocs.css#L455-L457 with a different stroke color (ex: rgba(248,248,242,1) seems to do the trick:

[data-bs-theme="dark"] .btn-toggle::after {
  content: url( ..... stroke='rgba(248,248,242,1)' ...)
}

Additional Information/Context

No response

SDK version used

visible on currently deployed gitpage

Environment details (OS name and version, etc.)

MacOS

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions