From a845f0b7087a56acb99ddae0d2717d4ee7c9bced Mon Sep 17 00:00:00 2001
From: Andrehlb <andrehlb@me.com>
Date: Wed, 10 Jan 2024 21:41:51 -0300
Subject: [PATCH] Add gray color pallet variants in the `@keyframes
 rodoviasColor` on style-weatherNode.css

---
 weather-node/public/css/style-weatherNode.css | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/weather-node/public/css/style-weatherNode.css b/weather-node/public/css/style-weatherNode.css
index 32d8142..11b8830 100644
--- a/weather-node/public/css/style-weatherNode.css
+++ b/weather-node/public/css/style-weatherNode.css
@@ -18,6 +18,11 @@
     --white: #FFFFFF;
     --gray: #808080;
     --light-gray: #D3D3D3;
+    --gray-1: #f2f2f2; /* Cinza mais claro */
+    --gray-2: #cccccc;
+    --gray-3: #999999;
+    --gray-4: #666666;
+    --gray-5: #333333; /* Cinza mais escuro */
     --dark-gray: #A9A9A9;
     --light-blue: #ADD8E6;
     --blue: #0000FF;
@@ -166,9 +171,11 @@ body {
 }
 
 @keyframes rodoviasColor {
-    0% { background-color: var(--gray);}
-    50% { background-color: var(--light-gray);}
-    100% { background-color: var(--dark-gray);}   
+    0% { background-color: var(--gray-1);}
+    25% { background-color: var(--gray-2);}
+    50% { background-color: var(--gray-3);}
+    75% { background-color: var(--gray-4);}
+    100% { background-color: var(--gray5);}   
 }
 
 .card-fluxo-rodovias {