diff --git a/native/calendar/calendar.react.js b/native/calendar/calendar.react.js
--- a/native/calendar/calendar.react.js
+++ b/native/calendar/calendar.react.js
@@ -1031,7 +1031,7 @@
     bottom: 0,
   },
   sectionHeader: {
-    backgroundColor: 'panelForeground',
+    backgroundColor: 'panelSecondaryForeground',
     borderBottomWidth: 2,
     borderColor: 'listBackground',
     height: 31,
diff --git a/native/calendar/section-footer.react.js b/native/calendar/section-footer.react.js
--- a/native/calendar/section-footer.react.js
+++ b/native/calendar/section-footer.react.js
@@ -47,7 +47,7 @@
     fontWeight: 'bold',
   },
   addButton: {
-    backgroundColor: 'panelForeground',
+    backgroundColor: 'panelSecondaryForeground',
     borderRadius: 5,
     margin: 5,
     paddingBottom: 5,