darkmode selector for tailwind

AnswerDotAI · Feb 10, 2025 · f73a011 · f73a011
1 parent 1736168
commit f73a011
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/monsterui/core.py b/monsterui/core.py
@@ -157,6 +157,11 @@ def _create_headers(self, urls, mode='auto', daisy=True, highlightjs=False, kate
             fh.Script(type="module", src=urls['franken_js_core']),
             fh.Script(type="module", src=urls['franken_icons']),
             fh.Script(src=urls['tailwind']),
+            fh.Script("""
+    tailwind.config = {
+        darkMode: 'selector',
+    }
+    """),
             _headers_theme(self.value, mode=mode),
             scrollspy_style]
 

diff --git a/nbs/01_core.ipynb b/nbs/01_core.ipynb
@@ -180,6 +180,33 @@
     "    ''')"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/markdown": [
+       "```html\n",
+       "<script>\n",
+       "    tailwind.config = {\n",
+       "        darkMode: &#x27;selector&#x27;,\n",
+       "    }\n",
+       "    </script>\n",
+       "```"
+      ],
+      "text/plain": [
+       "script((\"\\n    tailwind.config = {\\n        darkMode: 'selector',\\n    }\\n    \",),{})"
+      ]
+     },
+     "execution_count": null,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": []
+  },
   {
    "cell_type": "code",
    "execution_count": null,
@@ -302,6 +329,11 @@
     "            fh.Script(type=\"module\", src=urls['franken_js_core']),\n",
     "            fh.Script(type=\"module\", src=urls['franken_icons']),\n",
     "            fh.Script(src=urls['tailwind']),\n",
+    "            fh.Script(\"\"\"\n",
+    "    tailwind.config = {\n",
+    "        darkMode: 'selector',\n",
+    "    }\n",
+    "    \"\"\"),\n",
     "            _headers_theme(self.value, mode=mode),\n",
     "            scrollspy_style]\n",
     "\n",