I want to change markdown single backtick highlight color with css

I am not sure if my question is clear as I have no idea about css.

I want to change the markdown single backtick highlight color in Hugo theme. for example:

In the picture below, the backtick characters ‘hugodocs,info’ is pink background and red font.

How can I change the background color and fond color in css?

Thanks a lot.

Hello @bin_wang,

this question isn’t really Hugo-centric. Nonetheless, such inline code blocks are wrapped by the <code> tag when being parsed.

In CSS you can select all code tags and define it’s color as follows:

code {
  color: #c7254e;

The color is defined as a hexadecimal RGB color. Change it as you like.

1 Like

Thanks a lot @digitalcraftsman.