@troshab/slidev-theme-troshab 0.1.4 → 0.1.6

package/components/Callout.vue

@@ -45,6 +45,7 @@ defineProps<{
   padding: 1rem 1rem 1rem 1.25rem;
   margin-block: 1rem;
   background-color: var(--color-bg-soft);
+  color: var(--color-text);
   border-left: var(--border-accent) solid var(--color-info);
   border-radius: 0 0.375rem 0.375rem 0;
 }

package/components/Definition.vue

@@ -19,7 +19,7 @@ defineProps<{
     <h1 class="definition-term">{{ term }}</h1>
     <div v-if="pronunciation || partOfSpeech" class="definition-meta">
       <span v-if="pronunciation" class="definition-pronunciation">{{ pronunciation }}</span>
-      <span v-if="partOfSpeech" class="definition-pos">{{ partOfSpeech }}</span>
+      <span v-if="pronunciation && partOfSpeech" class="definition-pos">{{ partOfSpeech }}</span>
     </div>
     <div class="definition-body">
       <slot />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@troshab/slidev-theme-troshab",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "A minimal, universal Slidev theme with flexible layouts and ready-to-use slide templates",
   "author": "troshab",
   "license": "PolyForm-Noncommercial-1.0.0",
@@ -32,6 +32,8 @@
     "slidev": ">=0.50.0"
   },
   "dependencies": {
+    "@fontsource/ibm-plex-mono": "^5.2.7",
+    "@fontsource/ibm-plex-sans": "^5.2.8",
     "qrcode": "^1.5.4",
     "slidev-addon-asciinema": "^0.1.11",
     "slidev-addon-fancy-arrow": "^0.16.0",
@@ -49,8 +51,6 @@
     "audit:all": "node scripts/contrast-audit.mjs && node scripts/shiki-audit.mjs && node scripts/typography-audit.mjs && node scripts/chart-audit.mjs && node scripts/integrity-audit.mjs"
   },
   "devDependencies": {
-    "@fontsource/ibm-plex-mono": "^5.2.7",
-    "@fontsource/ibm-plex-sans": "^5.2.8",
     "@iconify-json/ph": "^1.2.2",
     "@slidev/cli": "^0.50.0",
     "@types/qrcode": "^1.5.5",

package/styles/base.css

@@ -12,56 +12,17 @@
 @import './colors.css';
 
 /* ============================================
-   1. @font-face — IBM Plex (local)
+   1. @font-face — IBM Plex via @fontsource
+   Provides proper unicode-range subsetting
+   (latin, cyrillic, cyrillic-ext, etc.)
    ============================================ */
 
-@font-face {
-  font-family: 'IBM Plex Sans';
-  src: url('../fonts/IBMPlexSans-Regular.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IBM Plex Sans';
-  src: url('../fonts/IBMPlexSans-Medium.woff2') format('woff2');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IBM Plex Sans';
-  src: url('../fonts/IBMPlexSans-SemiBold.woff2') format('woff2');
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IBM Plex Sans';
-  src: url('../fonts/IBMPlexSans-Bold.woff2') format('woff2');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IBM Plex Mono';
-  src: url('../fonts/IBMPlexMono-Regular.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IBM Plex Mono';
-  src: url('../fonts/IBMPlexMono-Medium.woff2') format('woff2');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
+@import '@fontsource/ibm-plex-sans/400.css';
+@import '@fontsource/ibm-plex-sans/500.css';
+@import '@fontsource/ibm-plex-sans/600.css';
+@import '@fontsource/ibm-plex-sans/700.css';
+@import '@fontsource/ibm-plex-mono/400.css';
+@import '@fontsource/ibm-plex-mono/500.css';
 
 /* ============================================
    2. CSS Custom Properties (Typography & Layout)