From 62f0d1654028beb625453ad19b0138574e999861 Mon Sep 17 00:00:00 2001 From: surtur Date: Tue, 29 Mar 2022 18:18:02 +0200 Subject: [PATCH 1/3] change theme colours --- assets/scss/_predefined.scss | 12 ++++++------ assets/scss/style.scss | 11 ++++++----- config.toml | 3 ++- 3 files changed, 14 insertions(+), 12 deletions(-) diff --git a/assets/scss/_predefined.scss b/assets/scss/_predefined.scss index d74512c..af62145 100644 --- a/assets/scss/_predefined.scss +++ b/assets/scss/_predefined.scss @@ -1,11 +1,11 @@ // Colors // -$theme: #D8D8D8; -$text: #D8D8D8; -$light-grey: #282a2b; // Background -$dark-grey: #282a2b; // Hover Bar -$highlight-grey: #151718; // Highlight background of `keyword` -$midnightblue: #151718; // Code Background +$theme: #613583; +$text: #21fA45; +$light-grey: #010000; // background +$dark-grey: #111115; // hover bar +$highlight-grey: #9141ac; // highlight background of `keyword` +$midnightblue: #151718; // code background, link background // Fonts // diff --git a/assets/scss/style.scss b/assets/scss/style.scss index d5c386b..8121d7f 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -48,19 +48,20 @@ pre { letter-spacing: normal; white-space: pre; color: #eee; - background: $midnightblue; + background: transparent; border-radius: 4px; // -webkit-overflow-scrolling: touch; code { padding: 0; margin: 0; - background: $midnightblue; + color: #eee; + background: transparent; } } code { - color: #eee; + color: $midnightblue; background: $highlight-grey; border-radius: 3px; padding: 0 3px; @@ -94,8 +95,7 @@ a { transition-timing-function: ease-out; &:hover { - color: #fff; - text-shadow: 0 0 1px #fff; + color: $highlight-grey; } } @@ -380,6 +380,7 @@ p.img-404 { &:hover { border-color: #fff; + color: $highlight-grey; } svg { diff --git a/config.toml b/config.toml index 268009e..5862e02 100644 --- a/config.toml +++ b/config.toml @@ -5,7 +5,8 @@ theme = "hermit" enableGitInfo = true pygmentsCodefences = true -pygmentsUseClasses = true +pygmentsUseClasses = false +pygmentsStyle = "fruity" enableEmoji = true [author] -- 2.47.0 From 927909be604187b8e178ce009d88ac6b26c0b3c5 Mon Sep 17 00:00:00 2001 From: surtur Date: Tue, 29 Mar 2022 18:24:43 +0200 Subject: [PATCH 2/3] increase pre border-radius to 5px --- assets/scss/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 8121d7f..56f1647 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -49,7 +49,7 @@ pre { white-space: pre; color: #eee; background: transparent; - border-radius: 4px; + border-radius: 5px; // -webkit-overflow-scrolling: touch; code { -- 2.47.0 From bc6140098f698dbdf9f40b17e68a93d866eb93b5 Mon Sep 17 00:00:00 2001 From: surtur Date: Tue, 29 Mar 2022 18:32:39 +0200 Subject: [PATCH 3/3] add commentary to colour codes since we're keeping the original names of colour variables from the theme, it's a good idea to at least have the usage of them (somewhat) documented. --- assets/scss/_predefined.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/assets/scss/_predefined.scss b/assets/scss/_predefined.scss index af62145..7af00ee 100644 --- a/assets/scss/_predefined.scss +++ b/assets/scss/_predefined.scss @@ -1,11 +1,12 @@ // Colors // -$theme: #613583; -$text: #21fA45; +$theme: #613583; // hyperlink highlight background colour, .post-info + // site-local link :hover highlight colour +$text: #21fa45; // colour of normal text $light-grey: #010000; // background $dark-grey: #111115; // hover bar -$highlight-grey: #9141ac; // highlight background of `keyword` -$midnightblue: #151718; // code background, link background +$highlight-grey: #9141ac; // code (not in pre) background +$midnightblue: #151718; // code text (not in pre) colour // Fonts // -- 2.47.0