Skip to content

[Bug]: No highlight for inline command text in dark mode of readthedocs pages #65

@migueldivo

Description

@migueldivo

Describe the bug

Currently within readthedocs documentation there is no highlight colour for commands which are inline in a paragraph/sentence in dark mode.

In light mode, highlight colour for inline commands is present.
Image

In dark mode, there isn't any highlighting present.
Image

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://canonical-charmcraft.readthedocs-hosted.com/en/latest/tutorial/write-your-first-kubernetes-charm-for-a-django-app/#write-your-first-kubernetes-charm-for-a-django-app
  2. Change to dark mode
  3. refer to light mode version to spot highlighted inline commands
  4. See that in dark mode those same inline commands are not highlighted

Expected behavior

When switching to dark mode, the same inline commands that are highlighted in light mode should be highlighted in dark mode as well.

CSS command for dark mode: color-inline-code-background: rgba(255, 255, 255, .03);

Screenshots

A global CSS command is present to set the colour of the inline command highlight to rgba(0, 0, 0, .03)
Image

Within the dark mode class, there isn't a CSS command, therefore, it uses the global CSS command which is a tinted black in dark mode.
Image

Desktop (please complete the following information):

  • OS: Ubuntu 24.04
  • Browser Firefox
  • Version Latest/stable 134.0.2-1

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions