From 08b5bab68a0231b99729ff735d64920c43306a53 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Sun, 18 Sep 2022 13:43:27 +0800
Subject: [PATCH] Set color/opacity when creating an overlaping highlight

---
 .../web/components/templates/article/PdfArticleContainer.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/templates/article/PdfArticleContainer.tsx b/packages/web/components/templates/article/PdfArticleContainer.tsx
index ac2bc9175..52e7b48ab 100644
--- a/packages/web/components/templates/article/PdfArticleContainer.tsx
+++ b/packages/web/components/templates/article/PdfArticleContainer.tsx
@@ -154,8 +154,6 @@ export default function PdfArticleContainer(
         }),
       })
 
-      console.log('toolbars: ', instance.toolbarItems, instance.currentAnnotationPreset, instance.annotationPresets)
-
       instance.addEventListener('annotations.willChange', (event) => {
         const annotation = event.annotations.get(0)
         if (event.reason !== PSPDFKit.AnnotationsWillChangeReason.DELETE_END) {
@@ -285,7 +283,8 @@ export default function PdfArticleContainer(
             const annotation = new PSPDFKit.Annotations.HighlightAnnotation({
               pageIndex: highlightAnnotation.pageIndex,
               rects: rects,
-              opacity: 0.4,
+              opacity: 0.45,
+              color: new PSPDFKit.Color({ r: 255, g: 210, b: 52 }),
               boundingBox: PSPDFKit.Geometry.Rect.union(rects),
               customData: {
                 omnivoreHighlight: {