feat: add custom fonts and update styles in main.css; update package dependencies and lockfile; modify UnoCSS configuration; enhance HTML template structure

.vscode/settings.json

@@ -2,12 +2,12 @@
   "css.validate": false,
   "stylelint.validate": ["css"],
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   },
   "[css]": {
     "editor.codeActionsOnSave": {
-      "source.fixAll.eslint": false,
-      "source.fixAll.stylelint": true
+      "source.fixAll.eslint": "never",
+      "source.fixAll.stylelint": "explicit"
     }
   },
   "cSpell.words": [
@@ -24,6 +24,7 @@
     "Roboto",
     "Segoe",
     "taze",
+    "unocss",
     "wenkai",
     "Windi"
   ]

Elegant.nnwtheme/template.html

@@ -29,9 +29,9 @@ text_size_class: The size class that the user has selected in Preferences for ar
 body: The body of the article.
 
 -->
-<div id="elegantReader" class="animate-fade-in max-w-prose px-2 py-3 mx-auto box-border font-sans [[text_size_class]]">
+<div id="elegantReader" class="max-w-prose px-2 py-3 mx-auto box-border font-sans [[text_size_class]]">
 
-  <div class="w-full h-12 flex items-center space-x-4 my-8 text-xl font-medium text-gray-900 dark:text-white">
+  <div class="w-full h-12 flex items-center gap-4 my-8 text-xl font-medium text-gray-900 dark:text-white">
     <img class="flex-shrink-0 w-12 h-12 overflow-hidden bg-white dark:bg-dark-600 rounded-md ring-1 ring-dark-600/5 shadow-xl" src="[[avatar_src]]" alt="feed img">
     <div class="flex-1 min-w-0 truncate">
       [[feed_link_title]]
@@ -44,11 +44,11 @@ body: The body of the article.
   <article class="prose prose-dark dark:prose-light">
     <h1 class="mb-4">[[title]]</h1>
     <p class="mt-2 text-secondary">
-      <a href="[[feed_link]]" class="ml-2 text-secondary" alt="feed link" title="feed link">
+      <a href="[[feed_link]]" class="ml-2 text-secondary font-normal" alt="feed link" title="feed link">
         <span class="i-carbon-rss"></span>
         Feed
       </a>
-      <a href="[[preferred_link]]" class="ml-4 text-secondary" alt="originally link" title="originally link">
+      <a href="[[preferred_link]]" class="ml-4 text-secondary font-normal" alt="originally link" title="originally link">
         <span class="i-carbon-link"></span>
         Originally
       </a>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "elegant-nnw",
   "version": "0.1.10",
-  "packageManager": "pnpm@8.9.0",
+  "packageManager": "pnpm@10.6.4",
   "description": "Elegant theme for NetNewsWire",
   "author": {
     "name": "Chang Jun",
@@ -25,22 +25,22 @@
     "release": "bumpp --commit --tag --push"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.43.1",
-    "@iconify-json/carbon": "^1.1.21",
-    "@types/node": "^20.8.6",
-    "@unocss/eslint-config": "^0.56.5",
-    "@unocss/preset-icons": "^0.56.5",
-    "bumpp": "^9.2.0",
-    "clean-css": "^5.3.2",
-    "compressing": "^1.10.0",
-    "consola": "^3.2.3",
-    "eslint": "^8.51.0",
-    "esno": "^0.17.0",
+    "@antfu/eslint-config": "^4.10.1",
+    "@iconify-json/carbon": "^1.2.8",
+    "@types/node": "^20.17.24",
+    "@unocss/eslint-config": "^66.0.0",
+    "@unocss/preset-icons": "^66.0.0",
+    "bumpp": "^10.1.0",
+    "clean-css": "^5.3.3",
+    "compressing": "^1.10.1",
+    "consola": "^3.4.1",
+    "eslint": "^9.22.0",
+    "esno": "^4.8.0",
     "mkdirp": "^3.0.1",
-    "rimraf": "^5.0.5",
-    "stylelint": "^15.10.3",
-    "stylelint-config-standard": "^34.0.0",
-    "typescript": "^5.2.2",
-    "unocss": "^0.56.5"
+    "rimraf": "^5.0.10",
+    "stylelint": "^16.16.0",
+    "stylelint-config-standard": "^37.0.0",
+    "typescript": "^5.8.2",
+    "unocss": "^66.0.0"
   }
 }

uno.config.ts

@@ -1,6 +1,5 @@
 import fs from 'node:fs'
-import { defineConfig, presetAttributify, presetIcons, presetTypography, presetUno } from 'unocss'
-import { fontFamily } from '@unocss/preset-mini/dist/theme'
+import { defineConfig, presetAttributify, presetIcons, presetTypography, presetMini } from 'unocss'
 import { ARTICLE_TEXT, DIRECTORY_NAME } from './constant'
 
 function getMainCss() {
@@ -32,17 +31,15 @@ export default defineConfig({
     fontFamily: {
       sans: [
         'Inter',
-        ...fontFamily.sans.split(','),
       ],
       mono: [
-        'JetBrainsMono',
-        ...fontFamily.mono.split(','),
+        'Maple Mono'
       ],
     },
   },
 
   presets: [
-    presetUno({
+    presetMini({
       dark: 'media',
     }),
     presetAttributify(),
@@ -67,7 +64,6 @@ export default defineConfig({
           'font-weight': '500',
         },
         'a:hover': {
-          'color': 'var(--c-prose-primary)',
           'border-bottom': '1px solid currentColor',
         },
         'blockquote': {
@@ -88,11 +84,11 @@ export default defineConfig({
         'code': {
           'color': 'var(--c-prose-code)',
           'font-size': '.875em',
-          'font-family': 'var(--un-prose-font-mono)',
+          'font-family': 'Maple Mono',
           'background': 'var(--c-prose-inline-bg-color) !important',
           'padding': '0.2rem 0.375rem',
           'border-radius': '0.25rem',
-          'font-weight': 400,
+          'font-weight': 500,
         },
 
         'pre,code': {