fix: nav menu active style

tools/package.json

@@ -4,7 +4,7 @@
   "description": "Typecho build tools",
   "main": "build.js",
   "engines": {
-    "node": "16.x"
+    "node": "18.x"
   },
   "scripts": {
     "build_js": "node build.js js",
@@ -17,7 +17,7 @@
   "author": "joyqi",
   "license": "GPL-2.0-only",
   "dependencies": {
-    "@picocss/pico": "^1.5.0",
+    "@picocss/pico": "^2.0.6",
     "chalk": "^4.0.0",
     "node-sass": "^9.0.0",
     "sprite-magic-importer": "^1.6.2",

usr/themes/classic-22/static/scss/style.scss

@@ -31,14 +31,12 @@
 body {
   cursor: auto;
   margin: 0;
-  text-underline-offset: 0.2rem;
 }
 
-a {
+:not(.fmt a) {
   text-decoration: none;
 }
 
-
 // button[type=submit],
 // input[type=submit] {
 //   display: inline-block;
@@ -153,6 +151,10 @@ main.container {
 .site-navbar {
   a {
     color: inherit;
+
+    &:focus {
+      background-color: var(--pico-text-selection-color);
+    }
   }
 
   .site-name {
@@ -284,6 +286,10 @@ main.container {
     color: var(--pico-muted-color);
     border-radius: 100px;
     text-decoration: none;
+
+    &:focus {
+      background-color: var(--pico-text-selection-color);
+    }
   }
 }
 
@@ -299,14 +305,6 @@ main.container {
 // Format
 .fmt {
   line-height: 1.6;
-
-  a {
-    text-decoration: underline;
-    text-decoration-color: var(--pico-underline);
-  }
-  pre, hr {
-    margin-bottom: var(--pico-typography-spacing-vertical);
-  }
 }
 
 // Footer
@@ -421,17 +419,21 @@ main.container {
     pointer-events: none;
   }
 
+  a:focus {
+    background-color: var(--pico-text-selection-color);
+  }
+
   .prev {
     margin-right: auto;
-    & a::before {
+    a::before {
       content: "‹";
       margin-right: .25rem;
     }
   }
   .next {
     margin-left: auto;
     text-align: right;
-    & a::after {
+    a::after {
       content: "›";
       margin-left: .25rem;
     }