From 8a0aa862c7ee79ab9a0b4c24ce844cc2191d30e2 Mon Sep 17 00:00:00 2001
From: Federico Bologni <bologni.federico@webdeploy.it>
Date: Thu, 29 Jun 2023 18:57:51 +0200
Subject: [PATCH] Add card background color

---
 src/components/bottom-app-bar.js | 1 +
 src/css/index.css                | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/src/components/bottom-app-bar.js b/src/components/bottom-app-bar.js
index a296d53..221acaa 100644
--- a/src/components/bottom-app-bar.js
+++ b/src/components/bottom-app-bar.js
@@ -20,6 +20,7 @@ const style = `
     width: 90%;
     border-radius: 90px;
     box-shadow: 0 0 50px #ccc;
+    background-color: var(--card-background-color);
   }
 
   :host > div {
diff --git a/src/css/index.css b/src/css/index.css
index ac6e43e..20a882c 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -4,6 +4,7 @@
   --pianello-red: #de0e1b;
   --pianello-yellow: #f6ae04;
   --pianello-blue: #213c8b;
+  --card-background-color: #f9f4f1;
 }
 
 * {
@@ -60,6 +61,7 @@ footer {
   margin-bottom: 10px;
   width: 90%;
   display: flex;
+  background-color: var(--card-background-color);
 }
 
 .route-card > * {