CSS Style for Bold or Italic

Hi guys,

Is that a way to change the font color for bold or italic?

Thank you.

Check this out

.dark-theme b,
.dark-theme strong,
.dark-theme i {
    color: #c79a12;
}

.white-theme b,
.white-theme strong,
.white-theme i {
    color: #689c30;
}

This can set dark theme and white theme bold, strong and italics color separately.

1 Like

Yea, thanks a lot! One more question, how to change the highlight style?

Maybe this could help:

.dark-theme mark {
  background: color1;
  color: color2;
  padding: 0 4px;
  border-radius: 3px;
  font-weight: 700;
}

.white-theme mark {
  background: color3;
  font-weight: 700;
}
1 Like

Bro, thanks. It worked great!

1 Like

Hi, one more question :smile:

Is it possible to bold Page References only if they are Highlighted? @christlurker

I’m trying to use the

mark {
font-weight: bold;
}

and the a.page-ref but I can’t seem able to get them to work together.

Thanks

mark span.page-reference {
  font-weight: bold
}