Update desktop screenshots

site/index.html

@@ -9,7 +9,7 @@
   <meta property="og:title" content="Ferese — Wayland desktop" />
   <meta property="og:description" content="A configurable Wayland desktop." />
   <meta property="og:type" content="website" />
-  <meta property="og:image" content="https://ferese-wm.github.io/ferese/assets/screenshots/ferese-main-hero.png" />
+  <meta property="og:image" content="https://ferese-wm.github.io/ferese/assets/screenshots/ferese-blue-dark.webp" />
   <meta name="twitter:card" content="summary_large_image" />
   <title>Ferese — Wayland desktop</title>
   <link rel="icon" href="assets/branding/ferese-blue-flat.svg" type="image/svg+xml" />
@@ -57,12 +57,12 @@
       </div>
     </section>
     <figure class="product-screenshot page-width">
-      <a href="assets/screenshots/ferese-main-hero.png" aria-label="View the full-resolution Ferese desktop screenshot">
-        <img src="assets/screenshots/ferese-main-hero.png" width="2880" height="1800"
-          alt="Ferese Blue desktop with Settings, Control Center and the previous default wallpaper" fetchpriority="high" />
+      <a href="assets/screenshots/ferese-blue-dark.webp" aria-label="View the full-resolution Ferese desktop screenshot">
+        <img src="assets/screenshots/ferese-blue-dark.webp" width="2880" height="1800"
+          alt="Ferese Blue dark desktop with Appearance settings" fetchpriority="high" />
       </a>
       <figcaption>
-        Ferese Blue with Settings, Control Center, and the previous default wallpaper.
+        Ferese Blue dark with Appearance settings and the default wallpaper.
       </figcaption>
     </figure>
     <section class="product-features page-width" aria-label="Features">