Make archive file icon shadows visible in dark mode.

[homepage.git] / content / style.scss

diff --git a/content/style.scss b/content/style.scss
index fb33f88d96ac3cd24cd89fcc7dc9d53d3af51bec..727a865d905e27c56f60e460088c6217e51e31f6 100644 (file)
--- a/content/style.scss
+++ b/content/style.scss
@@ -454,6 +454,13 @@ ul.ordered > {
     #footer { padding: 0 1em; }
 }
 
+// lighten icon shadows in dark mode
+@media (prefers-color-scheme: dark) {
+    svg.icons { path.shadow, g.shadow>* { opacity: 0.7; } }
+    svg.icons .shadow>stop { stop-color: #aaa; }
+    svg.return path.shadow { opacity: 0.45; }
+}
+
 // page-specific dark mode styles
 @media (prefers-color-scheme: dark) and (min-width: 35em) {
     #page_weblog_responsive_tables {