How to change the background color of a list to red with JSON?

Question

How to change the background color of a list to red with JSON?

This is what I have:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/row-formatting.schema.json",
  "additionalRowClass": "=if(@rowIndex % 2 == 0,'ms-bgColor-communicationTint40 ms-bgColor-communicationTint30--hover','ms-bgColor-white')"
}

But I need also the background color of the list to red. How can I do that?

Answer 1

Unfortunately, you cannot change the background color "whole" list using SharePoint JSON view formatting.

You can only change the background color of individual rows (items) in the SharePoint list.

You can use JSON like below for changing the background color of "rows" to red:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/row-formatting.schema.json",
  "additionalRowClass": "=if(@rowIndex % 2 == 0,'ms-bgColor-red ms-bgColor-redDark--hover','ms-bgColor-white')"
}

Output:

Answer 2

Using the following code to change the background color of a list to red :

  "elmType": "div",
       "style": {
          "background-color": "#ff0000"
       }