SharePoint List color changes based on date

I'm unable to replicate the issue on my end, but here are a few things you can try:

• Use the browser's Developer Tools to inspect the element and verify if the value is actually present in the DOM.
• Experiment with different text colors to ensure it's not blending into the background.
• Try using toLocaleDateString(@currentField) to explicitly convert the date into a readable string for txtContent.

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "background-color": "=if(@currentField < @now, '#f44336', if((Number(@currentField) - Number(@now)) <= 2592000000, '#ff9800', '#4caf50'))",
    "color": "white",
    "padding": "6px",
    "border-radius": "4px",
    "text-align": "center"
  },
  "children": [
    {
      "elmType": "span",
      "txtContent": "=toLocaleDateString(@currentField)"
    }
  ]
}

--------------------------------------------
If my answer helped, I'd appreciate it if you could mark it as the solution. Thank you!