fix: Logo dark theme

reactor · Mar 13, 2024 · 93b2d69 · 93b2d69
1 parent 6872cab
commit 93b2d69
Show file tree

Hide file tree

Showing 4 changed files with 102 additions and 0 deletions.
diff --git a/src/css/reactor/reactor-overrides.css b/src/css/reactor/reactor-overrides.css
@@ -2,4 +2,23 @@
 #reactorlogo-footer {
   height: 45px;
   max-width: 250px;
+  display: block;
 }
+
+#reactorlogo-dark,
+#reactorlogo-footer-dark {
+  height: 45px;
+  max-width: 250px;
+  display: none;
+}
+
+html.dark-theme #reactorlogo-dark,
+html.dark-theme #reactorlogo-footer-dark {
+  display: block;
+}
+
+
+html.dark-theme #reactorlogo,
+html.dark-theme #reactorlogo-footer {
+  display: none;
+}
diff --git a/src/img/reactor-logo-dark.svg b/src/img/reactor-logo-dark.svg
diff --git a/src/partials/footer-content.hbs b/src/partials/footer-content.hbs
@@ -1,6 +1,7 @@
 <footer class="footer flex">
     <div id="spring-links flex">
         <img id="reactorlogo-footer" src="{{{uiRootPath}}}/img/reactor-logo.svg" alt="Reactor">
+        <img id="reactorlogo-footer-dark" src="{{{uiRootPath}}}/img/reactor-logo-dark.svg" alt="Reactor">
         <p class="smallest antialiased">Copyright © 2005 - <script>var d = new Date();
         document.write(d.getFullYear());</script> Broadcom. All Rights Reserved. The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.<br /><a href="https://www.vmware.com/help/legal.html">Terms of Use</a> • <a href="https://www.vmware.com/help/privacy.html" rel="noopener noreferrer">Privacy</a> • <a href="https://spring.io/trademarks">Trademark Guidelines</a> <span id="thank-you-mobile">• <a href="https://spring.io/thank-you">Thank you</a></span> • <a href="https://www.vmware.com/help/privacy/california-privacy-rights.html">Your California Privacy Rights</a> • <a class="ot-sdk-show-settings">Cookie Settings</a> <span id="teconsent"></span></p>
         <p class="smallest antialiased has-gray-text">Apache®, Apache Tomcat®, Apache Kafka®, Apache Cassandra&trade;, and Apache Geode&trade; are trademarks or registered trademarks of the Apache Software Foundation in the United States and/or other countries. Java&trade;, Java&trade; SE, Java&trade; EE, and OpenJDK&trade; are trademarks of Oracle and/or its affiliates. Kubernetes® is a registered trademark of the Linux Foundation in the United States and other countries. Linux® is the registered trademark of Linus Torvalds in the United States and other countries. Windows® and Microsoft® Azure are registered trademarks of Microsoft Corporation. “AWS” and “Amazon Web Services” are trademarks or registered trademarks of Amazon.com Inc. or its affiliates. All other trademarks and copyrights are property of their respective owners and are only mentioned for informative purposes. Other names may be trademarks of their respective owners.</p>

diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs
@@ -8,6 +8,12 @@
           src="{{{uiRootPath}}}/img/reactor-logo.svg"
           alt="Reactor"
         />
+        <img
+          id="reactorlogo-dark"
+          class="block"
+          src="{{{uiRootPath}}}/img/reactor-logo-dark.svg"
+          alt="Reactor"
+        />
       </a>
       <button class="navbar-burger" data-target="topbar-nav">
         <span></span>