From b1da8bb51989950a64fce08437c7b06691d4fa89 Mon Sep 17 00:00:00 2001
From: Mat Manna <matmanna@outlook.com>
Date: Mon, 27 Apr 2026 20:07:34 -0400
Subject: [PATCH] Support dark: variants - map same as base class

- Create dark:text-primary-300 -> same cXX as text-primary-300
- Update CSS to also replace .dark\:class selectors
---
 scripts/debug.js      | 14 ++++++++++++++
 scripts/post-build.js | 26 +++++++++++++++-----------
 2 files changed, 29 insertions(+), 11 deletions(-)
 create mode 100644 scripts/debug.js

diff --git a/scripts/debug.js b/scripts/debug.js
new file mode 100644
index 0000000..33489d5
--- /dev/null
+++ b/scripts/debug.js
@@ -0,0 +1,14 @@
+const fs = require('fs');
+const html = fs.readFileSync('_site/index.html', 'utf8');
+const css = html.match(/<style>([\s\S]*?)<\/style>/g)[0];
+
+// Find dark: selectors
+const darks = css.match(/\.dark\\:[a-z0-9\-]+/g);
+console.log('Dark selectors sample:', darks ? darks.slice(0, 5) : 'none');
+
+// Both dark and normal have same styles - we could create mappings
+const text300dark = css.includes('.dark\\:text-primary-300');
+const text300norm = css.includes('.text-primary-300');
+
+// If we map text-primary-300 to cXX, we also need to map dark:text-primary-300 to SAME cXX
+console.log('Same base class:', text300dark && text300norm);
\ No newline at end of file
diff --git a/scripts/post-build.js b/scripts/post-build.js
index ebadc0f..a471d8b 100644
--- a/scripts/post-build.js
+++ b/scripts/post-build.js
@@ -9,13 +9,11 @@ let idx = 0;
 
 function shouldSkip(c) {
   // Icons - MUST skip
-  if (c.includes('fa-') || c.includes('icon-fa') || c.includes('icon-fa')) return true;
+  if (c.includes('fa-') || c.includes('icon-fa')) return true;
   if (c.startsWith('not-')) return true;
-    if (c.includes('border')) return true;
-  // Dark mode variants won't work without complex CSS mapping
-  if (c.startsWith('dark:') || c.includes(":")) return true;
+  if (c.includes('border')) return true;
   // Max/min widths
-  if (c.startsWith('max-w-') ) return true;
+  if (c.startsWith('max-w-')) return true;
   return false;
 }
 
@@ -33,7 +31,13 @@ function processFile(filePath) {
     });
   });
   
-  // Second pass: replace in HTML
+  // Also create dark: mappings (e.g., dark:text-primary-300 → same cXX as text-primary-300)
+  Object.keys(classMap).forEach(orig => {
+    const darkVer = 'dark:' + orig;
+    classMap[darkVer] = classMap[orig];
+  });
+  
+  // Second pass: replace in HTML (including dark: variants)
   matches.forEach(m => {
     const arr = m.slice(7, -1).split(' ').filter(c => c);
     const newArr = arr.map(c => shouldSkip(c) ? c : classMap[c]);
@@ -50,17 +54,17 @@ function processFile(filePath) {
     Object.entries(classMap).forEach(([orig, short]) => {
       if (shouldSkip(orig)) return;
       
+      // Base: .class → .short
       let escaped = orig.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
       escaped = escaped.replace(/-/g, '\\-');
       
       let regex = new RegExp('\\.' + escaped + '([{:, >~]+)', 'g');
       newStyle = newStyle.replace(regex, '.' + short + '$1');
       
-      if (orig.includes(':')) {
-        const colonEscaped = escaped.split(':').join('\\:');
-        regex = new RegExp('\\.' + colonEscaped + '([{:, >~]+)', 'g');
-        newStyle = newStyle.replace(regex, '.' + short + '$1');
-      }
+      // Dark variant: .dark\:class → .short
+      const darkEscaped = '.dark\\\\:' + escaped;
+      regex = new RegExp(darkEscaped + '([{:, >~]+)', 'g');
+      newStyle = newStyle.replace(regex, '.' + short + '$1');
     });
     
     if (newStyle !== styleBlock) {
-- 
2.51.2