add line numbers, change style to gruvbox.

1 files changed, 27 insertions, 31 deletions

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;
     }