Use CSS to configure version footer look

2 files changed, 11 insertions, 3 deletions

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};
     }
 }
-
-
diff --git a/src/renderer.rs b/src/renderer.rs
index 986a0b3..b3b60cd 100644
--- a/src/renderer.rs
+++ b/src/renderer.rs
@@ -152,7 +152,7 @@ pub fn page(
 // Partial: version footer
 fn version_footer() -> Markup {
     html! {
-        p style="text-align:center;padding-top:1em" {
+        p.footer {
             (format!("{}/{}", crate_name!(), crate_version!()))
         }
     }