How to change the background color of sharepoint list gallery view background

Question

I am using sharepoint list with 5 rows. I created a new view to format the cards with JSON. BUT there is static background color which is white. I am unable to find any solution to change it without using SPFX and admin rights.

Answer 1

Hi @Garvit Chauhan ,

Thank you for posting in this community.

Yes, you can customize the background color in the gallery view of a SharePoint list to any color using JSON.

Here are steps:

1. Open the Gallery view in Microsoft Lists
2. Select on the name of the view displayed on the command bar > Select Format curret view
3. Select Edit card
4. Sort and show/hide content
5. Select Advance mode
6. Add the following code to the containing the class divsp-card-subContainer

"style": { 
	"background-color": "*** HTML color code or name ***" 
},

Reference:https://pnp.github.io/blog/post/how-to-change-the-background-color-of-cards-in-the-gallery-view/

Note: Microsoft is providing this information as a convenience to you. The sites are not controlled by Microsoft. Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there. Please make sure that you completely understand the risk before retrieving any suggestions from the above link.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Hi @Garvit Chauhan ,

Unfortunately, there is No SharePoint OOTB way to change the complete background color of list view. You can only change the background color of item rows/tiles using JSON Formatting.

Thank you for your understanding!

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.