diff options
| -rw-r--r-- | hugo.toml | 4 | ||||
| -rw-r--r-- | layouts/partials/custom_head.html | 7 | ||||
| -rw-r--r-- | themes/hugo-bearblog/layouts/partials/style.html | 58 |
3 files changed, 36 insertions, 33 deletions
@@ -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; } |