feat!: update theme for Slidev 0.47

slidevjs · Feb 2, 2024 · b583773 · b583773
1 parent 845a6a6
commit b583773
Show file tree

Hide file tree

Showing 22 changed files with 638 additions and 321 deletions.
diff --git a/package.json b/package.json
@@ -18,10 +18,10 @@
     "@antfu/eslint-config": "^2.6.3",
     "@antfu/ni": "^0.21.12",
     "@antfu/utils": "^0.7.7",
-    "@slidev/cli": "^0.46.3",
-    "@slidev/client": "^0.46.3",
-    "@slidev/parser": "^0.46.3",
-    "@slidev/types": "^0.46.3",
+    "@slidev/cli": "^0.47.0",
+    "@slidev/client": "^0.47.0",
+    "@slidev/parser": "^0.47.0",
+    "@slidev/types": "^0.47.0",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^20.11.16",
     "@typescript-eslint/eslint-plugin": "^6.20.0",

diff --git a/packages/theme-apple-basic/package.json b/packages/theme-apple-basic/package.json
@@ -16,11 +16,9 @@
   ],
   "engines": {
     "node": ">=14.0.0",
-    "slidev": ">=0.19.3"
+    "slidev": ">=v0.47.0"
   },
   "slidev": {
-    "colorSchema": "both",
-    "highlighter": "all",
     "defaults": {
       "fonts": {
         "sans": "Helvetica Neue",
@@ -35,9 +33,8 @@
     "screenshot": "slidev export example.md --format png"
   },
   "dependencies": {
-    "@slidev/types": "^0.46.3",
+    "@slidev/types": "^0.47.0",
     "codemirror-theme-vars": "^0.1.2",
-    "prism-theme-vars": "^0.2.4",
-    "theme-vitesse": "^0.7.5"
+    "prism-theme-vars": "^0.2.4"
   }
 }
diff --git a/packages/theme-apple-basic/styles/index.ts b/packages/theme-apple-basic/styles/index.ts
@@ -1,2 +1,2 @@
 import './layout.css'
-import './code.css'
+import './prism.css'
diff --git a/packages/theme-apple-basic/styles/code.css → packages/theme-apple-basic/styles/prism.css b/packages/theme-apple-basic/styles/code.css → packages/theme-apple-basic/styles/prism.css
@@ -4,12 +4,11 @@
 
 :root {
   --prism-font-family: var(--slidev-code-font-family);
-  --slidev-code-background: var(--prism-background);
+  --prism-background: var(--slidev-code-background);
 }
 
 html:not(.dark) {
   --prism-foreground: #393a34;
-  --prism-background: #f8f8f8;
   --prism-comment: #a0ada0;
   --prism-string: #b56959;
   --prism-literal: #2f8a89;
@@ -31,7 +30,6 @@ html:not(.dark) {
 
 html.dark {
   --prism-foreground: #d4cfbf;
-  --prism-background: #202020;
   --prism-comment: #758575;
   --prism-string: #d48372;
   --prism-literal: #429988;
@@ -54,17 +52,3 @@ html.dark {
   --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 {
-  margin-right: -0.08em;
-}
diff --git a/packages/theme-bricks/package.json b/packages/theme-bricks/package.json
@@ -16,11 +16,10 @@
   ],
   "engines": {
     "node": ">=14.0.0",
-    "slidev": ">=0.19.2"
+    "slidev": ">=v0.47.0"
   },
   "slidev": {
     "colorSchema": "light",
-    "highlighter": "all",
     "defaults": {
       "fonts": {
         "sans": "Signika Negative",
@@ -30,9 +29,8 @@
     }
   },
   "dependencies": {
-    "@slidev/types": "^0.46.3",
+    "@slidev/types": "^0.47.0",
     "codemirror-theme-vars": "^0.1.2",
-    "prism-theme-vars": "^0.2.4",
-    "theme-vitesse": "^0.7.5"
+    "prism-theme-vars": "^0.2.4"
   }
 }
diff --git a/packages/theme-bricks/styles/index.ts b/packages/theme-bricks/styles/index.ts
@@ -1,4 +1,3 @@
 import '@slidev/client/styles/layouts-base.css'
 import './layouts.css'
 import './prism.css'
-import './shiki.css'
diff --git a/packages/theme-bricks/styles/prism.css b/packages/theme-bricks/styles/prism.css
@@ -4,12 +4,11 @@
 
 :root {
   --prism-font-family: var(--slidev-code-font-family);
-  --slidev-code-background: var(--prism-background);
+  --prism-background: var(--slidev-code-background);
 }
 
 html:not(.dark) {
   --prism-foreground: #393a34;
-  --prism-background: #f8f8f8;
   --prism-comment: #a0ada0;
   --prism-string: #b56959;
   --prism-literal: #2f8a89;
@@ -31,7 +30,6 @@ html:not(.dark) {
 
 html.dark {
   --prism-foreground: #d4cfbf;
-  --prism-background: #202020;
   --prism-comment: #758575;
   --prism-string: #d48372;
   --prism-literal: #429988;
@@ -54,13 +52,3 @@ html.dark {
   --prism-line-highlight-background: #444444;
   --prism-selection-background: #444444;
 }
-
-:not(pre) > code {
-  font-size: 0.9em;
-  background: var(--prism-background);
-  @apply font-light py-0.5 rounded;
-}
-
-:not(pre) > code:before {
-  margin-right: -0.08em;
-}
diff --git a/packages/theme-bricks/styles/shiki.css b/packages/theme-bricks/styles/shiki.css
diff --git a/packages/theme-default/package.json b/packages/theme-default/package.json
@@ -17,11 +17,9 @@
   ],
   "engines": {
     "node": ">=14.0.0",
-    "slidev": ">=0.19.2"
+    "slidev": ">=v0.47.0"
   },
   "slidev": {
-    "colorSchema": "both",
-    "highlighter": "all",
     "defaults": {
       "fonts": {
         "mono": "Fira Code",
@@ -31,9 +29,8 @@
     }
   },
   "dependencies": {
-    "@slidev/types": "^0.46.3",
+    "@slidev/types": "^0.47.0",
     "codemirror-theme-vars": "^0.1.2",
-    "prism-theme-vars": "^0.2.4",
-    "theme-vitesse": "^0.7.5"
+    "prism-theme-vars": "^0.2.4"
   }
 }
diff --git a/packages/theme-default/styles/index.ts b/packages/theme-default/styles/index.ts
@@ -1,4 +1,3 @@
 import '@slidev/client/styles/layouts-base.css'
 import './layouts.css'
 import './prism.css'
-import './shiki.css'
diff --git a/packages/theme-default/styles/prism.css b/packages/theme-default/styles/prism.css
@@ -4,12 +4,11 @@
 
 :root {
   --prism-font-family: var(--slidev-code-font-family);
-  --slidev-code-background: var(--prism-background);
+  --prism-background: var(--slidev-code-background);
 }
 
 html:not(.dark) {
   --prism-foreground: #393a34;
-  --prism-background: #f8f8f8;
   --prism-comment: #a0ada0;
   --prism-string: #b56959;
   --prism-literal: #2f8a89;
@@ -31,7 +30,6 @@ html:not(.dark) {
 
 html.dark {
   --prism-foreground: #d4cfbf;
-  --prism-background: #202020;
   --prism-comment: #758575;
   --prism-string: #d48372;
   --prism-literal: #429988;
@@ -54,13 +52,3 @@ html.dark {
   --prism-line-highlight-background: #444444;
   --prism-selection-background: #444444;
 }
-
-:not(pre) > code {
-  font-size: 0.9em;
-  background: var(--prism-background);
-  @apply font-light py-0.5 rounded;
-}
-
-:not(pre) > code:before {
-  margin-right: -0.08em;
-}
diff --git a/packages/theme-default/styles/shiki.css b/packages/theme-default/styles/shiki.css
diff --git a/packages/theme-seriph/package.json b/packages/theme-seriph/package.json
@@ -17,11 +17,9 @@
   ],
   "engines": {
     "node": ">=14.0.0",
-    "slidev": ">=0.19.3"
+    "slidev": ">=v0.47.0"
   },
   "slidev": {
-    "colorSchema": "both",
-    "highlighter": "all",
     "defaults": {
       "fonts": {
         "mono": "PT Mono",
@@ -33,9 +31,8 @@
     }
   },
   "dependencies": {
-    "@slidev/types": "^0.46.3",
+    "@slidev/types": "^0.47.0",
     "codemirror-theme-vars": "^0.1.2",
-    "prism-theme-vars": "^0.2.4",
-    "theme-vitesse": "^0.7.5"
+    "prism-theme-vars": "^0.2.4"
   }
 }
diff --git a/packages/theme-seriph/styles/index.ts b/packages/theme-seriph/styles/index.ts
@@ -1,4 +1,3 @@
 import '@slidev/client/styles/layouts-base.css'
 import './layouts.css'
 import './prism.css'
-import './shiki.css'
diff --git a/packages/theme-seriph/styles/prism.css b/packages/theme-seriph/styles/prism.css
@@ -4,12 +4,11 @@
 
 :root {
   --prism-font-family: var(--slidev-code-font-family);
-  --slidev-code-background: var(--prism-background);
+  --prism-background: var(--slidev-code-background);
 }
 
 html:not(.dark) {
   --prism-foreground: #393a34;
-  --prism-background: #fafafa;
   --prism-comment: #a0ada0;
   --prism-string: #b56959;
   --prism-literal: #2f8a89;
@@ -31,7 +30,6 @@ html:not(.dark) {
 
 html.dark {
   --prism-foreground: #d4cfbf;
-  --prism-background: #202020;
   --prism-comment: #758575;
   --prism-string: #d48372;
   --prism-literal: #429988;
@@ -54,19 +52,3 @@ html.dark {
   --prism-line-highlight-background: #444444;
   --prism-selection-background: #444444;
 }
-
-:not(pre) > code {
-  font-size: 0.9em;
-  background: var(--prism-background);
-  @apply font-light py-0.5;
-}
-
-:not(pre) > code:before,
-:not(pre) > code:after {
-  content: '`';
-  opacity: 0.50;
-}
-
-:not(pre) > code:before {
-  margin-right: -0.08em;
-}
diff --git a/packages/theme-seriph/styles/shiki.css b/packages/theme-seriph/styles/shiki.css
diff --git a/packages/theme-shibainu/package.json b/packages/theme-shibainu/package.json
@@ -15,11 +15,11 @@
     "slidev"
   ],
   "engines": {
-    "node": ">=14.0.0"
+    "node": ">=14.0.0",
+    "slidev": ">=v0.47.0"
   },
   "slidev": {
     "colorSchema": "dark",
-    "highlighter": "all",
     "defaults": {
       "fonts": {
         "sans": "Titillium Web",
@@ -28,9 +28,8 @@
     }
   },
   "dependencies": {
-    "@slidev/types": "^0.46.3",
+    "@slidev/types": "^0.47.0",
     "codemirror-theme-vars": "^0.1.2",
-    "prism-theme-vars": "^0.2.4",
-    "theme-vitesse": "^0.7.5"
+    "prism-theme-vars": "^0.2.4"
   }
 }
diff --git a/packages/theme-shibainu/styles/index.ts b/packages/theme-shibainu/styles/index.ts
@@ -1,4 +1,3 @@
 import '@slidev/client/styles/layouts-base.css'
 import './layouts.css'
 import './prism.css'
-import './shiki.css'
diff --git a/packages/theme-shibainu/styles/prism.css b/packages/theme-shibainu/styles/prism.css
@@ -4,12 +4,11 @@
 
 :root {
   --prism-font-family: var(--slidev-code-font-family);
-  --slidev-code-background: var(--prism-background);
+  --prism-background: var(--slidev-code-background);
 }
 
 html:not(.dark) {
   --prism-foreground: #393a34;
-  --prism-background: #fafafa20;
   --prism-comment: #a0ada0;
   --prism-string: #b56959;
   --prism-literal: #2f8a89;
@@ -29,9 +28,8 @@ html:not(.dark) {
   --prism-json-property: #698c96;
 }
 
-.dark {
+html.dark {
   --prism-foreground: #d4cfbf;
-  --prism-background: #1b1b1b20;
   --prism-comment: #758575;
   --prism-string: #d48372;
   --prism-literal: #429988;
@@ -54,13 +52,3 @@ html:not(.dark) {
   --prism-line-highlight-background: #444444;
   --prism-selection-background: #444444;
 }
-
-:not(pre) > code {
-  font-size: 0.9em;
-  background: var(--prism-background);
-  @apply font-light py-0.5 rounded;
-}
-
-:not(pre) > code:before {
-  margin-right: -0.08em;
-}
diff --git a/packages/theme-shibainu/styles/shiki.css b/packages/theme-shibainu/styles/shiki.css