perf: remove overlayscrollbars to fix page loading lag, update heading margins

2025-06-15 11:12:54 +02:00 · 2025-05-14 15:25:27 +01:00 · 2025-05-14 15:25:27 +01:00 · 41fca8569e
commit 41fca8569e
parent c2547dd65d
11 changed files with 124 additions and 241 deletions
--- a/package.json
+++ b/package.json
@ -2,7 +2,7 @@
  "name": "astro-theme-retypeset",
  "type": "module",
  "version": "0.0.1",
-  "packageManager": "pnpm@10.10.0",
+  "packageManager": "pnpm@10.11.0",
  "repository": "https://github.com/radishzzz/astro-theme-retypeset",
  "scripts": {
    "dev": "astro check && astro dev",
@ -26,7 +26,6 @@
    "markdown-it": "^14.1.0",
    "mdast-util-to-string": "^4.0.0",
    "node-html-parser": "^7.0.1",
-    "overlayscrollbars": "^2.11.2",
    "photoswipe": "^5.4.4",
    "reading-time": "^1.5.0",
    "rehype-autolink-headings": "^7.1.0",
@ -44,7 +43,7 @@
    "@astrojs/check": "^0.9.4",
    "@types/hast": "^3.0.4",
    "@types/markdown-it": "^14.1.2",
-    "@types/node": "^22.15.17",
+    "@types/node": "^22.15.18",
    "@types/sanitize-html": "^2.16.0",
    "@unocss/eslint-plugin": "66.1.1",
    "@unocss/preset-attributify": "66.1.1",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -10,7 +10,7 @@ importers:
    dependencies:
      '@astrojs/mdx':
        specifier: ^4.2.6
-        version: 4.2.6(astro@5.7.13(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1))
+        version: 4.2.6(astro@5.7.13(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1))
      '@astrojs/partytown':
        specifier: ^2.1.4
        version: 2.1.4
@ -22,10 +22,10 @@ importers:
        version: 3.5.7(typescript@5.8.3)
      astro:
        specifier: ^5.7.13
-        version: 5.7.13(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1)
+        version: 5.7.13(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1)
      astro-og-canvas:
        specifier: ^0.7.0
-        version: 0.7.0(astro@5.7.13(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1))
+        version: 0.7.0(astro@5.7.13(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1))
      astro-robots-txt:
        specifier: ^1.0.0
        version: 1.0.0
@ -47,9 +47,6 @@ importers:
      node-html-parser:
        specifier: ^7.0.1
        version: 7.0.1
-      overlayscrollbars:
-        specifier: ^2.11.2
-        version: 2.11.2
      photoswipe:
        specifier: ^5.4.4
        version: 5.4.4
@ -86,7 +83,7 @@ importers:
    devDependencies:
      '@antfu/eslint-config':
        specifier: ^4.13.0
-        version: 4.13.0(@typescript-eslint/utils@8.32.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(@unocss/eslint-plugin@66.1.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(@vue/compiler-sfc@3.5.13)(astro-eslint-parser@1.2.2)(eslint-plugin-astro@1.3.1(eslint@9.26.0(jiti@2.4.2)))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.1(@types/debug@4.1.12)(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))
+        version: 4.13.0(@typescript-eslint/utils@8.32.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(@unocss/eslint-plugin@66.1.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(@vue/compiler-sfc@3.5.13)(astro-eslint-parser@1.2.2)(eslint-plugin-astro@1.3.1(eslint@9.26.0(jiti@2.4.2)))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.1(@types/debug@4.1.12)(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))
      '@astrojs/check':
        specifier: ^0.9.4
        version: 0.9.4(typescript@5.8.3)
@ -97,8 +94,8 @@ importers:
        specifier: ^14.1.2
        version: 14.1.2
      '@types/node':
-        specifier: ^22.15.17
-        version: 22.15.17
+        specifier: ^22.15.18
+        version: 22.15.18
      '@types/sanitize-html':
        specifier: ^2.16.0
        version: 2.16.0
@ -128,7 +125,7 @@ importers:
        version: 5.8.3
      unocss:
        specifier: 66.1.1
-        version: 66.1.1(postcss@8.5.3)(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))
+        version: 66.1.1(postcss@8.5.3)(vite@6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))
      unocss-preset-theme:
        specifier: ^0.14.1
        version: 0.14.1(@unocss/core@66.1.1)
@ -935,23 +932,23 @@ packages:
    cpu: [x64]
    os: [win32]

-  '@shikijs/core@3.4.0':
-    resolution: {integrity: sha512-0YOzTSRDn/IAfQWtK791gs1u8v87HNGToU6IwcA3K7nPoVOrS2Dh6X6A6YfXgPTSkTwR5y6myk0MnI0htjnwrA==}
+  '@shikijs/core@3.4.1':
+    resolution: {integrity: sha512-GCqSd3KXRTKX1sViP7fIyyyf6do2QVg+fTd4IT00ucYCVSKiSN8HbFbfyjGsoZePNKWcQqXe4U4rrz2IVldG5A==}

-  '@shikijs/engine-javascript@3.4.0':
-    resolution: {integrity: sha512-1ywDoe+z/TPQKj9Jw0eU61B003J9DqUFRfH+DVSzdwPUFhR7yOmfyLzUrFz0yw8JxFg/NgzXoQyyykXgO21n5Q==}
+  '@shikijs/engine-javascript@3.4.1':
+    resolution: {integrity: sha512-oGvRqN3Bsk+cGzmCb/5Kt/LfD7uyA8vCUUawyqmLti/AYNV7++zIZFEW8JwW5PrpPNWWx9RcZ/chnYLedzlVIQ==}

-  '@shikijs/engine-oniguruma@3.4.0':
-    resolution: {integrity: sha512-zwcWlZ4OQuJ/+1t32ClTtyTU1AiDkK1lhtviRWoq/hFqPjCNyLj22bIg9rB7BfoZKOEOfrsGz7No33BPCf+WlQ==}
+  '@shikijs/engine-oniguruma@3.4.1':
+    resolution: {integrity: sha512-p8I5KWgEDUcXRif9JjJUZtNeqCyxZ8xcslecDJMigsqSZfokwqQIsH4aGpdjzmDf8LIWvT+C3TCxnJQVaPmCbQ==}

-  '@shikijs/langs@3.4.0':
-    resolution: {integrity: sha512-bQkR+8LllaM2duU9BBRQU0GqFTx7TuF5kKlw/7uiGKoK140n1xlLAwCgXwSxAjJ7Htk9tXTFwnnsJTCU5nDPXQ==}
+  '@shikijs/langs@3.4.1':
+    resolution: {integrity: sha512-v5A5ApJYcrcPLHcwAi0bViUU+Unh67UaXU9gGX3qfr2z3AqlqSZbC00W/3J4+tfGJASzwrWDro2R1er6SsCL1Q==}

-  '@shikijs/themes@3.4.0':
-    resolution: {integrity: sha512-YPP4PKNFcFGLxItpbU0ZW1Osyuk8AyZ24YEFaq04CFsuCbcqydMvMUTi40V2dkc0qs1U2uZFrnU6s5zI6IH+uA==}
+  '@shikijs/themes@3.4.1':
+    resolution: {integrity: sha512-XOJgs55mVVMZtNVJx1NVmdcfXG9HIyZGh7qpCw/Ok5UMjWgkmb8z15TgcmF3ItvHItijiIMl9BLcNO/tFSGl1w==}

-  '@shikijs/types@3.4.0':
-    resolution: {integrity: sha512-EUT/0lGiE//7j5N/yTMNMT3eCWNcHJLrRKxT0NDXWIfdfSmFJKfPX7nMmRBrQnWboAzIsUziCThrYMMhjbMS1A==}
+  '@shikijs/types@3.4.1':
+    resolution: {integrity: sha512-4flT+pToGqRBb0UhGqXTV7rCqUS3fhc8z3S2Djc3E5USKhXwadeKGFVNB2rKXfohlrEozNJMtMiZaN8lfdj/ZQ==}

  '@shikijs/vscode-textmate@10.0.2':
    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
@ -1016,8 +1013,8 @@ packages:
  '@types/node@17.0.45':
    resolution: {integrity: sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==}

-  '@types/node@22.15.17':
-    resolution: {integrity: sha512-wIX2aSZL5FE+MR0JlvF87BNVrtFWf6AE6rxSE9X7OwnVvoyCQjpzSRJ+M87se/4QCkCiebQAqrJ0y6fwIyi7nw==}
+  '@types/node@22.15.18':
+    resolution: {integrity: sha512-v1DKRfUdyW+jJhZNEI1PYy29S2YRxMV5AOO/x/SjKmW0acCIOqmbj6Haf9eHAhsPmrhlHSxEhv/1WszcLWV4cg==}

  '@types/sanitize-html@2.16.0':
    resolution: {integrity: sha512-l6rX1MUXje5ztPT0cAFtUayXF06DqPhRyfVXareEN5gGCFaP/iwsxIyKODr9XDhfxPpN6vXUFNfo5kZMXCxBtw==}
@ -1366,16 +1363,16 @@ packages:
  '@vue/shared@3.5.13':
    resolution: {integrity: sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==}

-  '@vueuse/core@13.1.0':
-    resolution: {integrity: sha512-PAauvdRXZvTWXtGLg8cPUFjiZEddTqmogdwYpnn60t08AA5a8Q4hZokBnpTOnVNqySlFlTcRYIC8OqreV4hv3Q==}
+  '@vueuse/core@13.2.0':
+    resolution: {integrity: sha512-n5TZoIAxbWAQ3PqdVPDzLgIRQOujFfMlatdI+f7ditSmoEeNpPBvp7h2zamzikCmrhFIePAwdEQB6ENccHr7Rg==}
    peerDependencies:
      vue: ^3.5.0

-  '@vueuse/metadata@13.1.0':
-    resolution: {integrity: sha512-+TDd7/a78jale5YbHX9KHW3cEDav1lz1JptwDvep2zSG8XjCsVE+9mHIzjTOaPbHUAk5XiE4jXLz51/tS+aKQw==}
+  '@vueuse/metadata@13.2.0':
+    resolution: {integrity: sha512-kPpzuQCU0+D8DZCzK0iPpIcXI+6ufWSgwnjJ6//GNpEn+SHViaCtR+XurzORChSgvpHO9YC8gGM97Y1kB+UabA==}

-  '@vueuse/shared@13.1.0':
-    resolution: {integrity: sha512-IVS/qRRjhPTZ6C2/AM3jieqXACGwFZwWTdw5sNTSKk2m/ZpkuuN+ri+WCVUP8TqaKwJYt/KuMwmXspMAw8E6ew==}
+  '@vueuse/shared@13.2.0':
+    resolution: {integrity: sha512-vx9ZPDF5HcU9up3Jgt3G62dMUfZEdk6tLyBAHYAG4F4n73vpaA7J5hdncDI/lS9Vm7GA/FPlbOmh9TrDZROTpg==}
    peerDependencies:
      vue: ^3.5.0

@ -2013,8 +2010,8 @@ packages:
    peerDependencies:
      eslint: ^8.57.0 || ^9.0.0

-  eslint-plugin-jsdoc@50.6.14:
-    resolution: {integrity: sha512-JUudvooQbUx3iB8n/MzXMOV/VtaXq7xL4CeXhYryinr8osck7nV6fE2/xUXTiH3epPXcvq6TE3HQfGQuRHErTQ==}
+  eslint-plugin-jsdoc@50.6.16:
+    resolution: {integrity: sha512-ETSMHywJLQtVWDOf11Jk5swDA7Q85HeohDNtPe50OWR/Y0AxdxuNCdqEw2wXewGFV7MPk7E4foqYQydn3b6Auw==}
    engines: {node: '>=18'}
    peerDependencies:
      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
@ -3089,9 +3086,6 @@ packages:
    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
    engines: {node: '>= 0.8.0'}

-  overlayscrollbars@2.11.2:
-    resolution: {integrity: sha512-aP5u8jfkX6IyMGaLcdIxoKsItxeYAO7eJYdf7/1zJQYqD8Locys/q/KuWKRpQpkkzL1wqRomBQJPIv6weyHS7g==}
-
  p-limit@3.1.0:
    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
    engines: {node: '>=10'}
@ -3496,8 +3490,8 @@ packages:
    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
    engines: {node: '>=8'}

-  shiki@3.4.0:
-    resolution: {integrity: sha512-Ni80XHcqhOEXv5mmDAvf5p6PAJqbUc/RzFeaOqk+zP5DLvTPS3j0ckvA+MI87qoxTQ5RGJDVTbdl/ENLSyyAnQ==}
+  shiki@3.4.1:
+    resolution: {integrity: sha512-PSnoczt+iWIOB4iRQ+XVPFtTuN1FcmuYzPgUBZTSv5pC6CozssIx2M4O5n4S9gJlUu9A3FxMU0ZPaHflky/6LA==}

  side-channel-list@1.0.0:
    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
@ -3641,8 +3635,8 @@ packages:
    resolution: {integrity: sha512-R1urvuyiTaWfeCggqEvpDJwAlDVdsT9NM+IP//Tk2x7qHCkSvBk/fwFgw/TLAHzZlrAnnazMcRw0ZD8HlYFTEQ==}
    engines: {node: ^14.18.0 || >=16.0.0}

-  synckit@0.11.4:
-    resolution: {integrity: sha512-Q/XQKRaJiLiFIBNN+mndW7S/RHxvwzuZS6ZwmRzUBqJBv/5QIKCEwkBC8GBf8EQJKYnaFs0wOZbKTXBPj8L9oQ==}
+  synckit@0.11.5:
+    resolution: {integrity: sha512-frqvfWyDA5VPVdrWfH24uM6SI/O8NLpVbIIJxb8t/a3YGsp4AW9CYgSKC0OaSEfexnp7Y1pVh2Y6IHO8ggGDmA==}
    engines: {node: ^14.18.0 || >=16.0.0}

  synckit@0.9.2:
@ -4257,7 +4251,7 @@ snapshots:
      '@jridgewell/gen-mapping': 0.3.8
      '@jridgewell/trace-mapping': 0.3.25

-  '@antfu/eslint-config@4.13.0(@typescript-eslint/utils@8.32.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(@unocss/eslint-plugin@66.1.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(@vue/compiler-sfc@3.5.13)(astro-eslint-parser@1.2.2)(eslint-plugin-astro@1.3.1(eslint@9.26.0(jiti@2.4.2)))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.1(@types/debug@4.1.12)(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))':
+  '@antfu/eslint-config@4.13.0(@typescript-eslint/utils@8.32.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(@unocss/eslint-plugin@66.1.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(@vue/compiler-sfc@3.5.13)(astro-eslint-parser@1.2.2)(eslint-plugin-astro@1.3.1(eslint@9.26.0(jiti@2.4.2)))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.1(@types/debug@4.1.12)(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))':
    dependencies:
      '@antfu/install-pkg': 1.1.0
      '@clack/prompts': 0.10.1
@ -4266,7 +4260,7 @@ snapshots:
      '@stylistic/eslint-plugin': 4.2.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)
      '@typescript-eslint/eslint-plugin': 8.32.1(@typescript-eslint/parser@8.32.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)
      '@typescript-eslint/parser': 8.32.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)
-      '@vitest/eslint-plugin': 1.1.44(@typescript-eslint/utils@8.32.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.1(@types/debug@4.1.12)(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))
+      '@vitest/eslint-plugin': 1.1.44(@typescript-eslint/utils@8.32.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.1(@types/debug@4.1.12)(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))
      ansis: 3.17.0
      cac: 6.7.14
      eslint: 9.26.0(jiti@2.4.2)
@ -4276,7 +4270,7 @@ snapshots:
      eslint-plugin-antfu: 3.1.1(eslint@9.26.0(jiti@2.4.2))
      eslint-plugin-command: 3.2.0(eslint@9.26.0(jiti@2.4.2))
      eslint-plugin-import-x: 4.11.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)
-      eslint-plugin-jsdoc: 50.6.14(eslint@9.26.0(jiti@2.4.2))
+      eslint-plugin-jsdoc: 50.6.16(eslint@9.26.0(jiti@2.4.2))
      eslint-plugin-jsonc: 2.20.0(eslint@9.26.0(jiti@2.4.2))
      eslint-plugin-n: 17.18.0(eslint@9.26.0(jiti@2.4.2))
      eslint-plugin-no-only-tests: 3.3.0
@ -4369,7 +4363,7 @@ snapshots:
      remark-parse: 11.0.0
      remark-rehype: 11.1.2
      remark-smartypants: 3.0.2
-      shiki: 3.4.0
+      shiki: 3.4.1
      smol-toml: 1.3.4
      unified: 11.0.5
      unist-util-remove-position: 5.0.0
@ -4379,12 +4373,12 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  '@astrojs/mdx@4.2.6(astro@5.7.13(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1))':
+  '@astrojs/mdx@4.2.6(astro@5.7.13(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1))':
    dependencies:
      '@astrojs/markdown-remark': 6.3.1
      '@mdx-js/mdx': 3.1.0(acorn@8.14.1)
      acorn: 8.14.1
-      astro: 5.7.13(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1)
+      astro: 5.7.13(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1)
      es-module-lexer: 1.7.0
      estree-util-visit: 2.0.0
      hast-util-to-html: 9.0.5
@ -5012,33 +5006,33 @@ snapshots:
  '@rollup/rollup-win32-x64-msvc@4.40.2':
    optional: true

-  '@shikijs/core@3.4.0':
+  '@shikijs/core@3.4.1':
    dependencies:
-      '@shikijs/types': 3.4.0
+      '@shikijs/types': 3.4.1
      '@shikijs/vscode-textmate': 10.0.2
      '@types/hast': 3.0.4
      hast-util-to-html: 9.0.5

-  '@shikijs/engine-javascript@3.4.0':
+  '@shikijs/engine-javascript@3.4.1':
    dependencies:
-      '@shikijs/types': 3.4.0
+      '@shikijs/types': 3.4.1
      '@shikijs/vscode-textmate': 10.0.2
      oniguruma-to-es: 4.3.3

-  '@shikijs/engine-oniguruma@3.4.0':
+  '@shikijs/engine-oniguruma@3.4.1':
    dependencies:
-      '@shikijs/types': 3.4.0
+      '@shikijs/types': 3.4.1
      '@shikijs/vscode-textmate': 10.0.2

-  '@shikijs/langs@3.4.0':
+  '@shikijs/langs@3.4.1':
    dependencies:
-      '@shikijs/types': 3.4.0
+      '@shikijs/types': 3.4.1

-  '@shikijs/themes@3.4.0':
+  '@shikijs/themes@3.4.1':
    dependencies:
-      '@shikijs/types': 3.4.0
+      '@shikijs/types': 3.4.1

-  '@shikijs/types@3.4.0':
+  '@shikijs/types@3.4.1':
    dependencies:
      '@shikijs/vscode-textmate': 10.0.2
      '@types/hast': 3.0.4
@ -5083,7 +5077,7 @@ snapshots:

  '@types/fontkit@2.0.8':
    dependencies:
-      '@types/node': 22.15.17
+      '@types/node': 22.15.18

  '@types/hast@3.0.4':
    dependencies:
@ -5116,7 +5110,7 @@ snapshots:

  '@types/node@17.0.45': {}

-  '@types/node@22.15.17':
+  '@types/node@22.15.18':
    dependencies:
      undici-types: 6.21.0

@ -5126,7 +5120,7 @@ snapshots:

  '@types/sax@1.2.7':
    dependencies:
-      '@types/node': 22.15.17
+      '@types/node': 22.15.18

  '@types/unist@2.0.11': {}

@ -5213,13 +5207,13 @@ snapshots:

  '@ungap/structured-clone@1.3.0': {}

-  '@unocss/astro@66.1.1(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))':
+  '@unocss/astro@66.1.1(vite@6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))':
    dependencies:
      '@unocss/core': 66.1.1
      '@unocss/reset': 66.1.1
-      '@unocss/vite': 66.1.1(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))
+      '@unocss/vite': 66.1.1(vite@6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))
    optionalDependencies:
-      vite: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
+      vite: 6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
    transitivePeerDependencies:
      - vue

@ -5370,7 +5364,7 @@ snapshots:
    dependencies:
      '@unocss/core': 66.1.1

-  '@unocss/vite@66.1.1(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))':
+  '@unocss/vite@66.1.1(vite@6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))':
    dependencies:
      '@ampproject/remapping': 2.3.0
      '@unocss/config': 66.1.1
@ -5381,7 +5375,7 @@ snapshots:
      pathe: 2.0.3
      tinyglobby: 0.2.13
      unplugin-utils: 0.2.4
-      vite: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
+      vite: 6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
    transitivePeerDependencies:
      - vue

@ -5438,13 +5432,13 @@ snapshots:
  '@unrs/resolver-binding-win32-x64-msvc@1.7.2':
    optional: true

-  '@vitest/eslint-plugin@1.1.44(@typescript-eslint/utils@8.32.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.1(@types/debug@4.1.12)(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))':
+  '@vitest/eslint-plugin@1.1.44(@typescript-eslint/utils@8.32.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.1(@types/debug@4.1.12)(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))':
    dependencies:
      '@typescript-eslint/utils': 8.32.1(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)
      eslint: 9.26.0(jiti@2.4.2)
    optionalDependencies:
      typescript: 5.8.3
-      vitest: 3.1.1(@types/debug@4.1.12)(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
+      vitest: 3.1.1(@types/debug@4.1.12)(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)

  '@vitest/expect@3.1.1':
    dependencies:
@ -5454,13 +5448,13 @@ snapshots:
      tinyrainbow: 2.0.0
    optional: true

-  '@vitest/mocker@3.1.1(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))':
+  '@vitest/mocker@3.1.1(vite@6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))':
    dependencies:
      '@vitest/spy': 3.1.1
      estree-walker: 3.0.3
      magic-string: 0.30.17
    optionalDependencies:
-      vite: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
+      vite: 6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
    optional: true

  '@vitest/pretty-format@3.1.1':
@ -5602,16 +5596,16 @@ snapshots:

  '@vue/shared@3.5.13': {}

-  '@vueuse/core@13.1.0(vue@3.5.13(typescript@5.8.3))':
+  '@vueuse/core@13.2.0(vue@3.5.13(typescript@5.8.3))':
    dependencies:
      '@types/web-bluetooth': 0.0.21
-      '@vueuse/metadata': 13.1.0
-      '@vueuse/shared': 13.1.0(vue@3.5.13(typescript@5.8.3))
+      '@vueuse/metadata': 13.2.0
+      '@vueuse/shared': 13.2.0(vue@3.5.13(typescript@5.8.3))
      vue: 3.5.13(typescript@5.8.3)

-  '@vueuse/metadata@13.1.0': {}
+  '@vueuse/metadata@13.2.0': {}

-  '@vueuse/shared@13.1.0(vue@3.5.13(typescript@5.8.3))':
+  '@vueuse/shared@13.2.0(vue@3.5.13(typescript@5.8.3))':
    dependencies:
      vue: 3.5.13(typescript@5.8.3)

@ -5619,7 +5613,7 @@ snapshots:

  '@waline/client@3.5.7(typescript@5.8.3)':
    dependencies:
-      '@vueuse/core': 13.1.0(vue@3.5.13(typescript@5.8.3))
+      '@vueuse/core': 13.2.0(vue@3.5.13(typescript@5.8.3))
      '@waline/api': 1.0.0
      autosize: 6.0.1
      marked: 15.0.11
@ -5713,9 +5707,9 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  astro-og-canvas@0.7.0(astro@5.7.13(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1)):
+  astro-og-canvas@0.7.0(astro@5.7.13(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1)):
    dependencies:
-      astro: 5.7.13(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1)
+      astro: 5.7.13(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1)
      canvaskit-wasm: 0.39.1
      deterministic-object-hash: 2.0.2
      entities: 4.5.0
@ -5725,7 +5719,7 @@ snapshots:
      valid-filename: 4.0.0
      zod: 3.24.4

-  astro@5.7.13(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1):
+  astro@5.7.13(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(rollup@4.40.2)(terser@5.39.0)(typescript@5.8.3)(yaml@2.7.1):
    dependencies:
      '@astrojs/compiler': 2.12.0
      '@astrojs/internal-helpers': 0.6.1
@ -5770,7 +5764,7 @@ snapshots:
      prompts: 2.4.2
      rehype: 13.0.2
      semver: 7.7.2
-      shiki: 3.4.0
+      shiki: 3.4.1
      tinyexec: 0.3.2
      tinyglobby: 0.2.13
      tsconfck: 3.1.5(typescript@5.8.3)
@ -5779,8 +5773,8 @@ snapshots:
      unist-util-visit: 5.0.0
      unstorage: 1.16.0
      vfile: 6.0.3
-      vite: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
-      vitefu: 1.0.6(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))
+      vite: 6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
+      vitefu: 1.0.6(vite@6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))
      xxhash-wasm: 1.1.0
      yargs-parser: 21.1.1
      yocto-spinner: 0.2.2
@ -5827,7 +5821,7 @@ snapshots:
  astrojs-compiler-sync@1.1.1(@astrojs/compiler@2.12.0):
    dependencies:
      '@astrojs/compiler': 2.12.0
-      synckit: 0.11.4
+      synckit: 0.11.5

  autosize@6.0.1: {}

@ -6348,7 +6342,7 @@ snapshots:
      - supports-color
      - typescript

-  eslint-plugin-jsdoc@50.6.14(eslint@9.26.0(jiti@2.4.2)):
+  eslint-plugin-jsdoc@50.6.16(eslint@9.26.0(jiti@2.4.2)):
    dependencies:
      '@es-joy/jsdoccomment': 0.49.0
      are-docs-informative: 0.0.2
@ -7894,8 +7888,6 @@ snapshots:
      type-check: 0.4.0
      word-wrap: 1.2.5

-  overlayscrollbars@2.11.2: {}
-
  p-limit@3.1.0:
    dependencies:
      yocto-queue: 0.1.0
@ -8469,14 +8461,14 @@ snapshots:

  shebang-regex@3.0.0: {}

-  shiki@3.4.0:
+  shiki@3.4.1:
    dependencies:
-      '@shikijs/core': 3.4.0
-      '@shikijs/engine-javascript': 3.4.0
-      '@shikijs/engine-oniguruma': 3.4.0
-      '@shikijs/langs': 3.4.0
-      '@shikijs/themes': 3.4.0
-      '@shikijs/types': 3.4.0
+      '@shikijs/core': 3.4.1
+      '@shikijs/engine-javascript': 3.4.1
+      '@shikijs/engine-oniguruma': 3.4.1
+      '@shikijs/langs': 3.4.1
+      '@shikijs/themes': 3.4.1
+      '@shikijs/types': 3.4.1
      '@shikijs/vscode-textmate': 10.0.2
      '@types/hast': 3.0.4

@ -8632,7 +8624,7 @@ snapshots:
      '@pkgr/core': 0.2.4
      tslib: 2.8.1

-  synckit@0.11.4:
+  synckit@0.11.5:
    dependencies:
      '@pkgr/core': 0.2.4
      tslib: 2.8.1
@ -8816,9 +8808,9 @@ snapshots:
      '@unocss/core': 66.1.1
      '@unocss/rule-utils': 0.63.6

-  unocss@66.1.1(postcss@8.5.3)(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3)):
+  unocss@66.1.1(postcss@8.5.3)(vite@6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3)):
    dependencies:
-      '@unocss/astro': 66.1.1(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))
+      '@unocss/astro': 66.1.1(vite@6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))
      '@unocss/cli': 66.1.1
      '@unocss/core': 66.1.1
      '@unocss/postcss': 66.1.1(postcss@8.5.3)
@ -8836,9 +8828,9 @@ snapshots:
      '@unocss/transformer-compile-class': 66.1.1
      '@unocss/transformer-directives': 66.1.1
      '@unocss/transformer-variant-group': 66.1.1
-      '@unocss/vite': 66.1.1(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))
+      '@unocss/vite': 66.1.1(vite@6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))
    optionalDependencies:
-      vite: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
+      vite: 6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
    transitivePeerDependencies:
      - postcss
      - supports-color
@ -8917,13 +8909,13 @@ snapshots:
      '@types/unist': 3.0.3
      vfile-message: 4.0.2

-  vite-node@3.1.1(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1):
+  vite-node@3.1.1(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1):
    dependencies:
      cac: 6.7.14
      debug: 4.4.1
      es-module-lexer: 1.7.0
      pathe: 2.0.3
-      vite: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
+      vite: 6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
    transitivePeerDependencies:
      - '@types/node'
      - jiti
@ -8939,7 +8931,7 @@ snapshots:
      - yaml
    optional: true

-  vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1):
+  vite@6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1):
    dependencies:
      esbuild: 0.25.4
      fdir: 6.4.4(picomatch@4.0.2)
@ -8948,21 +8940,21 @@ snapshots:
      rollup: 4.40.2
      tinyglobby: 0.2.13
    optionalDependencies:
-      '@types/node': 22.15.17
+      '@types/node': 22.15.18
      fsevents: 2.3.3
      jiti: 2.4.2
      lightningcss: 1.29.3
      terser: 5.39.0
      yaml: 2.7.1

-  vitefu@1.0.6(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)):
+  vitefu@1.0.6(vite@6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)):
    optionalDependencies:
-      vite: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
+      vite: 6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)

-  vitest@3.1.1(@types/debug@4.1.12)(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1):
+  vitest@3.1.1(@types/debug@4.1.12)(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1):
    dependencies:
      '@vitest/expect': 3.1.1
-      '@vitest/mocker': 3.1.1(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))
+      '@vitest/mocker': 3.1.1(vite@6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1))
      '@vitest/pretty-format': 3.1.3
      '@vitest/runner': 3.1.1
      '@vitest/snapshot': 3.1.1
@ -8978,12 +8970,12 @@ snapshots:
      tinyexec: 0.3.2
      tinypool: 1.0.2
      tinyrainbow: 2.0.0
-      vite: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
-      vite-node: 3.1.1(@types/node@22.15.17)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
+      vite: 6.3.5(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
+      vite-node: 3.1.1(@types/node@22.15.18)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.7.1)
      why-is-node-running: 2.3.0
    optionalDependencies:
      '@types/debug': 4.1.12
-      '@types/node': 22.15.17
+      '@types/node': 22.15.18
    transitivePeerDependencies:
      - jiti
      - less
--- a/src/components/Comments/Waline.astro
+++ b/src/components/Comments/Waline.astro
@ -125,7 +125,7 @@ document.addEventListener('astro:page-load', initWaline)
  --at-apply: 'w-1.2';
 }
 #waline .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-thumb {
-  background: oklch(var(--un-preset-theme-colors-secondary) / 0.25);
+  --at-apply: 'bg-secondary/25';
 }
 #waline .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-track-piece {
  --at-apply: 'bg-transparent';
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@ -10,7 +10,7 @@ const year = Number(startYear) === currentYear
  ? startYear
  : `${startYear}-${currentYear}`

-// i18n RSS Path
+// i18n RSS Feed Path
 const currentLang = getLangFromPath(Astro.url.pathname)
 const links = socialLinks.map((link) => {
  if (link.name === 'RSS') {
@ -21,6 +21,8 @@ const links = socialLinks.map((link) => {
  }
  return link
 })
+
+const footerLinkClass = 'highlight-hover transition-colors after:bottom-0 hover:c-primary'
 ---

 <footer
@ -30,7 +32,7 @@ const links = socialLinks.map((link) => {
  <p>
    {links.map((link, index) => (
      <>
-        <a class="highlight-hover transition-colors hover:c-primary after:bottom-0!" href={link.url} target="_blank" rel="noopener noreferrer">
+        <a class={footerLinkClass} href={link.url} target="_blank" rel="noopener noreferrer">
          {link.name}
        </a>
        {index < links.length - 1 && ' / '}
@ -39,7 +41,7 @@ const links = socialLinks.map((link) => {
  </p>

  <p>
-    Powered by <a class="highlight-hover transition-colors hover:c-primary after:bottom-0!" href="https://astro.build/" target="_blank" rel="noopener noreferrer">Astro</a> and <a class="highlight-hover transition-colors hover:c-primary after:bottom-0!" href="https://github.com/radishzzz/astro-theme-retypeset" target="_blank" rel="noopener noreferrer">Retypeset</a>
+    Powered by <a class={footerLinkClass} href="https://astro.build/" target="_blank" rel="noopener noreferrer">Astro</a> and <a class={footerLinkClass} href="https://github.com/radishzzz/astro-theme-retypeset" target="_blank" rel="noopener noreferrer">Retypeset</a>
  </p>

  <p>
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@ -10,7 +10,9 @@ const isTagActive = isTag
 const isAboutActive = isAbout

 function getNavItemClass(isActive: boolean) {
-  return isActive ? 'font-bold c-primary highlight-static' : 'hover:(c-primary font-bold) transition-all highlight-hover'
+  return isActive
+    ? 'highlight-static c-primary font-bold after:bottom-0.5em'
+    : 'highlight-hover transition-colors after:bottom-0.5em hover:(c-primary font-bold)'
 }

 const navItems = [
--- a/src/components/Widgets/Scrollbar.astro
+++ b/src/components/Widgets/Scrollbar.astro
@ -1,110 +0,0 @@
-<script>
-import { OverlayScrollbars } from 'overlayscrollbars'
-
-function setupScrollbar() {
-  // Add scrollbar to body
-  const bodyElement = document.body
-  if (!bodyElement.hasAttribute('data-scrollbar-initialized')) {
-    OverlayScrollbars({
-      target: bodyElement,
-      cancel: {
-        nativeScrollbarsOverlaid: true,
-      },
-    }, {
-      scrollbars: {
-        theme: 'scrollbar-body',
-        autoHide: 'scroll',
-        autoHideDelay: 800,
-      },
-      overflow: {
-        x: 'hidden',
-      },
-    })
-
-    bodyElement.setAttribute('data-scrollbar-initialized', 'true')
-  }
-
-  // Add scrollbar to TOC content
-  const tocElement = document.getElementById('toc-content')
-  if (tocElement && !tocElement.hasAttribute('data-scrollbar-initialized')) {
-    OverlayScrollbars({
-      target: tocElement,
-    }, {
-      scrollbars: {
-        theme: 'scrollbar-widget',
-        autoHide: 'never',
-      },
-      overflow: {
-        x: 'hidden',
-      },
-    })
-
-    tocElement.setAttribute('data-scrollbar-initialized', 'true')
-  }
-
-  // Add scrollbar to code blocks
-  const preElements = document.querySelectorAll('pre')
-  preElements.forEach((pre) => {
-    if (!pre.hasAttribute('data-scrollbar-initialized')) {
-      OverlayScrollbars({
-        target: pre,
-      }, {
-        scrollbars: {
-          theme: 'scrollbar-widget',
-          autoHide: 'leave',
-          autoHideDelay: 500,
-        },
-        overflow: {
-          y: 'hidden',
-        },
-      })
-
-      pre.setAttribute('data-scrollbar-initialized', 'true')
-    }
-  })
-}
-
-setupScrollbar()
-document.addEventListener('astro:after-swap', setupScrollbar)
-</script>
-
-<style is:global>
-@import 'overlayscrollbars/overlayscrollbars.css';
-
-.scrollbar-body {
-  --os-size: 0.8rem;
-  --os-padding-perpendicular: 0.15rem;
-  --os-padding-axis: 0.2rem;
-  --os-handle-border-radius: 99rem;
-  --os-handle-perpendicular-size: 75%;
-  --os-handle-perpendicular-size-hover: 100%;
-  --os-handle-perpendicular-size-active: 100%;
-  --os-handle-interactive-area-offset: 0.2rem;
-  --os-handle-bg: oklch(var(--un-preset-theme-colors-secondary) / 0.25);
-  --os-handle-bg-hover: oklch(var(--un-preset-theme-colors-secondary) / 0.40);
-  --os-handle-bg-active: oklch(var(--un-preset-theme-colors-secondary) / 0.40);
-  --os-handle-max-size: 80%;
-  --os-handle-min-size: 12%;
-}
-
-.scrollbar-widget {
-  --os-size: 0.4rem;
-  --os-padding-perpendicular: 0;
-  --os-padding-axis: 0.05rem;
-  --os-handle-border-radius: 99rem;
-  --os-handle-perpendicular-size: 75%;
-  --os-handle-perpendicular-size-hover: 100%;
-  --os-handle-perpendicular-size-active: 100%;
-  --os-handle-interactive-area-offset: 0.2rem;
-  --os-handle-bg: oklch(var(--un-preset-theme-colors-secondary) / 0.15);
-  --os-handle-bg-hover: oklch(var(--un-preset-theme-colors-secondary) / 0.30);
-  --os-handle-bg-active: oklch(var(--un-preset-theme-colors-secondary) / 0.30);
-  --os-handle-min-size: 12%;
-}
-
-@media (min-width: 1536px) {
-  #toc-content .os-scrollbar {
-    --at-apply: 'hidden';
-  }
-}
-</style>
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@ -5,7 +5,6 @@ import Header from '@/components/Header.astro'
 import Navbar from '@/components/Navbar.astro'
 import GithubCard from '@/components/Widgets/GithubCard.astro'
 import PhotoSwipe from '@/components/Widgets/PhotoSwipe.astro'
-import Scrollbar from '@/components/Widgets/Scrollbar.astro'
 import themeConfig from '@/config'
 import Head from '@/layouts/Head.astro'
 import { getPageInfo } from '@/utils/page'
@ -50,7 +49,6 @@ const MarginBottom = isPost && themeConfig.comment?.enabled
      <Footer />
    </div>
    <Button supportedLangs={supportedLangs} />
-    <Scrollbar />
    <GithubCard />
    <PhotoSwipe />
  </body>
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@ -6,8 +6,8 @@ import Layout from '@/layouts/Layout.astro'
  <!-- Decorative Line -->
  <div class="uno-decorative-line"></div>
  <!-- Page Not Found -->
-  <h3 class="mt--1.3 text-8 text-primary font-bold leading-1.2em font-navbar lg:text-9">PAGE<br>NOT<br>FOUND</h3>
-  <p class="mt-3.6 text-3.6 leading-1.4em font-navbar lg:(mt-4 text-4)">It looks like the page you're looking for<br>does not exist or has been moved.</p>
+  <h3 class="mt--1.3 text-8 text-primary font-bold leading-1.2em font-navbar lg:text-9">PAGE<br >NOT<br >FOUND</h3>
+  <p class="mt-3.6 text-3.6 leading-1.4em font-navbar lg:(mt-4 text-4)">It looks like the page you're looking for<br >does not exist or has been moved.</p>
  <!-- Unused Div -->
  <div class=""></div>
 </Layout>
--- a/src/styles/extend.css
+++ b/src/styles/extend.css
@ -8,7 +8,7 @@

 /* Heading Anchor Link */
 .heading-anchor-link {
-  --at-apply: 'inline-block translate-y-0.1em c-secondary/0';
+  --at-apply: 'inline-block translate-y-0.08em c-secondary/0';
 }
 h1:hover .heading-anchor-link,
 h2:hover .heading-anchor-link,
--- a/src/styles/global.css
+++ b/src/styles/global.css
@ -23,7 +23,7 @@ body {
 }
 .highlight-static::after,
 .highlight-hover::after {
-  --at-apply: 'content-[""] absolute bottom-0.5em left-0 z--1 h-0.5em w-full bg-mark';
+  --at-apply: 'content-[""] absolute left-0 z--1 h-0.5em w-full bg-mark';
 }
 .highlight-static::after,
 .highlight-hover:hover::after {
--- a/src/styles/heti.css
+++ b/src/styles/heti.css
@ -12,7 +12,7 @@

 /* Customized Post Title */
 .heti .post-title {
-  --at-apply: 'mb-2 text-8.6 c-primary font-bold leading-12 lg:text-9';
+  --at-apply: 'mb-2 text-8.6 c-primary font-bold lg:text-9';
 }

 /* Headings */
@ -22,37 +22,37 @@
 .heti :where(h4),
 .heti :where(h5),
 .heti :where(h6) {
-  --at-apply: 'mb-3 mt-6 font-semibold';
+  --at-apply: 'mb-4 mt-6 font-semibold';
 }
 .heti :where(h1) {
-  --at-apply: 'text-7 leading-12';
+  --at-apply: 'mt-9 text-7';
 }
 .heti :where(h2) {
-  --at-apply: 'text-6 leading-9';
+  --at-apply: 'mt-9 text-6';
 }
 .heti :where(h3) {
-  --at-apply: 'text-5 leading-9';
+  --at-apply: 'mt-6.75 text-5';
 }
 .heti :where(h4) {
-  --at-apply: 'text-4.5 leading-6';
+  --at-apply: 'text-4.5';
 }
 .heti :where(h5) {
-  --at-apply: 'text-4 leading-6';
+  --at-apply: 'text-4';
 }
 .heti :where(h6) {
-  --at-apply: 'text-3.5 leading-6';
+  --at-apply: 'text-3.5';
 }
 .heti :where(h1),
 .heti :where(h2),
 .heti :where(h3) {
-  --at-apply: 'text-balance cjk:text-pretty cjk:tracking-0.05em';
+  --at-apply: 'text-balance leading-1.33em cjk:text-pretty cjk:tracking-0.05em';
 }
 .heti :where(h1 + h2),
 .heti :where(h2 + h3),
 .heti :where(h3 + h4),
 .heti :where(h4 + h5),
 .heti :where(h5 + h6) {
-  --at-apply: 'mt-3';
+  --at-apply: 'mt-4';
 }

 /* Paragraphs */