Skip to content

Remove background-color from tab #107

@stevepiercy

Description

@stevepiercy

When using a theme in dark mode, the background color of the tab makes it illegible.

Screenshot 2024-09-19 at 5 26 39 PM

This is due to the CSS:

.http-example .caption.selected {
  background-color: #fff;
}

To work around this issue, I added a custom style to Plone Sphinx Theme in plone/plone-sphinx-theme#29.

.http-example .caption.selected {
  background-color: unset;
}

Screenshot 2024-09-19 at 5 30 39 PM

However, I can see why you would want to set the background color for themes that have a light grey content background, such as Read The Docs Sphinx Theme.

Screenshot 2024-09-19 at 5 29 52 PM

Here's how it would look, and the difference is negligible.

Screenshot 2024-09-19 at 5 29 21 PM

If you think this would be a good improvement, I can submit a PR.

See also plone/plone.restapi#1815

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions