narcis review feedback incorporated from PR adobecom#2928

libs/features/cdt/cdt.css

@@ -17,9 +17,6 @@
   font-size: var(--type-body-s-size);
   font-weight: 700;
   line-height: var(--type-body-xxl-size);
-}
-
-.light .timer-label {
   color: #000;
 }
 
@@ -58,9 +55,6 @@
   font-weight: 700;
   text-align: center;
   line-height: var(--type-body-xxl-size);
-}
-
-.light .timer-box {
   background-color: #222;
   color: #FFF;
 }
@@ -86,9 +80,6 @@ html[dir="rtl"] .timer-unit-container {
   font-weight: 400;
   text-align: start;
   line-height: var(--type-body-xxl-size);
-}
-
-.light .timer-unit-label {
   color: #464646;
 }
 

libs/features/cdt/cdt.js

@@ -111,13 +111,14 @@ export default async function initCDT(el, classList) {
     const parsedTime = Date.parse(time?.trim());
     return Number.isNaN(parsedTime) ? null : parsedTime;
   });
+
   if (timeRangesEpoch.includes(null)) {
     throw new Error('Invalid format for countdown timer range');
   }
 
   const cdtDiv = createTag('div', { class: 'countdown-timer' }, null, { parent: el });
   cdtDiv.classList.add(isMobile() ? 'vertical' : 'horizontal');
-  cdtDiv.classList.add(classList.contains('dark') ? 'dark' : 'light');
+  if (classList.contains('dark')) cdtDiv.classList.add('dark');
   if (classList.contains('center')) cdtDiv.classList.add('center');
 
   loadCountdownTimer(cdtDiv, cdtLabel, cdtDays, cdtHours, cdtMins, timeRangesEpoch);

libs/utils/decorate.js

@@ -323,6 +323,6 @@ export async function loadCDT(el, classList) {
         .then(({ default: initCDT }) => initCDT(el, classList)),
     ]);
   } catch (error) {
-    window.lana?.log(`Failed to load countdown timer module: ${error}`, { tags: 'countdown-timer' });
+    window.lana?.log(`WARN: Failed to load countdown timer: ${error}`, { tags: 'errorType=warn,module=countdown-timer' });
   }
 }