Update Footer With OpenJS Approved Text & Logo

packages/lit-dev-content/site/_includes/footer.html

@@ -8,13 +8,22 @@
     >
       <lazy-svg
         loading="visible"
-        id="footerOpenJSLogo"
+        class="footerOpenJSLogo light-only"
         href="{{
           site.baseurl
         }}/images/openjs_foundation-logo-horizontal-color.svg"
         label="OpenJS logo"
       >
       </lazy-svg>
+      <lazy-svg
+        loading="visible"
+        class="footerOpenJSLogo dark-only"
+        href="{{
+          site.baseurl
+        }}/images/openjs_foundation-logo-horizontal-white.svg"
+        label="OpenJS logo"
+      >
+      </lazy-svg>
     </a>
 
     <div id="footerLitLogoWrapper">
@@ -142,7 +151,24 @@
 
   <div id="footerBottom">
     <p>
-      Copyright (c) The Lit Project. Code licensed under
+      Copyright <a href="https://openjsf.org">OpenJS Foundation</a> and The Lit Project contributors. All rights
+      reserved. The <a href="https://openjsf.org">OpenJS Foundation</a> has registered trademarks and uses trademarks.
+      For a list of trademarks of the <a href="https://openjsf.org">OpenJS Foundation</a>, please see
+      our <a href="https://trademark-policy.openjsf.org">Trademark Policy</a> and
+      <a href="https://trademark-list.openjsf.org">Trademark List</a>.  Trademarks and logos not indicated on
+      the <a href="https://trademark-list.openjsf.org">list of OpenJS Foundation trademarks</a> are trademarks&trade;
+      or registered&reg; trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.
+      <br/>
+      <a href="https://openjsf.org">The OpenJS Foundation</a> |
+      <a href="https://terms-of-use.openjsf.org">Terms of Use</a> |
+      <a href="https://privacy-policy.openjsf.org">Privacy Policy</a> |
+      <a href="https://bylaws.openjsf.org">Bylaws</a> |
+      <a href="https://code-of-conduct.openjsf.org">Code of Conduct</a> |
+      <a href="https://trademark-policy.openjsf.org">Trademark Policy</a> |
+      <a href="https://trademark-list.openjsf.org">Trademark List</a> |
+      <a href="https://www.linuxfoundation.org/cookies">Cookie Policy</a>
+      <br/>
+      Code licensed under
       <a href="https://spdx.org/licenses/BSD-3-Clause.html">BSD-3-Clause</a>.
       Documentation licensed under
       <a href="https://spdx.org/licenses/CC-BY-3.0">CC-BY-3.0</a>.

packages/lit-dev-content/site/css/footer.css

@@ -23,10 +23,15 @@
   height: 4em;
 }
 
-#footerOpenJSLogo {
+.footerOpenJSLogo {
   height: 2.5em;
 }
 
+body.light .dark-only,
+body.dark .light-only {
+  display: none;
+}
+
 #footerSocialLinks {
   display: flex;
   justify-content: flex-end;
@@ -49,7 +54,6 @@
 }
 
 #footerBottom {
-  height: var(--footer-bottom-height);
   padding: 0 0.5em;
   display: flex;
   align-items: center;
@@ -59,7 +63,7 @@
 }
 
 #footerBottom > p > a {
-  color: var(--sys-color-primary);
+  color: var(--sys-color-primary-variant-dimmer);
   font-weight: 600;
 }