Allow clear/white highlighter colour when linking to a PDF

Archive Feature Requests
#1

Please add white as a PDF highlighter colour when linking to PDFs.

Creating links between rems and PDFs force you to use a coloured highlighter. This can result in many highlighter marks in a document which can distract from the content.

Adding white would make my PDF less distracting.
Currently, the white square in the highlighter menu stands for cancel highlighter. I would love to have the choice to keep the link and hide the highlighter mark.

Proposed change

image
image2028Ă—1430 384 KB

#2

Another way to say this is that the “yellow” highlight color should be distinct from the “default” highlight color (what these colors actually are can be modified with CSS).

I would also appreciate a seventh highlight color.

#3

For the moment the following CSS allows you to set the green highlighter to white

.pdf-viewer__highlight-container--green .Highlight__part {
	background-color:white;
}
#4

Nice!

Here is another workaround if you still want some indication that there is a highlight here:

1. Make the green highlight invisible when not hovered and shows a little pin in front instead.

.pdf-viewer__highlight-container--green:not(:hover) .Highlight__part  {
  background-color: transparent;
}

.pdf-viewer__highlight-container--green:not(:hover) .Highlight__part:first-child::before {
  content: "\f08d";
  font-family: Icons;
  font-size: 8px;
  position: absolute;
  left: -5px;
  top: -3px;
  color: rgba(0,0,0,0.3);
}

Normal:

image

Hovered (reverts to normal style):

image
image701Ă—83 8.89 KB

2. Add a very slight underline.

.pdf-viewer__highlight-container--green:not(:hover) .Highlight__part  {
  background-color: transparent;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

image
image745Ă—94 4.7 KB

1 Like
#5

Love the pin idea Cheers!