Sharepoint Column Formatting Text Colour

Question

Dear all,

Please can someone advise me on how and where to add colour code to this JSON script.

(1) For red background Can someone help me with Text colour
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "div",
"txtContent": "@currentField",
"style": {
"background-color": "=if(@currentField <=@now ,'#f53337',if(@currentField <=(@now +7776000000) ,'#96882b','#458b50'))"
}
}

(2) Same as number 1
{
"$schema":"https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType":"div",
"txtContent":"@currentField",
"style":{
"background-color":"=if((@currentField, if(@currentField <@now , '#f53337', if(@currentField <=@now +7776000000, '#96882b', '#458b50')),'')"
}
}

any help is greatly appreciated.

Answer 1

Hey,

You can add text color before or after background-color inside style tag. Hope this helps!

{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "div",
"txtContent": "@currentField",
"style": {
"background-color": "=if(@currentField <=@now ,'#f53337',if(@currentField <=(@now +7776000000) ,'#96882b','#458b50'))",
"color":"white"
}
}