Slight "supported by Posit" badge color tweaks (#1743) (#1748)

* Slight "supported by Posit" badge color tweaks

* hover behavior for supported by Posit

(cherry picked from commit 0eb7757)

Co-authored-by: gregswinehart <greg@posit.co>

Author: github-actions[bot]

_quarto.yml

@@ -685,8 +685,11 @@ format:
     include-in-header:
       - text: |
           <script src="https://cdn.jsdelivr.net/gh/posit-dev/supported-by-posit/js/badge.min.js"
-            data-light-bg="#dee2e6"
+            data-light-bg="#E8EDF2"
             data-light-text="#404041"
+            data-light-lt="#ee6331"
+            data-light-gt="#447099"
+            data-dark-bg="#333333"
             data-dark-lt="#ffffff"
             data-dark-gt="#ffffff"></script>
     include-after-body: js.html

theme-dark.scss

@@ -184,4 +184,10 @@ details > summary {
 
 img.footer-logo {
   color: #ffffff;
+}
+
+/* Supported by Posit badge in navbar */
+
+body.quarto-dark #supported-by-posit:hover {
+   background-color: #2C2C2D;
 }

theme.scss

@@ -43,3 +43,10 @@ $text-muted: #6a737b;
   color: $white;
 }
 
+/* Supported by Posit badge in navbar */
+
+#supported-by-posit:hover {
+  box-shadow: 0px 0px 2px rgba(21, 21, 21, 0.05), 0px 2px 4px rgba(21, 21, 21, 0.06);
+  background-color: #fff;
+  transition: background-color .05s ease-in-out;
+}