diff --git a/config.toml b/config.toml
index feff6a2..8fe8c25 100644
--- a/config.toml
+++ b/config.toml
@@ -3,7 +3,7 @@ languageCode = "en-us"
title = "Daniel's Blog"
theme = "vanilla"
pygmentsCodeFences = true
-pygmentsStyle = "github"
+pygmentsUseClasses = true
summaryLength = 20
[markup]
diff --git a/themes/vanilla/assets/scss/code.scss b/themes/vanilla/assets/scss/code.scss
new file mode 100644
index 0000000..a4e1bae
--- /dev/null
+++ b/themes/vanilla/assets/scss/code.scss
@@ -0,0 +1,78 @@
+@import "variables.scss";
+
+$code-color-lineno: grey;
+$code-color-keyword: black;
+$code-color-type: black;
+$code-color-comment: grey;
+
+code {
+ font-family: $font-code;
+ background-color: $code-color;
+ border: $code-border;
+ padding: 0 0.25rem 0 0.25rem;
+}
+
+pre code {
+ display: block;
+ box-sizing: border-box;
+ padding: 0.5rem;
+ overflow: auto;
+}
+
+.chroma {
+ .lntable {
+ border-spacing: 0;
+ padding: 0.5rem 0 0.5rem 0;
+ background-color: $code-color;
+ border-radius: 0;
+ border: $code-border;
+ display: block;
+ overflow: auto;
+
+ td {
+ padding: 0;
+ }
+
+ code {
+ border: none;
+ padding: 0;
+ }
+
+ pre {
+ margin: 0;
+ }
+
+ .lntd:last-child {
+ width: 100%;
+ }
+ }
+
+ .lntr {
+ display: table-row;
+ }
+
+ .lnt {
+ display: block;
+ padding: 0 1rem 0 1rem;
+ color: $code-color-lineno;
+ }
+
+ .hl {
+ display: block;
+ background-color: lighten($primary-color, 25%);
+ }
+}
+
+.kr, .k {
+ font-weight: bold;
+ color: $code-color-keyword;
+}
+
+.kt {
+ font-weight: bold;
+ color: $code-color-type;
+}
+
+.c, .c1 {
+ color: $code-color-comment;
+}
diff --git a/themes/vanilla/assets/scss/style.scss b/themes/vanilla/assets/scss/style.scss
index 614b351..b51b324 100755
--- a/themes/vanilla/assets/scss/style.scss
+++ b/themes/vanilla/assets/scss/style.scss
@@ -31,35 +31,6 @@ h1, h2, h3, h4, h5, h6 {
}
}
-code {
- font-family: $font-code;
- background-color: $code-color;
-}
-
-pre code {
- display: block;
- padding: 0.5rem;
- overflow-x: auto;
- border: $code-border;
-}
-
-div.highlight table {
- border: $code-border !important;
- border-radius: 0px;
-
- pre {
- margin: 0;
- }
-
- code {
- border: none;
- }
-
- span {
- margin: 0 !important;
- }
-}
-
.container {
position: relative;
margin: auto;
diff --git a/themes/vanilla/layouts/partials/head.html b/themes/vanilla/layouts/partials/head.html
index f5241e8..fc33d23 100644
--- a/themes/vanilla/layouts/partials/head.html
+++ b/themes/vanilla/layouts/partials/head.html
@@ -6,14 +6,16 @@
{{ end }}
-
+
{{ $style := resources.Get "scss/style.scss" | resources.ToCSS | resources.Minify }}
{{ $sidenotes := resources.Get "scss/sidenotes.scss" | resources.ToCSS | resources.Minify }}
+ {{ $code := resources.Get "scss/code.scss" | resources.ToCSS | resources.Minify }}
{{ $icon := resources.Get "img/favicon.png" }}
{{- partial "sidenotes.html" . -}}
+