GeorgeSG/gardev-startpage
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make weather black

Browse Source
This commit is contained in:
Georgi Gardev
2023-11-18 17:47:01 +02:00
parent 41c178ce41
commit 60e6907469
3 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ui/Box.module.css
+2 -3
View File
@@ -1,8 +1,7 @@
.Box { .Box {
background-color: rgba(255, 255, 255, 0.75); background-color: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
color: #333; color: #bbb;
border-radius: 1rem;
transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out;
} }
src/components/widgets/Weather.module.css
+3 -3
View File
@@ -15,16 +15,16 @@
gap: .5rem; gap: .5rem;
margin-left: .5rem; margin-left: .5rem;
font-size: 1.3rem; font-size: 1.3rem;
color: #333; color: #ddd;
} }
.FeelsLike :last-child { .FeelsLike :last-child {
font-size: 1rem; font-size: 1rem;
color: var(--color-secondary); color: #bbb;
} }
.Delimiter { .Delimiter {
border-bottom: 1px solid #333; border-bottom: 1px solid #bbb ;
padding-bottom: 1.2rem; padding-bottom: 1.2rem;
margin-bottom: .8rem; margin-bottom: .8rem;
} }
src/components/widgets/Weather.tsx
+2 -2
View File
@@ -25,8 +25,8 @@ export function Weather() {
</div> </div>
</div> </div>
<div class={style.WeatherLine}> <div class={style.WeatherLine}>
<HiSolidArrowDown color="darkred" /> <HiSolidArrowDown color="lightcoral" />
{weather()?.temp_min}&deg; <HiSolidArrowUp color="darkgreen" /> {weather()?.temp_max} {weather()?.temp_min}&deg; <HiSolidArrowUp color="lightgreen" /> {weather()?.temp_max}
&deg; &deg;
<WiHumidity /> <WiHumidity />
{weather()?.humidity}%<br /> {weather()?.humidity}%<br />