@zlict/slidev-theme-zli 0.0.9

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+### [0.0.9](https://github.com/zlict/slidev-theme/compare/v0.0.8...v0.0.9) (2022-05-23)
+
+### [0.0.8](https://github.com/zlict/slidev-theme/compare/v0.0.7...v0.0.8) (2022-05-23)
+
+### [0.0.7](https://github.com/zlict/slidev-theme/compare/v0.0.6...v0.0.7) (2022-05-23)
+
+### [0.0.6](https://github.com/zlict/slidev-theme/compare/v0.0.5...v0.0.6) (2022-05-23)
+
+### [0.0.5](https://github.com/zlict/slidev-theme/compare/v0.0.4...v0.0.5) (2022-05-23)
+
+### [0.0.4](https://github.com/zlict/slidev-theme/compare/v0.0.3...v0.0.4) (2022-05-23)
+
+### [0.0.3](https://github.com/zlict/slidev-theme/compare/v0.0.2...v0.0.3) (2022-05-23)
+
+### 0.0.2 (2022-05-23)
+
+
+### 🚀 Features
+
+* add version management ([f139e3d](https://github.com/zlict/slidev-theme/commit/f139e3d35ca360f5afc18b2632cc40c6935cc603))
+* generate zli theme ([82e0bfb](https://github.com/zlict/slidev-theme/commit/82e0bfb25507ec6d924da2d4ec9c4fa8f8d4934e))

package/README.md

@@ -0,0 +1,46 @@
+# slidev-theme-zli
+
+<!--
+  Learn more about how to write a theme:
+  https://sli.dev/themes/write-a-theme.html
+--->
+
+<!--
+  run `npm run dev` to check out the slides for more details of how to start writing a theme
+-->
+
+<!--
+  Put some screenshots here to demonstrate your theme
+
+  Live demo: [...]
+-->
+
+## Install
+
+Add the following frontmatter to your `slides.md`. Start Slidev then it will prompt you to install the theme automatically.
+
+<pre><code>---
+theme: <b>zli-theme</b>
+---</code></pre>
+
+Learn more about [how to use a theme](https://sli.dev/themes/use).
+
+## Layouts
+
+This theme provides the following layouts:
+
+> TODO:
+
+## Components
+
+This theme provides the following components:
+
+> TODO:
+
+## Contributing
+
+- `npm install`
+- `npm run dev` to start theme preview of `example.md`
+- Edit the `example.md` and style to see the changes
+- `npm run export` to generate the preview PDF
+- `npm run screenshot` to generate the preview PNG

package/layouts/cover.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="slidev-layout cover">
+    <div class="my-auto w-full">
+      <slot />
+    </div>
+  </div>
+</template>

package/layouts/intro.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="slidev-layout intro">
+    <div class="my-auto">
+      <slot />
+    </div>
+  </div>
+</template>

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@zlict/slidev-theme-zli",
+  "version": "0.0.9",
+  "description": "ZLI Slidev theme",
+  "keywords": [
+    "slidev-theme",
+    "slidev"
+  ],
+  "homepage": "https://github.com/zlict/slidev-theme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/zlict/slidev-theme"
+  },
+  "bugs": {
+    "url": "https://github.com/zlict/slidev-theme/issues"
+  },
+  "author": "openscript GmbH <hi+npm@openscript.ch>",
+  "scripts": {
+    "build": "slidev build example.md",
+    "dev": "slidev example.md --open",
+    "export": "slidev export example.md",
+    "screenshot": "slidev export example.md --format png",
+    "release:major": "standard-version --release-as major && git push --follow-tags",
+    "release:minor": "standard-version --release-as minor && git push --follow-tags",
+    "release:patch": "standard-version --release-as patch && git push --follow-tags",
+    "release:create-github-release": "conventional-github-releaser -p angular"
+  },
+  "dependencies": {
+    "@slidev/types": "^0.31.4",
+    "codemirror-theme-vars": "^0.1.1",
+    "prism-theme-vars": "^0.2.2",
+    "theme-vitesse": "^0.4.10"
+  },
+  "devDependencies": {
+    "@slidev/cli": "^0.31.4",
+    "conventional-github-releaser": "^3.1.5",
+    "standard-version": "^9.5.0"
+  },
+  "engines": {
+    "node": ">=14.0.0",
+    "slidev": ">=0.19.3"
+  },
+  "slidev": {
+    "colorSchema": "both",
+    "highlighter": "all",
+    "defaults": {
+      "fonts": {
+        "sans": "Nunito Sans",
+        "mono": "Fira Code"
+      },
+      "hightlighter": "prism"
+    }
+  }
+}

package/setup/shiki.ts

@@ -0,0 +1,10 @@
+import { defineShikiSetup } from '@slidev/types'
+
+export default defineShikiSetup(async ({ loadTheme }) => {
+  return {
+    theme: {
+      dark: await loadTheme(require.resolve('theme-vitesse/themes/vitesse-dark.json')),
+      light: await loadTheme(require.resolve('theme-vitesse/themes/vitesse-light.json')),
+    },
+  }
+})

package/setup/windicss.ts

@@ -0,0 +1,14 @@
+import { resolve } from 'path'
+import { defineWindiSetup } from '@slidev/types'
+
+export default defineWindiSetup(() => ({
+  extract: {
+    include: [
+      resolve(__dirname, '../**/*.{vue,ts}'),
+    ],
+  },
+  shortcuts: {
+    // custom the default background
+    'bg-main': 'bg-white text-[#181818] dark:(bg-[#121212] text-[#ddd])',
+  },
+}))

package/styles/code.css

@@ -0,0 +1,76 @@
+@import 'prism-theme-vars/base.css';
+@import 'codemirror-theme-vars/base.css';
+@import 'prism-theme-vars/to-codemirror.css';
+
+:root {
+  --prism-font-family: var(--slidev-code-font-family);
+}
+
+html:not(.dark) {
+  --prism-foreground: #393a34;
+  --prism-background: #f8f8f8;
+  --prism-comment: #a0ada0;
+  --prism-string: #b56959;
+  --prism-literal: #2f8a89;
+  --prism-number: #296aa3;
+  --prism-keyword: #1c6b48;
+  --prism-function: #6c7834;
+  --prism-boolean: #1c6b48;
+  --prism-constant: #a65e2b;
+  --prism-deleted: #a14f55;
+  --prism-class: #2993a3;
+  --prism-builtin: #ab5959;
+  --prism-property: #b58451;
+  --prism-namespace: #b05a78;
+  --prism-punctuation: #8e8f8b;
+  --prism-decorator: #bd8f8f;
+  --prism-regex: #ab5e3f;
+  --prism-json-property: #698c96;
+}
+
+html.dark {
+  --prism-foreground: #d4cfbf;
+  --prism-background: #1b1b1b;
+  --prism-comment: #758575;
+  --prism-string: #d48372;
+  --prism-literal: #429988;
+  --prism-keyword: #4d9375;
+  --prism-boolean: #1c6b48;
+  --prism-number: #6394bf;
+  --prism-variable: #c2b36e;
+  --prism-function: #a1b567;
+  --prism-deleted: #a14f55;
+  --prism-class: #54b1bf;
+  --prism-builtin: #e0a569;
+  --prism-property: #dd8e6e;
+  --prism-namespace: #db889a;
+  --prism-punctuation: #858585;
+  --prism-decorator: #bd8f8f;
+  --prism-regex: #ab5e3f;
+  --prism-json-property: #6b8b9e;
+  --prism-line-number: #888888;
+  --prism-line-number-gutter: #eeeeee;
+  --prism-line-highlight-background: #444444;
+  --prism-selection-background: #444444;
+}
+
+pre[class*='language-'] {
+  @apply p-2;
+}
+
+:not(pre) > code {
+  font-size: 0.9em;
+  background: var(--prism-background);
+  @apply font-light py-0.5 rounded;
+}
+
+
+:not(pre) > code:before,
+:not(pre) > code:after {
+  content: '`';
+  opacity: 0.50;
+}
+
+:not(pre) > code:before {
+  margin-right: -0.08em;
+}

package/styles/index.ts

@@ -0,0 +1,4 @@
+// inherit from base layouts, remove it to get full customizations
+import '@slidev/client/styles/layouts-base.css'
+import './layout.css'
+import './code.css'

package/styles/layout.css

@@ -0,0 +1,22 @@
+:root {
+  // default theme color
+  // can be overrided by uses `themeConfig` option
+  --slidev-theme-primary: #5d8392;
+}
+
+.slidev-layout.cover,
+.slidev-layout.intro {
+  @apply h-full grid;
+
+  h1 {
+    @apply text-6xl leading-20;
+  }
+
+  h1 + p {
+    @apply -mt-2 opacity-50 mb-4;
+  }
+
+  p + h2, ul + h2, table + h2 {
+    @apply mt-10;
+  }
+}