hexo-theme-gnix 4.2.6 → 4.2.8

package/layout/common/head.jsx

@@ -217,6 +217,7 @@ module.exports = class extends Component {
           onload="this.onload=null;this.rel='stylesheet'"
         />
         {/* Maple Mono CN */}
+        <link rel="preconnect" href="https://fontsapi.zeoseven.com"/>
         <link
           rel="preload"
           as="style"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-gnix",
-  "version": "4.2.6",
+  "version": "4.2.8",
   "author": "Efterklang <gaojiaxing0220@gmail.com>",
   "license": "MIT",
   "description": "Second generation of Hexo theme Icarus, now with Catppuccin flavor and night mode support.",

package/source/css/default.css

@@ -13,7 +13,7 @@
     Avenir, system-ui, "Segoe UI", Roboto, Helvetica, Arial, "PingFang SC",
     "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC",
     "Source Han Sans CN", sans-serif;
-  --font-handwriting: "Bradley Hand", cursive;
+  --font-handwriting: "Bradley Hand", "homemade-apple", cursive;
 }
 
 /* #region Color */
@@ -84,7 +84,7 @@
   --pink: #b48ead;
   --mauve: #b48ead;
   --red: #bf616a;
-  --maroon: #a3be8c;
+  --maroon: #bf616a;
   --peach: #d08770;
   --yellow: #ebcb8b;
   --green: #a3be8c;
@@ -210,33 +210,29 @@ a.header-anchor:hover::after {
   color: var(--surface0);
 }
 
-h3 a.header-anchor {
-  color: var(--yellow);
+a.header-anchor {
+  color: var(--text);
+}
 
+h3 a.header-anchor {
   &:hover::after {
     content: "###";
   }
 }
 
 h4 a.header-anchor {
-  color: var(--green);
-
   &:hover::after {
     content: "####";
   }
 }
 
 h5 a.header-anchor {
-  color: var(--blue);
-
   &:hover::after {
     content: "#####";
   }
 }
 
 h6 a.header-anchor {
-  color: var(--mauve);
-
   &:hover::after {
     content: "######";
   }
@@ -363,6 +359,14 @@ input:-webkit-autofill {
     url(/css/font/woff2/Paris2024-Variable.woff2) format("woff2");
 }
 
+@font-face {
+  font-family: homemade-apple;
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/css/font/woff2/HomemadeApple.woff2) format("woff2");
+}
+
 /* #endregion */
 
 blockquote,
@@ -746,6 +750,7 @@ body {
   outline: 0;
   font-family: var(--font-sans-serif);
   color: var(--text);
+
   &:hover,
   &.active {
     color: var(--lavender);
@@ -894,7 +899,7 @@ body {
   }
 
   h3 {
-    font-size: 2em;
+    font-size: 1.875em;
     font-weight: 700;
     line-height: 1.25;
     letter-spacing: -0.015em;
@@ -902,7 +907,7 @@ body {
   }
 
   h4 {
-    font-size: 1.75em;
+    font-size: 1.5em;
     font-weight: 600;
     line-height: 1.25;
     letter-spacing: -0.01em;
@@ -910,7 +915,7 @@ body {
   }
 
   h5 {
-    font-size: 1.5em;
+    font-size: 1.35em;
     font-weight: 600;
     line-height: 1.25;
     letter-spacing: -0.005em;
@@ -918,7 +923,7 @@ body {
   }
 
   h6 {
-    font-size: 1.25em;
+    font-size: 1.1em;
     font-weight: 600;
     line-height: 1.25;
     margin: 1.2rem 0 1rem;
@@ -951,9 +956,8 @@ body {
 
   img,
   video {
-    display: block;
-    margin: 1em auto;
-    max-width: 100%;
+    /* set left,right margin to auto */
+    margin: 0 auto 0 auto;
 
     &:hover {
       cursor: pointer;
@@ -1146,7 +1150,8 @@ ul.contains-task-list {
 }
 
 li.task-list-item {
-  gap: 0.75rem;
+  position: relative;
+  padding-left: 1.75rem;
   font-size: 1rem;
   list-style: none;
 }
@@ -1158,7 +1163,9 @@ input.task-list-item-checkbox {
   height: 1.2rem;
   border: 2px solid var(--surface1);
   border-radius: 0.375rem;
-  position: relative;
+  position: absolute;
+  left: 0;
+  top: 0.15rem;
 }
 
 input.task-list-item-checkbox:checked::before {
@@ -1196,6 +1203,7 @@ input.task-list-item-checkbox:checked::before {
 strong {
   font-weight: bolder;
   padding: 0 0.1em;
+  color: var(--maroon);
 }
 
 hr {
@@ -1485,4 +1493,4 @@ input.searchbox-input {
   object-fit: cover;
 }
 
-/* #endregion Article Cover */
+/* #endregion Article Cover */

package/source/css/responsive/mobile.css

@@ -1,3 +1,7 @@
+span.year {
+  font-size: 3em !important;
+}
+
 .article-licensing {
   margin-left: -1rem;
   margin-right: -1rem;

package/source/css/shiki/shiki.css

@@ -1,3 +1,8 @@
+.code-title {
+  font-size: .75em;
+  font-style: italic;
+}
+
 code span {
   font-style: var(--shiki-light-font-style);
   font-weight: var(--shiki-light-font-weight);
@@ -135,6 +140,7 @@ figure.shiki {
 }
 
 @keyframes code-expand-pulse {
+
   0%,
   to {
     opacity: 0.6;
@@ -219,12 +225,10 @@ figure.shiki[data-collapsible="true"]:not(.expanded) > pre.shiki:after {
   height: 80px;
   pointer-events: none;
   z-index: 1;
-  background: linear-gradient(
-    transparent 0%,
-    hsl(from var(--mantle) h s l / 0.8),
-    30%,
-    var(--mantle) 100%
-  );
+  background: linear-gradient(transparent 0%,
+      hsl(from var(--mantle) h s l / 0.8),
+      30%,
+      var(--mantle) 100%);
   opacity: 1;
 }
 
@@ -1651,4 +1655,4 @@ pre.shiki.has-focused > code {
   --shiki-nord-font-weight: inherit;
   --shiki-tokyo: #89ddff;
   --shiki-tokyo-font-weight: bold;
-}
+}