From 8f5f25dd64c3ec9da55908a871eb39f9afa012bd Mon Sep 17 00:00:00 2001 From: Ilja Radusch Date: Wed, 2 Oct 2024 22:54:10 +0200 Subject: [PATCH 1/3] Fix footer color dark theme --- assets/scss/_footer.scss | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/assets/scss/_footer.scss b/assets/scss/_footer.scss index cc64c9ddd..d5e6a6d2a 100644 --- a/assets/scss/_footer.scss +++ b/assets/scss/_footer.scss @@ -1,8 +1,25 @@ .footer { padding: 40px 20px; flex-grow: 0; + // Default color: $light-color-secondary; + @media (prefers-color-scheme: dark) { + color: $dark-color-secondary; + } + + @media (prefers-color-scheme: light) { + color: $light-color-secondary; + } + + [data-theme=dark] & { + color: $dark-color-secondary; + } + + [data-theme=light] & { + color: $dark-color-secondary; + } + &__inner { display: flex; align-items: center; @@ -21,7 +38,6 @@ flex-direction: row; align-items: center; font-size: 1rem; - color: $light-color-secondary; @media #{$media-size-tablet} { flex-direction: column; From 6b5f1b07ae6ba08c9d862b6b6c3fabccd031b338 Mon Sep 17 00:00:00 2001 From: Ilja Radusch Date: Thu, 3 Oct 2024 11:10:01 +0200 Subject: [PATCH 2/3] Fixed strong tag theme colors --- assets/scss/_main.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss index c2328251b..9a3c0d3da 100644 --- a/assets/scss/_main.scss +++ b/assets/scss/_main.scss @@ -202,11 +202,11 @@ em, i, strong { } [data-theme=dark] & { - color: white; + color: $light-color-variant; } [data-theme=light] & { - color: black; + color: $dark-color-variant; } } From 1bb4b31746c0c69b58ac9c0b19d2078bd4b615bb Mon Sep 17 00:00:00 2001 From: Ilja Radusch Date: Thu, 3 Oct 2024 11:11:35 +0200 Subject: [PATCH 3/3] Small fix --- assets/scss/_main.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss index 9a3c0d3da..abf9039fa 100644 --- a/assets/scss/_main.scss +++ b/assets/scss/_main.scss @@ -202,11 +202,11 @@ em, i, strong { } [data-theme=dark] & { - color: $light-color-variant; + color: $dark-color-variant; } [data-theme=light] & { - color: $dark-color-variant; + color: $light-color-variant; } }