From b9a93faabb2001c5e565a1c3092d8dc4becb4d7e Mon Sep 17 00:00:00 2001
From: Abe Jellinek <jellinek@berkeley.edu>
Date: Mon, 29 Apr 2024 13:06:38 -0400
Subject: [PATCH] Fix color picker tiles only showing outline

The @windows-form-element-base mixin sets background-image, so we need
to override that instead of just setting background-color.

Fixes #4065
---
 chrome/content/zotero/elements/colorPicker.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome/content/zotero/elements/colorPicker.js b/chrome/content/zotero/elements/colorPicker.js
index 63dd809e27..b4ae9b3224 100644
--- a/chrome/content/zotero/elements/colorPicker.js
+++ b/chrome/content/zotero/elements/colorPicker.js
@@ -177,7 +177,7 @@
 				let tile = document.createElement('button');
 				tile.setAttribute('aria-label', colorLabels[i]);
 				tile.classList.add('grid-tile');
-				tile.style.backgroundColor = color;
+				tile.style.background = color;
 				
 				tile.addEventListener('click', () => {
 					this.color = color;