fix(extras): move to a more usable version of delivering MonkeyType t…

…hemes
AstroNvim · Aug 13, 2024 · f1e8bb6 · f1e8bb6
1 parent fb86b47
commit f1e8bb6
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 69 deletions.
diff --git a/extras/monkeytype/astrodark.css b/extras/monkeytype/astrodark.css
diff --git a/extras/monkeytype/astrojupiter.css b/extras/monkeytype/astrojupiter.css
diff --git a/extras/monkeytype/astrolight.css b/extras/monkeytype/astrolight.css
diff --git a/extras/monkeytype/astromars.css b/extras/monkeytype/astromars.css
diff --git a/lua/astrotheme/extras/init.lua b/lua/astrotheme/extras/init.lua
@@ -26,7 +26,7 @@ M.extras = {
   kitty            = { ext = "conf", url = "https://sw.kovidgoyal.net/kitty/conf.html", label = "Kitty" },
   lazygit          = { ext = "yml", url = "https://github.com/jesseduffield/lazygit", label = "Lazygit" },
   lua              = { ext = "lua", url = "https://www.lua.org", label = "Lua Table for testing" },
-  monkeytype       = { ext = "css", url = "https://monkeytype.com", label = "MonkeyType" },
+  monkeytype       = { ext = "md", url = "https://monkeytype.com", label = "MonkeyType" },
   prism            = { ext = "js", url = "https://prismjs.com", label = "Prism" },
   process_compose  = { ext = "yaml", url = "https://f1bonacc1.github.io/process-compose/", label = "process-compose" },
   slack            = {ext = "txt", url = "https://slack.com", label = "Slack"},

diff --git a/lua/astrotheme/extras/monkeytype.lua b/lua/astrotheme/extras/monkeytype.lua
@@ -6,6 +6,7 @@ local M = {}
 function M.generate(colors)
   -- build the color palette
   local monkeytype_colors = {
+    name = colors._style_name,
     bg = colors.ui.base,
     main = colors.ui.accent,
     caret = colors.ui.text,
@@ -34,10 +35,13 @@ function M.generate(colors)
   })
   return util.template(
     [=[
-/* ${_style_name} MonkeyType Colors */
-/* Apply the theme easily with the link below
- * https://monkeytype.com?customTheme=${encoded}
- */
+# ${name} MonkeyType Theme
+
+[Click here to apply ${name} in MonkeyType](https://monkeytype.com?customTheme=${encoded})
+
+Here is the CSS that gets applied when clicking the link above:
+
+```css
 :root {
     --bg-color: ${bg};
     --main-color: ${main};
@@ -50,6 +54,7 @@ function M.generate(colors)
     --colorful-error-color: ${colorful_error};
     --colorful-error-extra-color: ${colorful_error_extra};
    }
+```
 ]=],
     monkeytype_colors
   )