Make weather black

src/components/ui/Box.module.css

@@ -1,8 +1,7 @@
 .Box {
-  background-color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(0, 0, 0, 0.2);
   backdrop-filter: blur(10px);
-  color: #333;
-  border-radius: 1rem;
+  color: #bbb;
 
   transition: background-color 0.2s ease-in-out;
 }

src/components/widgets/Weather.module.css

@@ -15,16 +15,16 @@
   gap: .5rem;
   margin-left: .5rem;
   font-size: 1.3rem;
-  color: #333;
+  color: #ddd;
 }
 
 .FeelsLike :last-child {
   font-size: 1rem;
-  color: var(--color-secondary);
+  color: #bbb;
 }
 
 .Delimiter {
-  border-bottom: 1px solid #333;
+  border-bottom: 1px solid #bbb ;
   padding-bottom: 1.2rem;
   margin-bottom: .8rem;
 }

src/components/widgets/Weather.tsx

@@ -25,8 +25,8 @@ export function Weather() {
             </div>
           </div>
           <div class={style.WeatherLine}>
-            <HiSolidArrowDown color="darkred" />
-            {weather()?.temp_min}&deg; <HiSolidArrowUp color="darkgreen" /> {weather()?.temp_max}
+            <HiSolidArrowDown color="lightcoral" />
+            {weather()?.temp_min}&deg; <HiSolidArrowUp color="lightgreen" /> {weather()?.temp_max}
             &deg;
             <WiHumidity />
             {weather()?.humidity}%<br />