hc/startpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix weather icon

Browse Source 
- Adds a drop-shadow filter to the OpenWeather icon so it can be seen in light mode
- Queries OpenWeather for the standard size icon instead of @2x
This commit is contained in:
Tressley Cahill
2022-11-04 20:55:39 -04:00
parent d6b5a034b2
commit 1b79b97c98
2 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+4 -5
View File
@@ -156,6 +156,8 @@ aside svg { height: 4.5rem; }
}
@media (prefers-color-scheme: light) {
#weather img { filter: drop-shadow(0 0 0 hsl(var(--color-black-hsl) / 0.75)); }
#search input {
background-image: var(--svg-search-light-gray);
border: 0.125rem solid hsl(var(--color-black-hsl) / 0.25);
@@ -163,13 +165,10 @@ aside svg { height: 4.5rem; }
#search input:hover { border-color: hsl(var(--color-black-hsl) / 0.5); }
#search input:focus {
background-color: var(--color-white);
outline-color: var(--color-orange);
}
#search input:focus { outline-color: var(--color-orange); }
#bookmarks a:focus,
#bookmarks a:hover { background-color: hsl(var(--color-black-hsl) / 0.075); }
#bookmarks a:hover { background-color: hsl(var(--color-orange-hsl) / 0.125); }
}
#search input:active,