From 4821160504f36e447f15d6df213d81f44dc044e5 Mon Sep 17 00:00:00 2001 From: Tamas Levai Date: Mon, 1 Mar 2021 08:20:19 +0100 Subject: Use CSS to configure version footer look --- data/style.scss | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'data') diff --git a/data/style.scss b/data/style.scss index 95bc56f..6f4b5c6 100644 --- a/data/style.scss +++ b/data/style.scss @@ -42,6 +42,12 @@ body { word-break: break-word; } +.footer { + text-align: center; + padding-top: 1.5rem; + color: var(--footer_color); +} + a { text-decoration: none; } @@ -564,6 +570,7 @@ th span.active span { --size_background_color: #323232; --size_text_color: #ffffff; --error_color: #d02424; + --footer_color: #797979; } @mixin theme_archlinux { @@ -608,6 +615,7 @@ th span.active span { --size_background_color: #5294e2; --size_text_color: #fefefe; --error_color: #e44b4b; + --footer_color: #9ebbdc; } @mixin theme_zenburn { @@ -652,6 +660,7 @@ th span.active span { --size_background_color: #7f9f7f; --size_text_color: #efefef; --error_color: #d06565; + --footer_color: #cfbfaf; } @mixin theme_monokai { @@ -696,6 +705,7 @@ th span.active span { --size_background_color: #75715e; --size_text_color: #f8f8f2; --error_color: #d02929; + --footer_color: #66d9ef; } @@ -730,5 +740,3 @@ th span.active span { @extend %theme_dark_#{$theme}; } } - - -- cgit v1.2.3 From 9863347ce7ba1b76b580a56a2d902d3ea00a583d Mon Sep 17 00:00:00 2001 From: Tamas Levai Date: Mon, 1 Mar 2021 08:29:57 +0100 Subject: Tone down footer text contrast --- data/style.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'data') diff --git a/data/style.scss b/data/style.scss index 6f4b5c6..8241f76 100644 --- a/data/style.scss +++ b/data/style.scss @@ -570,7 +570,7 @@ th span.active span { --size_background_color: #323232; --size_text_color: #ffffff; --error_color: #d02424; - --footer_color: #797979; + --footer_color: #898989; } @mixin theme_archlinux { @@ -615,7 +615,7 @@ th span.active span { --size_background_color: #5294e2; --size_text_color: #fefefe; --error_color: #e44b4b; - --footer_color: #9ebbdc; + --footer_color: #8eabcc; } @mixin theme_zenburn { @@ -660,7 +660,7 @@ th span.active span { --size_background_color: #7f9f7f; --size_text_color: #efefef; --error_color: #d06565; - --footer_color: #cfbfaf; + --footer_color: #bfaf9f; } @mixin theme_monokai { @@ -705,7 +705,7 @@ th span.active span { --size_background_color: #75715e; --size_text_color: #f8f8f2; --error_color: #d02929; - --footer_color: #66d9ef; + --footer_color: #56c9df; } -- cgit v1.2.3 From 474faddb5696a27b27b876caf00c041e341529d7 Mon Sep 17 00:00:00 2001 From: Tamas Levai Date: Mon, 1 Mar 2021 12:00:30 +0100 Subject: Make footer text a bit smaller --- data/style.scss | 1 + 1 file changed, 1 insertion(+) (limited to 'data') diff --git a/data/style.scss b/data/style.scss index 8241f76..9bfbeaf 100644 --- a/data/style.scss +++ b/data/style.scss @@ -45,6 +45,7 @@ body { .footer { text-align: center; padding-top: 1.5rem; + font-size: 0.7em; color: var(--footer_color); } -- cgit v1.2.3