From 9e6246235feaef58ebd161e7ecd23b157b4a8942 Mon Sep 17 00:00:00 2001
From: Chris Beer <chris@cbeer.info>
Date: Tue, 21 Nov 2023 09:30:03 -0800
Subject: [PATCH] Add a custom background color for annotation + search chips
 in the gallery view

---
 src/components/GalleryViewThumbnail.js | 8 ++------
 src/config/settings.js                 | 1 +
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/GalleryViewThumbnail.js b/src/components/GalleryViewThumbnail.js
index cf31154b9..7cdf7774c 100644
--- a/src/components/GalleryViewThumbnail.js
+++ b/src/components/GalleryViewThumbnail.js
@@ -172,9 +172,7 @@ export class GalleryViewThumbnail extends Component {
                   )}
                   label={searchAnnotationsCount}
                   sx={{
-                    '&.Mui-selected .MuiAvatar-circle': {
-                      bgcolor: 'highlights.primary',
-                    },
+                    backgroundColor: 'annotations.chipBackground',
                     marginTop: 2,
                     typography: 'caption',
                   }}
@@ -198,9 +196,7 @@ export class GalleryViewThumbnail extends Component {
                   )}
                   label={annotationsCount}
                   sx={{
-                    '&.Mui-selected .MuiAvatar-circle': {
-                      bgcolor: 'highlights.primary',
-                    },
+                    backgroundColor: 'annotations.chipBackground',
                     typography: 'caption',
                   }}
                   size="small"
diff --git a/src/config/settings.js b/src/config/settings.js
index 37317c45d..5425c2c7d 100644
--- a/src/config/settings.js
+++ b/src/config/settings.js
@@ -61,6 +61,7 @@ export default {
       },
       section_divider: 'rgba(0, 0, 0, 0.25)',
       annotations: {
+        chipBackground: '#e0e0e0',
         hidden: { globalAlpha: 0 },
         default: { strokeStyle: '#00BFFF', globalAlpha: 1 },
         hovered: { strokeStyle: '#BF00FF', globalAlpha: 1 },