🐛 Fix: adjust links style and add favicon

bambooom · Feb 5, 2024 · 92956f8 · 92956f8
1 parent e7ae1db
commit 92956f8
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 20 deletions.
diff --git a/hugo.yaml b/hugo.yaml
@@ -57,14 +57,14 @@ params:
   assets:
     # disableHLJS: true # to disable highlight.js
     # disableFingerprinting: true
-    favicon: "<link / abs url>"
-    favicon16x16: "<link / abs url>"
-    favicon32x32: "<link / abs url>"
-    apple_touch_icon: "<link / abs url>"
-    safari_pinned_tab: "<link / abs url>"
+    # favicon: "<link / abs url>"
+    # favicon16x16: "<link / abs url>"
+    # favicon32x32: "<link / abs url>"
+    # apple_touch_icon: "<link / abs url>"
+    # safari_pinned_tab: "<link / abs url>"
 
   label:
-    text: "Bamboo🎋"
+    text: "🎋Bamboo:~$"
     # icon: /apple-touch-icon.png
     # iconHeight: 35
 
@@ -136,19 +136,19 @@ params:
 menu:
   main:
     - identifier: posts
-      name: Posts
+      name: ~/posts/
       url: /posts/
       weight: 5
     - identifier: categories
-      name: Categories
+      name: ~/categories/
       url: /categories/
       weight: 10
     # - identifier: tags
     #   name: tags
     #   url: /tags/
     #   weight: 20
     - identifier: about
-      name: About
+      name: ~/about/
       url: /about/
       weight: 30
 # Read: https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs#using-hugos-syntax-highlighter-chroma

diff --git a/static/favicon.ico b/static/favicon.ico
diff --git a/themes/PaperMod/assets/css/common/header.css b/themes/PaperMod/assets/css/common/header.css
@@ -36,7 +36,7 @@
     margin-inline-end: 8px;
 }
 
-.logo a, .logo button, #menu a {
+.logo a, .logo button {
     color: var(--nav-text);
 }
 
@@ -61,17 +61,33 @@ body:not(.dark) #sun {
     white-space: nowrap;
 }
 
+#menu li {
+    display: inline-flex;
+}
+
 #menu li + li {
     margin-inline-start: var(--gap);
 }
 
 #menu a {
+    color: var(--pink);
+    text-decoration: underline dotted 1px;
+    text-underline-offset: 2px;
     font-size: 16px;
+    transition: all 0.3s cubic-bezier(.4,0,.2,1);
+}
+
+#menu a:hover {
+    color: var(--red);
 }
 
 #menu .active {
+    text-decoration: none;
+}
+#menu .active span {
     font-weight: 500;
-    border-bottom: 2px solid currentColor;
+    background: var(--red);
+    color: var(--entry);
 }
 
 .lang-switch li,

diff --git a/themes/PaperMod/assets/css/common/main.css b/themes/PaperMod/assets/css/common/main.css
@@ -46,7 +46,7 @@
 }
 
 .social-icons a:hover {
-    color: #f5f5f5;
+    color: var(--hilite);
     transform: translate(0, -.25rem);
 }
 

diff --git a/themes/PaperMod/assets/css/common/post-entry.css b/themes/PaperMod/assets/css/common/post-entry.css
@@ -93,6 +93,10 @@
     transition: all 0.3s cubic-bezier(.4,0,.2,1);
 }
 
+.entry-footer svg {
+    transition: all 0.3s cubic-bezier(.4,0,.2,1);
+}
+
 .post-entry:hover .entry-footer svg {
     transform: translate(5px, 0);
 }

diff --git a/themes/PaperMod/assets/css/common/post-single.css b/themes/PaperMod/assets/css/common/post-single.css
@@ -72,15 +72,15 @@
 }
 
 
-.post-content a {
-    color: var(--pink);
-    border-bottom: dotted 1px currentColor;
+.post-content a:not(.anchor) {
+    border-bottom: solid 2px var(--pink);
     transition: all 0.2s cubic-bezier(.4,0,.2,1);
 }
 
 
-.post-content a:hover {
-    color: var(--red);
+.post-content a:not(.anchor):hover {
+    background: var(--pink);
+    color: var(--entry);
 }
 
 .toc a:hover {
@@ -402,7 +402,7 @@ h6:hover .anchor {
 }
 
 .paginav a:hover {
-    color: rgb(245, 245, 245);
+    color: var(--hilite);
 }
 
 .paginav .anchor-prev,

diff --git a/themes/PaperMod/assets/css/core/theme-vars.css b/themes/PaperMod/assets/css/core/theme-vars.css
@@ -11,6 +11,7 @@
     --primary: rgb(30, 30, 30);
     --secondary: rgb(108, 108, 108);
     --tertiary: rgb(214, 214, 214);
+    --hilite: rgb(51 51 51);
     --content: rgb(31, 31, 31);
     --code-block-bg: rgb(28, 29, 33);
     --code-bg: rgb(245, 245, 245);
@@ -29,6 +30,7 @@
     --secondary: rgb(155, 156, 157);
     --tertiary: rgb(65, 66, 68);
     --content: rgb(196, 196, 197);
+    --hilite: rgb(245 245 245);
     --code-block-bg: rgb(46, 46, 51);
     --code-bg: rgb(55, 56, 62);
     --border: rgb(51, 51, 51);

diff --git a/themes/PaperMod/layouts/partials/header.html b/themes/PaperMod/layouts/partials/header.html
@@ -127,8 +127,8 @@
             {{- $is_search := eq (site.GetPage .KeyName).Layout `search` }}
             <li>
                 <a href="{{ .URL | absLangURL }}" title="{{ .Title | default .Name }} {{- cond $is_search (" (Alt + /)" | safeHTMLAttr) ("" | safeHTMLAttr ) }}"
-                {{- cond $is_search (" accesskey=/" | safeHTMLAttr) ("" | safeHTMLAttr ) }}>
-                    <span {{- if eq $menu_item_url $page_url }} class="active" {{- end }}>
+                {{- cond $is_search (" accesskey=/" | safeHTMLAttr) ("" | safeHTMLAttr ) }} {{- if eq $menu_item_url $page_url }} class="active" {{- end }}>
+                    <span>
                         {{- .Pre }}
                         {{- .Name -}}
                         {{ .Post -}}