diff --git a/static/usage/v8/datetime/highlightedDates/array/angular/example_component_ts.md b/static/usage/v8/datetime/highlightedDates/array/angular/example_component_ts.md
index 1382b5db0e9..ca7f322c840 100644
--- a/static/usage/v8/datetime/highlightedDates/array/angular/example_component_ts.md
+++ b/static/usage/v8/datetime/highlightedDates/array/angular/example_component_ts.md
@@ -14,21 +14,25 @@ export class ExampleComponent {
       date: '2023-01-05',
       textColor: '#800080',
       backgroundColor: '#ffc0cb',
+      border: '1px solid #e91e63',
     },
     {
       date: '2023-01-10',
       textColor: '#09721b',
       backgroundColor: '#c8e5d0',
+      border: '1px solid #4caf50',
     },
     {
       date: '2023-01-20',
-      textColor: 'var(--ion-color-secondary-contrast)',
-      backgroundColor: 'var(--ion-color-secondary)',
+      textColor: 'var(--ion-color-secondary)',
+      backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
+      border: '1px solid var(--ion-color-secondary-shade)',
     },
     {
       date: '2023-01-23',
       textColor: 'rgb(68, 10, 184)',
       backgroundColor: 'rgb(211, 200, 229)',
+      border: '1px solid rgb(103, 58, 183)',
     },
   ];
 }
diff --git a/static/usage/v8/datetime/highlightedDates/array/demo.html b/static/usage/v8/datetime/highlightedDates/array/demo.html
index 1e8545bf042..9f27a6f29c8 100644
--- a/static/usage/v8/datetime/highlightedDates/array/demo.html
+++ b/static/usage/v8/datetime/highlightedDates/array/demo.html
@@ -31,21 +31,25 @@
           date: '2023-01-05',
           textColor: '#800080',
           backgroundColor: '#ffc0cb',
+          border: '1px solid #e91e63',
         },
         {
           date: '2023-01-10',
           textColor: '#09721b',
           backgroundColor: '#c8e5d0',
+          border: '1px solid #4caf50',
         },
         {
           date: '2023-01-20',
-          textColor: 'var(--ion-color-secondary-contrast)',
-          backgroundColor: 'var(--ion-color-secondary)',
+          textColor: 'var(--ion-color-secondary)',
+          backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
+          border: '1px solid var(--ion-color-secondary-shade)',
         },
         {
           date: '2023-01-23',
           textColor: 'rgb(68, 10, 184)',
           backgroundColor: 'rgb(211, 200, 229)',
+          border: '1px solid rgb(103, 58, 183)',
         },
       ];
     </script>
diff --git a/static/usage/v8/datetime/highlightedDates/array/javascript.md b/static/usage/v8/datetime/highlightedDates/array/javascript.md
index a27ff554ee2..9eae9580daf 100644
--- a/static/usage/v8/datetime/highlightedDates/array/javascript.md
+++ b/static/usage/v8/datetime/highlightedDates/array/javascript.md
@@ -8,21 +8,25 @@
       date: '2023-01-05',
       textColor: '#800080',
       backgroundColor: '#ffc0cb',
+      border: '1px solid #e91e63',
     },
     {
       date: '2023-01-10',
       textColor: '#09721b',
       backgroundColor: '#c8e5d0',
+      border: '1px solid #4caf50',
     },
     {
       date: '2023-01-20',
-      textColor: 'var(--ion-color-secondary-contrast)',
-      backgroundColor: 'var(--ion-color-secondary)',
+      textColor: 'var(--ion-color-secondary)',
+      backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
+      border: '1px solid var(--ion-color-secondary-shade)',
     },
     {
       date: '2023-01-23',
       textColor: 'rgb(68, 10, 184)',
       backgroundColor: 'rgb(211, 200, 229)',
+      border: '1px solid rgb(103, 58, 183)',
     },
   ];
 </script>
diff --git a/static/usage/v8/datetime/highlightedDates/array/react.md b/static/usage/v8/datetime/highlightedDates/array/react.md
index 4d8d9258f63..f49daad4da2 100644
--- a/static/usage/v8/datetime/highlightedDates/array/react.md
+++ b/static/usage/v8/datetime/highlightedDates/array/react.md
@@ -11,21 +11,25 @@ function Example() {
           date: '2023-01-05',
           textColor: '#800080',
           backgroundColor: '#ffc0cb',
+          border: '1px solid #e91e63',
         },
         {
           date: '2023-01-10',
           textColor: '#09721b',
           backgroundColor: '#c8e5d0',
+          border: '1px solid #4caf50',
         },
         {
           date: '2023-01-20',
-          textColor: 'var(--ion-color-secondary-contrast)',
-          backgroundColor: 'var(--ion-color-secondary)',
+          textColor: 'var(--ion-color-secondary)',
+          backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
+          border: '1px solid var(--ion-color-secondary-shade)',
         },
         {
           date: '2023-01-23',
           textColor: 'rgb(68, 10, 184)',
           backgroundColor: 'rgb(211, 200, 229)',
+          border: '1px solid rgb(103, 58, 183)',
         },
       ]}
     ></IonDatetime>
diff --git a/static/usage/v8/datetime/highlightedDates/array/vue.md b/static/usage/v8/datetime/highlightedDates/array/vue.md
index 408f58f2833..40cc4316e6d 100644
--- a/static/usage/v8/datetime/highlightedDates/array/vue.md
+++ b/static/usage/v8/datetime/highlightedDates/array/vue.md
@@ -15,21 +15,25 @@
           date: '2023-01-05',
           textColor: '#800080',
           backgroundColor: '#ffc0cb',
+          border: '1px solid #e91e63',
         },
         {
           date: '2023-01-10',
           textColor: '#09721b',
           backgroundColor: '#c8e5d0',
+          border: '1px solid #4caf50',
         },
         {
           date: '2023-01-20',
-          textColor: 'var(--ion-color-secondary-contrast)',
-          backgroundColor: 'var(--ion-color-secondary)',
+          textColor: 'var(--ion-color-secondary)',
+          backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
+          border: '1px solid var(--ion-color-secondary-shade)',
         },
         {
           date: '2023-01-23',
           textColor: 'rgb(68, 10, 184)',
           backgroundColor: 'rgb(211, 200, 229)',
+          border: '1px solid rgb(103, 58, 183)',
         },
       ];
 
diff --git a/static/usage/v8/datetime/highlightedDates/callback/angular/example_component_ts.md b/static/usage/v8/datetime/highlightedDates/callback/angular/example_component_ts.md
index b877e31c7e5..159d9f8700a 100644
--- a/static/usage/v8/datetime/highlightedDates/callback/angular/example_component_ts.md
+++ b/static/usage/v8/datetime/highlightedDates/callback/angular/example_component_ts.md
@@ -17,13 +17,15 @@ export class ExampleComponent {
       return {
         textColor: '#800080',
         backgroundColor: '#ffc0cb',
+        border: '1px solid #e91e63',
       };
     }
 
     if (utcDay % 3 === 0) {
       return {
-        textColor: 'var(--ion-color-secondary-contrast)',
-        backgroundColor: 'var(--ion-color-secondary)',
+        textColor: 'var(--ion-color-secondary)',
+        backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
+        border: '1px solid var(--ion-color-secondary-shade)',
       };
     }
 
diff --git a/static/usage/v8/datetime/highlightedDates/callback/demo.html b/static/usage/v8/datetime/highlightedDates/callback/demo.html
index 855b797ed2d..447b01e38f5 100644
--- a/static/usage/v8/datetime/highlightedDates/callback/demo.html
+++ b/static/usage/v8/datetime/highlightedDates/callback/demo.html
@@ -34,13 +34,15 @@
           return {
             textColor: '#800080',
             backgroundColor: '#ffc0cb',
+            border: '1px solid #e91e63',
           };
         }
 
         if (utcDay % 3 === 0) {
           return {
-            textColor: 'var(--ion-color-secondary-contrast)',
-            backgroundColor: 'var(--ion-color-secondary)',
+            textColor: 'var(--ion-color-secondary)',
+            backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
+            border: '1px solid var(--ion-color-secondary-shade)',
           };
         }
 
diff --git a/static/usage/v8/datetime/highlightedDates/callback/javascript.md b/static/usage/v8/datetime/highlightedDates/callback/javascript.md
index 9041810960b..e7774445358 100644
--- a/static/usage/v8/datetime/highlightedDates/callback/javascript.md
+++ b/static/usage/v8/datetime/highlightedDates/callback/javascript.md
@@ -11,13 +11,15 @@
       return {
         textColor: '#800080',
         backgroundColor: '#ffc0cb',
+        border: '1px solid #e91e63',
       };
     }
 
     if (utcDay % 3 === 0) {
       return {
-        textColor: 'var(--ion-color-secondary-contrast)',
-        backgroundColor: 'var(--ion-color-secondary)',
+        textColor: 'var(--ion-color-secondary)',
+        backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
+        border: '1px solid var(--ion-color-secondary-shade)',
       };
     }
 
diff --git a/static/usage/v8/datetime/highlightedDates/callback/react.md b/static/usage/v8/datetime/highlightedDates/callback/react.md
index 6543a1366ca..b730427ea96 100644
--- a/static/usage/v8/datetime/highlightedDates/callback/react.md
+++ b/static/usage/v8/datetime/highlightedDates/callback/react.md
@@ -13,13 +13,15 @@ function Example() {
           return {
             textColor: '#800080',
             backgroundColor: '#ffc0cb',
+            border: '1px solid #e91e63',
           };
         }
 
         if (utcDay % 3 === 0) {
           return {
-            textColor: 'var(--ion-color-secondary-contrast)',
-            backgroundColor: 'var(--ion-color-secondary)',
+            textColor: 'var(--ion-color-secondary)',
+            backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
+            border: '1px solid var(--ion-color-secondary-shade)',
           };
         }
 
diff --git a/static/usage/v8/datetime/highlightedDates/callback/vue.md b/static/usage/v8/datetime/highlightedDates/callback/vue.md
index e916b2cef1b..5288fefea8e 100644
--- a/static/usage/v8/datetime/highlightedDates/callback/vue.md
+++ b/static/usage/v8/datetime/highlightedDates/callback/vue.md
@@ -18,13 +18,15 @@
           return {
             textColor: '#800080',
             backgroundColor: '#ffc0cb',
+            border: '1px solid #e91e63',
           };
         }
 
         if (utcDay % 3 === 0) {
           return {
-            textColor: 'var(--ion-color-secondary-contrast)',
-            backgroundColor: 'var(--ion-color-secondary)',
+            textColor: 'var(--ion-color-secondary)',
+            backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
+            border: '1px solid var(--ion-color-secondary-shade)',
           };
         }