static/style.css: configure anchor and anchor hover styling

hugo.toml

@@ -55,6 +55,9 @@ theme = 'terminal'
   # whether to show a page's estimated reading time
   # readingTime = false # default
 
+  # whether to show a page's word count
+  showWordCount = true
+
   # whether to show a table of contents
   # can be overridden in a page's front-matter
   # Toc = false # default

static/gruvbox-material.css

@@ -0,0 +1,37 @@
+:root {
+    /* gruvbox material medium dark https://github.com/sainnhe/gruvbox-material */
+    --bg_dim: #1b1b1b;
+    --bg0: #282828;
+    --bg1: #32302f;
+    --bg2: #32302f;
+    --bg3: #45403d;
+    --bg4: #45403d;
+    --bg5: #5a524c;
+    --bg_statusline1: #32302f;
+    --bg_statusline2: #313735;
+    --bg_statusline3: #504945;
+    --bg_diff_green: #34381b;
+    --bg_visual_green: #3b4439;
+    --bg_diff_red: #402120;
+    --bg_visual_red: #4c3432;
+    --bg_diff_blue: #0e363e;
+    --bg_visual_blue: #373131;
+    --bg_visual_yellow: #4f422e;
+    --bg_current_word: #3c3836;
+    --fg0: #d4be98;
+    --fg1: #ddc7a1;
+    --red: #ea6962;
+    --orange: #e78a4e;
+    --yellow: #d8a657;
+    --green: #a9b665;
+    --aqua: #89b482;
+    --blue: #7daea3;
+    --purple: #d3869b;
+    --bg_red: #ea6962;
+    --bg_green: #a9b665;
+    --bg_yellow: #d8a657;
+    --grey0: #7c6f64;
+    --grey1: #928374;
+    --grey2: #a89984;
+}
+

static/style.css

@@ -1,43 +1,34 @@
-:root {
-    /* gruvbox material medium dark https://github.com/sainnhe/gruvbox-material */
-    --bg_dim: #1b1b1b;
-    --bg0: #282828;
-    --bg1: #32302f;
-    --bg2: #32302f;
-    --bg3: #45403d;
-    --bg4: #45403d;
-    --bg5: #5a524c;
-    --bg_statusline1: #32302f;
-    --bg_statusline2: #313735;
-    --bg_statusline3: #504945;
-    --bg_diff_green: #34381b;
-    --bg_visual_green: #3b4439;
-    --bg_diff_red: #402120;
-    --bg_visual_red: #4c3432;
-    --bg_diff_blue: #0e363e;
-    --bg_visual_blue: #373131;
-    --bg_visual_yellow: #4f422e;
-    --bg_current_word: #3c3836;
-    --fg0: #d4be98;
-    --fg1: #ddc7a1;
-    --red: #ea6962;
-    --orange: #e78a4e;
-    --yellow: #d8a657;
-    --green: #a9b665;
-    --aqua: #89b482;
-    --blue: #7daea3;
-    --purple: #d3869b;
-    --bg_red: #ea6962;
-    --bg_green: #a9b665;
-    --bg_yellow: #d8a657;
-    --grey0: #7c6f64;
-    --grey1: #928374;
-    --grey2: #a89984;
+@import url("gruvbox-material.css");
 
+:root {
     --background: var(--bg0);
     --foreground: var(--fg0);
     --accent: var(--green);
     --faint_foreground: var(--grey0);
+    --code_background: var(--bg_dim);
+}
+
+a {
+    color: var(--accent);
+    /* actually i don't like how transitions look */
+    /* transition: 0.3s; */
+}
+
+a:hover {
+    color: var(--background) !important;
+    background-color: var(--accent) !important;
+}
+
+.code-toolbar {
+    border: 1px solid var(--bg3);
+}
+
+code {
+    background: var(--code_background);
+}
+
+.footnotes {
+    color: var(--faint_foreground);
 }
 
 /* note: grey0 is actually fg0 with 0.5 opacity over bg0, so the below footer css has no effect. however, i've decided

static/terminal.css

@@ -1,7 +1,9 @@
+@import url("gruvbox-material.css");
+
 :root {
-  --background: #282828;
-  --foreground: #d4be98;
-  --accent: #a9b665;
+  --background: var(--bg0);
+  --foreground: var(--fg0);
+  --accent: var(--green);
   --font-size: 1rem;
   --line-height: 1.54rem;
   --radius: 0px;
@@ -275,13 +277,13 @@ code code {
 
 pre {
   tab-size: 4;
-  background: color-mix(in srgb, var(--foreground) 5%, transparent) !important;
+  background: var(--bg_dim) !important;
   color: var(--foreground);
   padding: 20px 10px;
   font-size: 0.95rem !important;
   overflow: auto;
   border-radius: var(--radius);
-  border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);
+  border: 1px solid var(--bg3);
 }
 
 pre code {

themes/terminal

@@ -1 +1 @@
-Subproject commit ae454bef38f19aa066aefa2892005d3e0fe28129
+Subproject commit 2a6278396c423aeb3aa046c20744cfce9c74f0bd