From 84ce2ba2878cf35a730396ed9b1ed9983f22a498 Mon Sep 17 00:00:00 2001 From: Zoe Date: Wed, 13 Apr 2022 12:43:01 +0200 Subject: [PATCH 1/8] dark by default --- assets/scss/style.scss | 4 ++-- static/js/darkmode.js | 14 +++++++------- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 039f738..0903d39 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -39,7 +39,7 @@ input[type="checkbox"]{ display: flex; align-items: center; justify-content: center; - content: "滛"; + content: ""; border-style: solid; } @@ -50,7 +50,7 @@ input:checked + label:after{ input:checked + label::after{ - content: ""; + content: "滛"; } .footer-nav-item{ diff --git a/static/js/darkmode.js b/static/js/darkmode.js index 466a466..89d8e86 100644 --- a/static/js/darkmode.js +++ b/static/js/darkmode.js @@ -1,20 +1,20 @@ const checkbox = document.getElementById("darkmode-toggle"); const colorswitchers = document.getElementsByClassName("colorswitch"); -if (localStorage.getItem("dark")) { - switchToDark(); -} else { +if (localStorage.getItem("light")) { switchToLight(); +} else { + switchToDark(); } checkbox.checked = localStorage.getItem("dark"); checkbox.addEventListener("change", function () { - localStorage.setItem("dark", this.checked); + localStorage.setItem("light", this.checked); if (this.checked) { - switchToDark(); - } else { - localStorage.removeItem("dark"); switchToLight(); + } else { + localStorage.removeItem("light"); + switchToDark(); } }); From 76b758dcadedb8053991034a348a9063c975a793 Mon Sep 17 00:00:00 2001 From: Zoe Date: Wed, 13 Apr 2022 14:16:11 +0200 Subject: [PATCH 2/8] dark by default --- assets/scss/layout.scss | 3 ++- layouts/_default/list.html | 11 +++++------ 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss index 09b066d..9702aaf 100644 --- a/assets/scss/layout.scss +++ b/assets/scss/layout.scss @@ -24,7 +24,8 @@ footer { #content p, #content ul, #content ol, -#content table { +#content table +{ margin-right: 24%; margin-left: 24%; } diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 52d0d9e..299c699 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -2,18 +2,17 @@
-

List - {{.Title}}

+

{{.Title}}

{{.Content}}
- +
{{ end }} From 2e52a4843f4d737f18ff16e022e478a1bb80bbd5 Mon Sep 17 00:00:00 2001 From: zoe Date: Wed, 13 Apr 2022 16:00:22 +0200 Subject: [PATCH 3/8] fix lightmode button being weird --- assets/scss/colors.scss | 30 +++++++++++++----------------- assets/scss/layout.scss | 5 +++++ assets/scss/style.scss | 5 +++-- static/js/darkmode.js | 38 +++++++++++++++++++++----------------- 4 files changed, 42 insertions(+), 36 deletions(-) diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss index d78a823..036d366 100644 --- a/assets/scss/colors.scss +++ b/assets/scss/colors.scss @@ -28,11 +28,11 @@ body { a { &.light { - background-color: $light-ln; - color: $light-bg; + background-color: transparent; + color: $light-ln; } - background-color: $dark-ln; - color: $dark-bg; + background-color: transparent; + color: $dark-ln; transition: $transition-time; } @@ -129,12 +129,17 @@ article.light h3 { color: $light-bg; transition: $transition-time; } + +article h5, +article h6, article h4 { background-color: $dark-accent3; color: $dark-bg; transition: $transition-time; } +article.light h5, +article.light h6, article.light h4 { background-color: $light-accent3; color: $light-bg; @@ -147,16 +152,7 @@ article.light h2 { transition: $transition-time; } -article h5, -article h6, -article a { - background-color: $dark-ln; - color: $dark-bg; - transition: $transition-time; -} -article.light h5, -article.light h6, article.light a { background-color: $light-ln; color: $light-bg; @@ -165,11 +161,11 @@ article.light a { a:hover { &.light { - color: $light-ln; - background-color: transparent; + color: $light-bg; + background-color: $light-ln; } - color: $dark-ln; - background-color: transparent; + color: $dark-bg; + background-color: $dark-ln; } article.light a:hover { diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss index 9702aaf..ae68cd6 100644 --- a/assets/scss/layout.scss +++ b/assets/scss/layout.scss @@ -30,6 +30,11 @@ footer { margin-left: 24%; } +#content ol ol, +#content ul ul{ + margin-left: 0.12em; +} + #footer-left { margin-top: auto; margin-bottom: auto; diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 0903d39..37d4b5e 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -6,12 +6,13 @@ $toggle-height: 24pt; border-width: 2pt; } + input[type="checkbox"]{ cursor: pointer; } .toggleinput{ - opacity: 0; - max-height: 0; + opacity: 10; + max-height: 10; overflow: hidden; } diff --git a/static/js/darkmode.js b/static/js/darkmode.js index 89d8e86..2c1d53f 100644 --- a/static/js/darkmode.js +++ b/static/js/darkmode.js @@ -1,23 +1,6 @@ const checkbox = document.getElementById("darkmode-toggle"); const colorswitchers = document.getElementsByClassName("colorswitch"); -if (localStorage.getItem("light")) { - switchToLight(); -} else { - switchToDark(); -} -checkbox.checked = localStorage.getItem("dark"); - -checkbox.addEventListener("change", function () { - localStorage.setItem("light", this.checked); - if (this.checked) { - switchToLight(); - } else { - localStorage.removeItem("light"); - switchToDark(); - } -}); - function switchToLight() { for (let item of colorswitchers) { item.classList.add("light"); @@ -30,3 +13,24 @@ function switchToDark() { item.classList.remove("light"); } } + +document.addEventListener("DOMContentLoaded", () => { + if (localStorage.getItem("light")) { + switchToLight(); + } else { + switchToDark(); + } + checkbox.checked = localStorage.getItem("dark"); + checkbox.addEventListener("change", function () { + localStorage.setItem("light", this.checked); + if (this.checked) { + switchToLight(); + } else { + localStorage.removeItem("light"); + switchToDark(); + } + }); + if (localStorage.getItem("light")) { + checkbox.checked = true; + } +}); From 2c56b25d22f6d145968f426bac94d335b24ab856 Mon Sep 17 00:00:00 2001 From: zoe Date: Wed, 13 Apr 2022 19:04:38 +0200 Subject: [PATCH 4/8] clickable headers --- assets/scss/colors.scss | 122 +++++++++++++----- assets/scss/font.scss | 12 +- assets/scss/layout.scss | 14 ++- assets/scss/style.scss | 124 ++++++++++--------- layouts/_default/_markup/render-heading.html | 5 + layouts/_default/baseof.html | 15 ++- layouts/_default/list.html | 9 +- layouts/partials/footer.html | 1 - static/js/headings.js | 13 ++ static/js/{darkmode.js => main.js} | 0 10 files changed, 207 insertions(+), 108 deletions(-) create mode 100644 layouts/_default/_markup/render-heading.html create mode 100644 static/js/headings.js rename static/js/{darkmode.js => main.js} (100%) diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss index 036d366..e7d461b 100644 --- a/assets/scss/colors.scss +++ b/assets/scss/colors.scss @@ -1,20 +1,21 @@ -$light-bg: #dde4ff ; -$light-bg-alt: #733c7c ; +$light-bg: #dde4ff; +$light-bg-alt: #733c7c; $light-fg: #4b3d44; -$light-ln: #733c7c ; -$light-accent1: #007582 ; -$light-accent2: #225091 ; -$light-accent3: #27234c ; +$light-ln: #733c7c; +$light-accent1: #007582; +$light-accent2: #225091; +$light-accent3: #27234c; -$dark-bg: #27234c ; -$dark-bg-alt: #f2504b ; -$dark-fg: #e88dc3 ; -$dark-ln: #f2504b ; +$dark-bg: #27234c; +$dark-bg-alt: #f2504b; +$dark-fg: #e88dc3; +$dark-ln: #f2504b; $dark-accent1: #b296ff; -$dark-accent2: #39b8a3 ; -$dark-accent3: #dde4ff ; +$dark-accent2: #39b8a3; +$dark-accent3: #dde4ff; -$transition-time: 1s; +$transition-time: 2s; +$trans-short: 0.2s; body { &.light { @@ -46,7 +47,7 @@ a.footer-nav-item:hover { color: $dark-bg-alt; background-color: $dark-bg; border-color: $dark-bg; - transition: 0.24s; + transition: $trans-short; } footer { @@ -113,62 +114,117 @@ article { transition: $transition-time; } -article h2 { +h2, +h2 a { background-color: $dark-accent1; color: $dark-bg; transition: $transition-time; + & a{ + background-color: transparent; + } } -article h3 { +h3, +h3 a { background-color: $dark-accent2; color: $dark-bg; transition: $transition-time; + & a{ + background-color: transparent; + } } -article.light h3 { +h3.light { background-color: $light-accent2; color: $light-bg; transition: $transition-time; + &a { + color: $light-bg; + } } -article h5, -article h6, -article h4 { +h5, +h6, +h4 { background-color: $dark-accent3; color: $dark-bg; transition: $transition-time; + & a { + color: $dark-bg; + background-color: transparent; + } } -article.light h5, -article.light h6, -article.light h4 { +h4.light, +h5.light, +h6.light{ background-color: $light-accent3; color: $light-bg; transition: $transition-time; } -article.light h2 { +h2.light { background-color: $light-accent1; color: $light-bg; transition: $transition-time; } - article.light a { - background-color: $light-ln; - color: $light-bg; + background-color: transparent; + color: $light-ln; transition: $transition-time; + &.hash-link{ + color: $light-bg; + } + &.hash-link:hover{ + background-color: transparent; + color: $light-bg; + } } a:hover { - &.light { - color: $light-bg; - background-color: $light-ln; - } color: $dark-bg; background-color: $dark-ln; + transition: $trans-short; } +.previous.light:hover, +.next.light:hover, +.postdescription a.light:hover, article.light a:hover { - color: $light-ln; - background-color: transparent; + color: $light-bg; + background-color: $light-ln; + transition: $trans-short; +} + +.light.hash-link:hover, +.hash-link:hover { + background-color: transparent; + transition: $transition-time; +} + +h1, h2, h3, h4, h5, h6{ + &a{ + background-color: transparent; + color: $light-bg; + &:hover{ + background-color: transparent; + } + } +} + +header.light{ + background-color: $light-bg; + transition: $transition-time; +} + +header{ + transition: $transition-time; +} + +.posttitle a{ + background-color: transparent; + color: $dark-bg; + &:hover{ + background-color: transparent; + } } diff --git a/assets/scss/font.scss b/assets/scss/font.scss index e698513..2a2c0ce 100644 --- a/assets/scss/font.scss +++ b/assets/scss/font.scss @@ -19,20 +19,20 @@ $small: 12pt; font-size: $small; } -h1 { +h1{ font-size: $huge; } -h2 { +h2 a{ font-size: $huge; font-style:bold; } -h3, h4 { +h3 a, h4 a { font-size: $large; } -h5 h6 { +h5 a, h6 a { font-size: $big; } @@ -53,3 +53,7 @@ label::after { h6 { font-style: italic; } + +::before{ + font-family: CaskaydiaCoveMono; +} diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss index ae68cd6..617e828 100644 --- a/assets/scss/layout.scss +++ b/assets/scss/layout.scss @@ -24,7 +24,8 @@ footer { #content p, #content ul, #content ol, -#content table +#content table, +.postdescription { margin-right: 24%; margin-left: 24%; @@ -94,12 +95,18 @@ h6 { padding-right: 6%; padding-top: 12pt; padding-bottom: 12pt; - margin-right: 6%; justify-content: right; display: flex; align-items: center; } +h1 {margin-right: 6%;} +h2 {margin-right: 12%;} +h3 {margin-right: 18%;} +h4 {margin-right: 24%;} +h5 {margin-right: 32%;} +h6 {margin-right: 38%;} + h2, h3, h4, @@ -113,7 +120,8 @@ article { margin-inline: auto; } -.titlecontainer { +.titlecontainer, +header{ width: 100%; padding-top: 42pt; } diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 37d4b5e..5ffc808 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -3,80 +3,92 @@ $toggle-width: 42pt; $toggle-height: 24pt; * { - border-width: 2pt; - } - - -input[type="checkbox"]{ - cursor: pointer; -} -.toggleinput{ - opacity: 10; - max-height: 10; - overflow: hidden; + border-width: 2pt; } -.togglelabel{ - width: $toggle-width; - height: 24pt; - border-radius: $radius; - cursor: pointer; - align-items: center; - display: flex; +input[type="checkbox"] { + cursor: pointer; +} +.toggleinput { + opacity: 0; + max-height: 0; + max-width: 0; + overflow: hidden; } -.togglelabel::after{ - left: calc(100% - 67pt); - content: ""; - position: absolute; - height: 20pt; - width: 20pt; - border-width: 1pt; - border-radius: 100pt; - transition: 0.3s; - display: inline-block; - vertical-align: middle; - text-align: center; - display: flex; - align-items: center; - justify-content: center; - content: ""; - border-style: solid; - +.togglelabel { + width: $toggle-width; + height: 24pt; + border-radius: $radius; + cursor: pointer; + align-items: center; + display: flex; } -input:checked + label:after{ - left: calc(100% - 49pt); +.togglelabel::after { + left: calc(100% - 67pt); + content: ""; + position: absolute; + height: 20pt; + width: 20pt; + border-width: 1pt; + border-radius: 100pt; + transition: 1s; + display: inline-block; + vertical-align: middle; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + content: ""; + border-style: solid; } - -input:checked + label::after{ - content: "滛"; +input:checked + label:after { + left: calc(100% - 49pt); } -.footer-nav-item{ - border-radius: 100%; - height: 1em; - width: 1em; - justify-content: center; - align-items: center; - border-style: solid; +input:checked + label::after { + content: "滛"; } -.togglelabel{ - border: solid; +.footer-nav-item { + border-radius: 100%; + height: 1em; + width: 1em; + justify-content: center; + align-items: center; + border-style: solid; } -h1, h2, h3, h4, h5, h6 { - border-top-right-radius: $radius; - border-bottom-right-radius: $radius; +.togglelabel { + border: solid; } +h1, +h2, +h3, +h4, +h5, +h6 { + border-top-right-radius: $radius; + border-bottom-right-radius: $radius; + & .hash-link { + &:hover { + cursor: pointer; + &::before { + content: ""; + } + } + } +} + +.postdescription, #content p, #content ul, #content ol, #content table { - border-left-style: solid; - border-width: 0.24em; - padding-left: 2em; + border-left-style: solid; + border-width: 0.24em; + padding-left: 2em; } diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html new file mode 100644 index 0000000..ee60227 --- /dev/null +++ b/layouts/_default/_markup/render-heading.html @@ -0,0 +1,5 @@ + + +  {{ .Text | safeHTML }} + + diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index e1a2c94..8423607 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,11 +1,10 @@ - {{- partial "head.html" . -}} - - {{- partial "header.html" . -}} -
- {{- block "main" . }}{{- end }} -
- {{- partial "footer.html" . -}} - + {{- partial "head.html" . -}} + + {{- partial "header.html" . -}} +
{{- block "main" . }}{{- end }}
+ {{- partial "footer.html" . -}} + + diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 299c699..56a37f8 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,7 +1,7 @@ {{ define "main" }}
{{ end }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 0e67fe3..262d088 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -13,4 +13,3 @@ - diff --git a/static/js/headings.js b/static/js/headings.js new file mode 100644 index 0000000..65ce913 --- /dev/null +++ b/static/js/headings.js @@ -0,0 +1,13 @@ +(function addHeadingLinks() { + var article = document.getElementById("content"); + var headings = article.querySelectorAll("h1, h2, h3, h4, h5, h6"); + headings.forEach(function (heading) { + if (heading.id) { + var a = document.createElement("a"); + a.innerHTML = heading.innerHTML; + a.href = "#" + heading.id; + heading.innerHTML = ""; + heading.appendChild(a); + } + }); +})(); diff --git a/static/js/darkmode.js b/static/js/main.js similarity index 100% rename from static/js/darkmode.js rename to static/js/main.js From 006d56f862e085cf0fc921782d11ea14eef872be Mon Sep 17 00:00:00 2001 From: zoe Date: Wed, 13 Apr 2022 19:19:58 +0200 Subject: [PATCH 5/8] clickable headers --- assets/scss/colors.scss | 38 +++++++++++++++++++----------------- assets/scss/layout.scss | 8 +------- assets/scss/style.scss | 1 + layouts/_default/single.html | 8 -------- 4 files changed, 22 insertions(+), 33 deletions(-) diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss index e7d461b..bd10c0d 100644 --- a/assets/scss/colors.scss +++ b/assets/scss/colors.scss @@ -119,8 +119,8 @@ h2 a { background-color: $dark-accent1; color: $dark-bg; transition: $transition-time; - & a{ - background-color: transparent; + &.light { + color: $light-bg; } } h3, @@ -128,9 +128,6 @@ h3 a { background-color: $dark-accent2; color: $dark-bg; transition: $transition-time; - & a{ - background-color: transparent; - } } h3.light { @@ -156,7 +153,7 @@ h4 { h4.light, h5.light, -h6.light{ +h6.light { background-color: $light-accent3; color: $light-bg; transition: $transition-time; @@ -172,10 +169,10 @@ article.light a { background-color: transparent; color: $light-ln; transition: $transition-time; - &.hash-link{ + &.hash-link { color: $light-bg; } - &.hash-link:hover{ + &.hash-link:hover { background-color: transparent; color: $light-bg; } @@ -202,29 +199,34 @@ article.light a:hover { transition: $transition-time; } -h1, h2, h3, h4, h5, h6{ - &a{ - background-color: transparent; - color: $light-bg; - &:hover{ +h1, +h2, +h3, +h4, +h5, +h6 { + &a.light { background-color: transparent; - } + color: $light-bg; + &:hover { + background-color: transparent; + } } } -header.light{ +header.light { background-color: $light-bg; transition: $transition-time; } -header{ +header { transition: $transition-time; } -.posttitle a{ +.posttitle a { background-color: transparent; color: $dark-bg; - &:hover{ + &:hover { background-color: transparent; } } diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss index 617e828..a65f6aa 100644 --- a/assets/scss/layout.scss +++ b/assets/scss/layout.scss @@ -93,6 +93,7 @@ h4, h5, h6 { padding-right: 6%; + margin-right: 6%; padding-top: 12pt; padding-bottom: 12pt; justify-content: right; @@ -100,13 +101,6 @@ h6 { align-items: center; } -h1 {margin-right: 6%;} -h2 {margin-right: 12%;} -h3 {margin-right: 18%;} -h4 {margin-right: 24%;} -h5 {margin-right: 32%;} -h6 {margin-right: 38%;} - h2, h3, h4, diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 5ffc808..3d82cf1 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -4,6 +4,7 @@ $toggle-height: 24pt; * { border-width: 2pt; + transition: ease-in-out; } input[type="checkbox"] { diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 84eaccb..39e4d70 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -3,14 +3,6 @@

{{ .Title }}

-
- {{ with .PrevInSection }} - - {{ end }} - {{ with .NextInSection }} - - {{ end }} -
{{ .Content }} From 8cc0a89bd9240084b0e95d5cdc67220932828ebf Mon Sep 17 00:00:00 2001 From: zoe Date: Wed, 13 Apr 2022 19:43:52 +0200 Subject: [PATCH 6/8] fix lightmode button being weird --- assets/scss/colors.scss | 24 +++++++++++++++++++----- assets/scss/layout.scss | 3 ++- 2 files changed, 21 insertions(+), 6 deletions(-) diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss index bd10c0d..439975f 100644 --- a/assets/scss/colors.scss +++ b/assets/scss/colors.scss @@ -9,7 +9,7 @@ $light-accent3: #27234c; $dark-bg: #27234c; $dark-bg-alt: #f2504b; $dark-fg: #e88dc3; -$dark-ln: #f2504b; +$dark-ln: #d3d37c; $dark-accent1: #b296ff; $dark-accent2: #39b8a3; $dark-accent3: #dde4ff; @@ -17,6 +17,10 @@ $dark-accent3: #dde4ff; $transition-time: 2s; $trans-short: 0.2s; +* { + transition: $transition-time; +} + body { &.light { background-color: $light-bg; @@ -114,8 +118,7 @@ article { transition: $transition-time; } -h2, -h2 a { +h2 { background-color: $dark-accent1; color: $dark-bg; transition: $transition-time; @@ -123,13 +126,24 @@ h2 a { color: $light-bg; } } -h3, -h3 a { + +h2 a { + color: $dark-bg; +} + +h3 { background-color: $dark-accent2; color: $dark-bg; transition: $transition-time; } +h3 a { + color: $dark-bg; + &:hover { + background-color: transparent; + } +} + h3.light { background-color: $light-accent2; color: $light-bg; diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss index a65f6aa..237bfbe 100644 --- a/assets/scss/layout.scss +++ b/assets/scss/layout.scss @@ -25,7 +25,8 @@ footer { #content ul, #content ol, #content table, -.postdescription +.postdescription, +hr { margin-right: 24%; margin-left: 24%; From 2725519a118cbb4650ba7d0762c15c7c76a834dc Mon Sep 17 00:00:00 2001 From: zoe Date: Wed, 13 Apr 2022 20:05:14 +0200 Subject: [PATCH 7/8] switch to cuter colors --- assets/scss/colors.scss | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss index 439975f..aa6e05b 100644 --- a/assets/scss/colors.scss +++ b/assets/scss/colors.scss @@ -1,18 +1,18 @@ -$light-bg: #dde4ff; -$light-bg-alt: #733c7c; -$light-fg: #4b3d44; -$light-ln: #733c7c; -$light-accent1: #007582; -$light-accent2: #225091; -$light-accent3: #27234c; +$light-bg: #ffffff; +$light-bg-alt: #413c74; +$light-fg: #413c74; +$light-ln: #9b5bb4 ; +$light-accent1: #9b5bb4; +$light-accent2: #5183b9 ; +$light-accent3: #413c74; -$dark-bg: #27234c; -$dark-bg-alt: #f2504b; -$dark-fg: #e88dc3; -$dark-ln: #d3d37c; -$dark-accent1: #b296ff; -$dark-accent2: #39b8a3; -$dark-accent3: #dde4ff; +$dark-bg: #413c74; +$dark-bg-alt: #ff8ad0; +$dark-fg: #ff8ad0; +$dark-ln: #ffdc6d; +$dark-accent1: #ffdc6d; +$dark-accent2: #61d478; +$dark-accent3: #ffffff; $transition-time: 2s; $trans-short: 0.2s; From abb81b7acae00184920e36f6580ab28f66fbe8ca Mon Sep 17 00:00:00 2001 From: zoe Date: Wed, 13 Apr 2022 20:09:09 +0200 Subject: [PATCH 8/8] fix h2 headings in lists oops --- assets/scss/colors.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss index aa6e05b..6660277 100644 --- a/assets/scss/colors.scss +++ b/assets/scss/colors.scss @@ -129,6 +129,9 @@ h2 { h2 a { color: $dark-bg; + &.light{ + color: $light-bg; + } } h3 {