Add footer, improve page style

1 files changed, 28 insertions, 7 deletions

diff --git a/assets/css/styles.css b/assets/css/styles.css
index e6c0ef2..dea2080 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -97,17 +97,27 @@
     p {
 	color: #fafafa;
     }
+    
+    body {
+	font-family: Roboto, Helvetica, Arial, sans-serif !important;
+	margin: 0;
+    }
 }
 
 @media(prefers-color-scheme: light) {
+    :root {
+	--bulma-primary-h: 216deg;
+	--bulma-primary-s: 43%;
+	--bulma-primary-l: 38%;
+    }
+    
     .is-info {
 	background: #38598b !important;
 	color: #e7eaf6;
     }
     
     .banner {
-	color: #e7eaf6 !important;
-	background: #38598b; 
+	color: #ffffff !important;
     }
 
     .btn-primary {
@@ -118,14 +128,14 @@
     .sidebar {
 	border: 1px solid #dadff1;
 	border-radius: 4px;
-	background: #f3f3f3;
+	background: white;
 	justify-content: space-between;
     }
 
     .content {
 	border: 1px solid #dadff1;
 	border-radius: 4px;
-	background: #f3f3f3;
+	background: white;
     }
 
     .sidebar-element {
@@ -165,11 +175,22 @@
     p {
 	color: #2a2438;
     }
+
+    
+    body {
+	font-family: Roboto, Helvetica, Arial, sans-serif !important;
+	margin: 0;
+	background: #f3f3f3;
+    }
+}
+
+.footer-content {
+    color: white !important;
 }
 
-body {
-    font-family: Roboto, Helvetica, Arial, sans-serif !important;
-    margin: 0;
+.footer-url {
+    color: white;
+    font-weight: bold;
 }
 
 :not(.sidebar-element) li {