theme selections

AnswerDotAI · Feb 18, 2025 · b794790 · b794790
1 parent 3e0f8f6
commit b794790
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 39 deletions.
diff --git a/monsterui/core.py b/monsterui/core.py
@@ -50,7 +50,7 @@ class ThemeFont:
     default = 'uk-font-base'
 
 # %% ../nbs/01_core.ipynb
-def _headers_theme(color, mode='auto', radii='md', shadows='sm', font='sm'):
+def _headers_theme(color, mode='auto', radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm):
     mode_script = {
         'auto': '''
           const __FRANKEN__ = JSON.parse(localStorage.getItem("__FRANKEN__") || "{}");
@@ -75,9 +75,9 @@ def _headers_theme(color, mode='auto', radii='md', shadows='sm', font='sm'):
         {mode_script[mode]}
           htmlElement.classList.add("uk-theme-{color}");
           htmlElement.classList.add(__FRANKEN__.theme || "uk-theme-{color}");
-          htmlElement.classList.add(__FRANKEN__.radii || "uk-radii-{radii}");
-          htmlElement.classList.add(__FRANKEN__.shadows || "uk-shadows-{shadows}");
-          htmlElement.classList.add(__FRANKEN__.font || "uk-font-{font}");
+          htmlElement.classList.add(__FRANKEN__.radii || "{radii}");
+          htmlElement.classList.add(__FRANKEN__.shadows || "{shadows}");
+          htmlElement.classList.add(__FRANKEN__.font || "{font}");
     ''')
 
 # %% ../nbs/01_core.ipynb
@@ -166,7 +166,7 @@ def _generate_next_value_(name, start, count, last_values): return name
     violet = auto()
     zinc = auto()
 
-    def _create_headers(self, urls, mode='auto', daisy=True, highlightjs=False, katex=True, radii='md', shadows='sm', font='sm'):
+    def _create_headers(self, urls, mode='auto', daisy=True, highlightjs=False, katex=True, radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm):
         "Create header elements with given URLs"
         hdrs = [
             fh.Link(rel="stylesheet", href=urls['franken_css']),
@@ -236,7 +236,7 @@ def _create_headers(self, urls, mode='auto', daisy=True, highlightjs=False, kate
                 ]
         return hdrs
 
-    def headers(self, mode='auto', daisy=True, highlightjs=False, katex=True, radii='md', shadows='sm', font='sm' ):
+    def headers(self, mode='auto', daisy=True, highlightjs=False, katex=True, radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm ):
         "Create frankenui and tailwind cdns"
         return self._create_headers(HEADER_URLS, mode=mode, daisy=daisy, highlightjs=highlightjs, katex=katex, radii=radii, shadows=shadows, font=font)    
 

diff --git a/nbs/01_core.ipynb b/nbs/01_core.ipynb
@@ -174,7 +174,7 @@
    "outputs": [],
    "source": [
     "#| export\n",
-    "def _headers_theme(color, mode='auto', radii='md', shadows='sm', font='sm'):\n",
+    "def _headers_theme(color, mode='auto', radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm):\n",
     "    mode_script = {\n",
     "        'auto': '''\n",
     "          const __FRANKEN__ = JSON.parse(localStorage.getItem(\"__FRANKEN__\") || \"{}\");\n",
@@ -199,39 +199,12 @@
     "        {mode_script[mode]}\n",
     "          htmlElement.classList.add(\"uk-theme-{color}\");\n",
     "          htmlElement.classList.add(__FRANKEN__.theme || \"uk-theme-{color}\");\n",
-    "          htmlElement.classList.add(__FRANKEN__.radii || \"uk-radii-{radii}\");\n",
-    "          htmlElement.classList.add(__FRANKEN__.shadows || \"uk-shadows-{shadows}\");\n",
-    "          htmlElement.classList.add(__FRANKEN__.font || \"uk-font-{font}\");\n",
+    "          htmlElement.classList.add(__FRANKEN__.radii || \"{radii}\");\n",
+    "          htmlElement.classList.add(__FRANKEN__.shadows || \"{shadows}\");\n",
+    "          htmlElement.classList.add(__FRANKEN__.font || \"{font}\");\n",
     "    ''')"
    ]
   },
-  {
-   "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,
@@ -344,7 +317,7 @@
     "    violet = auto()\n",
     "    zinc = auto()\n",
     "\n",
-    "    def _create_headers(self, urls, mode='auto', daisy=True, highlightjs=False, katex=True, radii='md', shadows='sm', font='sm'):\n",
+    "    def _create_headers(self, urls, mode='auto', daisy=True, highlightjs=False, katex=True, radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm):\n",
     "        \"Create header elements with given URLs\"\n",
     "        hdrs = [\n",
     "            fh.Link(rel=\"stylesheet\", href=urls['franken_css']),\n",
@@ -414,7 +387,7 @@
     "                ]\n",
     "        return hdrs\n",
     "\n",
-    "    def headers(self, mode='auto', daisy=True, highlightjs=False, katex=True, radii='md', shadows='sm', font='sm' ):\n",
+    "    def headers(self, mode='auto', daisy=True, highlightjs=False, katex=True, radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm ):\n",
     "        \"Create frankenui and tailwind cdns\"\n",
     "        return self._create_headers(HEADER_URLS, mode=mode, daisy=daisy, highlightjs=highlightjs, katex=katex, radii=radii, shadows=shadows, font=font)    \n",
     "    \n",