diff --git a/docs_theme/main.html b/docs_theme/main.html
index c7bf06f5b..1072b0245 100644
--- a/docs_theme/main.html
+++ b/docs_theme/main.html
@@ -40,20 +40,6 @@
         s.parentNode.insertBefore(ga, s);
       })();
     </script>
-
-    <style>
-      #sidebarInclude img {
-        margin-bottom: 10px;
-      }
-      #sidebarInclude a.promo {
-        color: black;
-      }
-      @media (max-width: 767px) {
-        div.promo {
-          display: none;
-        }
-      }
-    </style>
   </head>
   <body
     onload="prettyPrint()"
diff --git a/docs_theme/src/scss/styles.scss b/docs_theme/src/scss/styles.scss
index c2cd8a488..d24bfeae2 100644
--- a/docs_theme/src/scss/styles.scss
+++ b/docs_theme/src/scss/styles.scss
@@ -209,3 +209,12 @@ ol.linenums li {
 .headerlink {
   display: none;
 }
+
+.promo {
+  @extend .d-none;
+  @extend .d-md-block;
+}
+
+[data-bs-theme="dark"] [src="img/logo.png"] {
+  filter: invert(1) brightness(1.5) contrast(1.2);
+}
