diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index c175699..f7fcc54 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -27,16 +27,22 @@ tfoot td { // Adapt the SVG logo color to the colorscheme [data-theme=light], - :root:not([data-theme=dark]) { - --logo-color: var(--pico-color); +:root:not([data-theme=dark]) { + --logo-color: var(--pico-h1-color); } @media only screen and (prefers-color-scheme: dark) { :root:not([data-theme]) { - --logo-color: var(--pico-color); + --logo-color: var(--pico-h1-color); + // Use the pico color of the light theme to improve contrast + // TODO: Explore if a variable could be used here + --pico-mark-color: #373c44; } } [data-theme=dark] { - --logo-color: var(--pico-color); + --logo-color: var(--pico-h1-color); + // Use the pico color of the light theme to improve contrast + // TODO: Explore if a variable could be used here + --pico-mark-color: #373c44; }