Do not dim SVG images in dark mode.

gmarty · Apr 9, 2024 · 113bf40 · 113bf40
1 parent 5da9128
commit 113bf40
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -54,7 +54,7 @@ export default defineConfig({
               name: 'preset-default',
               params: {
                 overrides: {
-                  minifyStyles: false,
+                  inlineStyles: false, // Preserve the class attributes.
                 },
               },
             },

diff --git a/src/components/ListPostCover.astro b/src/components/ListPostCover.astro
@@ -29,7 +29,7 @@ const {
         alt={title}
         widths={[300, 600, 1000]}
         sizes="(max-width: 767px) 100vw, 300px"
-        class="object-cover object-left absolute inset-0 w-full h-full z-0"
+        class="object-cover absolute inset-0 w-full h-full z-0"
         format="webp"
       />
     )

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -23,8 +23,8 @@ body {
   }
 }
 
-/* Slightly dim the images to avoid heavy contrast. */
-.dark img {
+/* Slightly dim the images (except SVG) to avoid heavy contrast. */
+.dark img:not([src$='.svg' i]) {
   filter: brightness(0.8) contrast(1.2);
 }