fix: update create-slidev-theme

slidevjs · Jun 4, 2021 · c0041e4 · c0041e4
1 parent d16c7dd
commit c0041e4
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 23 deletions.
diff --git a/packages/create-theme/template/README.md b/packages/create-theme/template/README.md
@@ -5,15 +5,18 @@
 A (...) theme for [Slidev](https://github.com/slidevjs/slidev).
 
 <!--
-run `npm run dev` to check out the slides for more details of how to start writing a theme
--->
+  Learn more about how to write a theme:
+  https://sli.dev/themes/write-a-theme.html
+--->
 
 <!--
-put some screenshots here to demonstrate your theme,
+  run `npm run dev` to check out the slides for more details of how to start writing a theme
 -->
 
-<!-- 
-Live demo: [...]
+<!--
+  Put some screenshots here to demonstrate your theme
+
+  Live demo: [...]
 -->
 
 ## Install

diff --git a/packages/create-theme/template/example.md b/packages/create-theme/template/example.md
@@ -1,5 +1,5 @@
 ---
-theme: none
+theme: ./
 ---
 
 # Slidev Theme Starter
@@ -17,7 +17,7 @@ Presentation slides for developers
 # What is Slidev?
 
 Slidev is a slides maker and presenter designed for developers, consist of the following features
-  
+
 - 📝 **Text-based** - focus on the content with Markdown, and then style them later
 - 🎨 **Themable** - theme can be shared and used with npm packages
 - 🧑‍💻 **Developer Friendly** - code highlighting, live coding with autocompletion

diff --git a/packages/create-theme/template/index.html b/packages/create-theme/template/index.html
diff --git a/packages/create-theme/template/package.json b/packages/create-theme/template/package.json
@@ -1,11 +1,23 @@
 {
+  "engines": {
+    "node": ">=14.0.0",
+    "slidev": ">=0.19.3"
+  },
   "keywords": [
     "slidev-theme",
     "slidev"
   ],
+  "//": "Learn more: https://sli.dev/themes/write-a-theme.html",
   "slidev": {
     "colorSchema": "both",
-    "highlighter": "all"
+    "highlighter": "all",
+    "defaults": {
+      "fonts": {
+        "sans": "Nunito Sans",
+        "mono": "Fira Code"
+      },
+      "hightlighter": "prism"
+    }
   },
   "scripts": {
     "dev": "slidev example.md --open",
@@ -20,6 +32,6 @@
     "theme-vitesse": "^0.1.11"
   },
   "devDependencies": {
-    "@slidev/cli": "*"
+    "@slidev/cli": "^0.19.3"
   }
 }
diff --git a/packages/create-theme/template/setup/windicss.ts b/packages/create-theme/template/setup/windicss.ts
@@ -11,13 +11,4 @@ export default defineWindiSetup(() => ({
     // custom the default background
     'bg-main': 'bg-white text-[#181818] dark:(bg-[#121212] text-[#ddd])',
   },
-  theme: {
-    extend: {
-      // fonts can be replaced here, remember to update the web font links in `index.html`
-      fontFamily: {
-        sans: '"Nunito Sans", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',
-        mono: '"Fira Code", monospace',
-      },
-    },
-  },
 }))
diff --git a/packages/create-theme/template/styles/layout.css b/packages/create-theme/template/styles/layout.css
@@ -13,6 +13,18 @@
   }
 
   h1 + p {
-    @apply opacity-40 -mt-4 text-2xl;
+    @apply -mt-2 opacity-50 mb-4;
+  }
+
+  p + h2, ul + h2, table + h2 {
+    @apply mt-10;
+  }
+
+  h3 {
+    @apply text-sm pt-2 uppercase tracking-widest font-500 -ml-[0.05em];
+  }
+
+  h3:not(.opacity-100) {
+    @apply opacity-40;
   }
 }