From 3b0cc318a42b141a0c7f4b26e51258bb4b402133 Mon Sep 17 00:00:00 2001
From: Leonardo Santiago <leonardo.ribeiro.santiago@gmail.com>
Date: Sun, 10 Nov 2024 18:16:03 -0300
Subject: add line numbers, change style to gruvbox.

---
 hugo.toml                                        |  4 ++
 layouts/partials/custom_head.html                |  7 ++-
 themes/hugo-bearblog/layouts/partials/style.html | 58 +++++++++++-------------
 3 files changed, 36 insertions(+), 33 deletions(-)

diff --git a/hugo.toml b/hugo.toml
index d6edc8e..95a9ed8 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -19,6 +19,10 @@ ignoreErrors = ["error-disable-taxonomy"]
   blog = "/blog/:slug"
   tags = "/tags/:slug"
 
+[markup.highlight]
+  style = 'gruvbox'
+  lineNos = true
+
 [params]
   # The "description" of your website. This is used in the meta data of your generated html.
   description = "a lowercase only blog, purely for aesthetics"
diff --git a/layouts/partials/custom_head.html b/layouts/partials/custom_head.html
index 523b6cc..cbb24d8 100644
--- a/layouts/partials/custom_head.html
+++ b/layouts/partials/custom_head.html
@@ -10,9 +10,12 @@
   ul.blog-posts li a:visited {
       color:#ffc069;
   }
-  code {
+  p code, li code {
       color: black;
-      background-color: #ffc069; 
+      border-radius: 2px;
+      padding-right: 1px;
+      padding-left: 1px;
+      background-color: #ffc069;
   }
 </style>
 <meta property="og:image" content="{{ absURL "preview.jpg" }}" />
diff --git a/themes/hugo-bearblog/layouts/partials/style.html b/themes/hugo-bearblog/layouts/partials/style.html
index e7aa731..71dcba6 100644
--- a/themes/hugo-bearblog/layouts/partials/style.html
+++ b/themes/hugo-bearblog/layouts/partials/style.html
@@ -1,11 +1,16 @@
+<link href="https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
+<link
+  rel="stylesheet"
+  href="https://cdn.xeiaso.net/static/css/iosevka/family.css"
+/>
 <style>
   body {
-    font-family: Verdana, sans-serif;
+    font-family: "Inria Sans", sans-serif;
     margin: auto;
-    padding: 20px;
+    padding: 5px;
     max-width: 720px;
+    font-size: 21px;
     text-align: left;
-    background-color: #fff;
     word-wrap: break-word;
     overflow-wrap: break-word;
     line-height: 1.5;
@@ -17,17 +22,11 @@
   h3,
   h4,
   h5,
-  h6,
-  strong,
-  b {
+  h6 {
+    font-family: "Times New Roman", serif;
     color: #222;
   }
 
-  a {
-    color: #3273dc;
-    /*color: #ff5e6c;*/
-  }
-
   .title {
     text-decoration: none;
     border: 0;
@@ -63,28 +62,33 @@
   }
 
   code {
-    padding: 2px 5px;
-    background-color: #f2f2f2;
+    padding: 0.2px;
+  }
+
+  code, pre {
+    font-family: "Iosevka Curly Iaso", monospace;
+    font-size: 15px;
   }
 
   pre code {
-    color: #222;
+    font-size: 16px;
     display: block;
-    padding: 20px;
+    padding-left: 5px;  
     white-space: pre-wrap;
-    font-size: 14px;
     overflow-x: auto;
+    border-width: 5px;
   }
 
-  div.highlight pre {
-    background-color: initial;
-    color: initial;
+  div.highlight {
+    border-style: dashed;
+    border-width: 0.8px;
+    border-color: black;
   }
 
-  div.highlight code {
-    background-color: unset;
-    color: unset;
-  }
+  /* div.highlight code { */
+  /*   background-color: unset; */
+  /*   color: unset; */
+  /* } */
 
   blockquote {
     border-left: 1px solid #999;
@@ -143,14 +147,6 @@
       color: #eee;
     }
 
-    a {
-      color: #8cc2dd;
-    }
-
-    code {
-      background-color: #777;
-    }
-
     pre code {
       color: #ddd;
     }
-- 
cgit v1.2.3