Fix JetBrains logo on toggle dark/light mode

Author: bkoelman

docs/home/assets/dark-mode.css

@@ -14,3 +14,7 @@ body * [style*="background-image"] {
   filter: hue-rotate(180deg) contrast(100%) invert(100%);
   -webkit-filter: hue-rotate(180deg) contrast(100%) invert(100%);
 }
+
+.jetbrains-logo {
+  content: url("/styles/img/jetbrains-logo-dark.svg");
+}

docs/home/assets/home.css

@@ -611,3 +611,7 @@ div[sponsor]:hover {
 .btn-theme:active {
   box-shadow: none !important;
 }
+
+.jetbrains-logo {
+  content: url("/styles/img/jetbrains-logo-light.svg");
+}

docs/home/index.html

@@ -303,11 +303,7 @@ <h2>Sponsors</h2>
           <div sponsor class="col-md-4 col-lg-3 d-flex align-items-stretch justify-content-center aos-init aos-animate" id="jetbrains">
             <div class="icon-box d-flex align-items-center" data-aos="zoom-in" data-aos-delay="100">
               <div class="icon">
-                <picture>
-                  <source media="(prefers-color-scheme: dark)" srcset="/styles/img/jetbrains-logo-dark.svg">
-                  <source media="(prefers-color-scheme: light)" srcset="/styles/img/jetbrains-logo-light.svg">
-                  <img align="middle" alt="JetBrains logo" style="width:150px" src="/styles/img/jetbrains-logo-light.svg">
-                </picture>
+                <img class="jetbrains-logo" src="/styles/img/jetbrains-logo-light.svg" alt="JetBrains Logo" style="width:150px">
               </div>
             </div>
           </div>