diff --git a/config.toml b/config.toml index 7504579..aa0df7a 100644 --- a/config.toml +++ b/config.toml @@ -24,7 +24,7 @@ taxonomies = [ # Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola highlight_code = true -highlight_theme = "inspired-github" +highlight_theme = "ayu-dark" [extra] # Put all your custom variables here diff --git a/sass/style.scss b/sass/style.scss index 63c14d8..2207a72 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -1,9 +1,13 @@ +$color: #E6E1CF; +$bgcolor: #14191F; + /* 1. Use a more-intuitive box-sizing model. */ *, *::before, *::after { + font-variant-ligatures: none; box-sizing: border-box; font-size: 16px; @@ -28,6 +32,8 @@ html, body { height: 100%; font-family: "JetBrains Mono", monospace; + background-color: $bgcolor; + color: $color; } /* Typographic tweaks! @@ -104,14 +110,14 @@ p { } a { - color: black; + color: $color; font-weight: bold; } pre { padding: 10px; overflow-x: auto; - border: 1px solid black; + border: 1px solid $color; margin: 1em 0; font-family: "JetBrains Mono", monospace; @@ -126,11 +132,11 @@ code { font-family: "JetBrains Mono", monospace; padding: 2px; line-height: 1.8; - border: 1px gray solid; + border: 1px $color solid; } blockquote { - border: 1px gray dashed; + border: 1px $color dashed; padding: 5px 10px; } @@ -188,5 +194,5 @@ a.title { } .category-link { - color: gray; + color: $color; } \ No newline at end of file