Merge pull request #511 from rstudio/theme-update

bump doc theme version
rstudio · May 22, 2024 · fad4a8f · fad4a8f
2 parents 9d597c3 + b2b012d
commit fad4a8f
Show file tree

Hide file tree

Showing 4 changed files with 74 additions and 24 deletions.
diff --git a/_extensions/posit-dev/posit-docs/_extension.yml b/_extensions/posit-dev/posit-docs/_extension.yml
@@ -1,6 +1,6 @@
 title: posit-docs
 author: Ashley Henry, David Aja, Aron Atkins
-version: 4.0.1
+version: 4.0.2
 quarto-required: ">=1.3.340"
 contributes:
   project:

diff --git a/_extensions/posit-dev/posit-docs/assets/images/posit-logo-black-TM.svg b/_extensions/posit-dev/posit-docs/assets/images/posit-logo-black-TM.svg
diff --git a/_extensions/posit-dev/posit-docs/theme-dark.scss b/_extensions/posit-dev/posit-docs/theme-dark.scss
@@ -59,6 +59,11 @@ $navbar-fg: #ffffff;
 //
 // Settings for the `<body>` element.
 
+/* Body font */
+body {
+  font-weight: 400 !important;
+}
+
 //$body-color: $posit-green !default;
 $body-bg: $dark-md-background !default; // dark mode change
 
@@ -93,6 +98,56 @@ $body-bg: $dark-md-background !default; // dark mode change
   background-color: #0f1c29 !important;
 }
 
+/* Search results */
+
+.aa-DetachedOverlay .aa-SourceHeader .search-result-header, #quarto-search-results .aa-SourceHeader .search-result-header {
+  font-weight: 600 !important;
+}
+
+.aa-DetachedOverlay a.search-result-link, #quarto-search-results a.search-result-link {
+  color: $posit-blue !important;
+  text-decoration: none;
+}
+
+.aa-DetachedOverlay .aa-Item .search-result-doc:not(.document-selectable) .search-result-title-container, #quarto-search-results .aa-Item .search-result-doc:not(.document-selectable) .search-result-title-container {
+  background-color: #c2c2c4 !important;
+  font-weight: 500 !important;
+}
+
+.aa-DetachedOverlay li.aa-Item[aria-selected=false] .search-item, #quarto-search-results li.aa-Item[aria-selected=false] .search-item {
+  background-color: #ffffff !important;
+
+}
+
+.aa-DetachedOverlay li.aa-Item[aria-selected=true] .search-item .search-result-section, .aa-DetachedOverlay li.aa-Item[aria-selected=true] .search-item .search-result-text, .aa-DetachedOverlay li.aa-Item[aria-selected=true] .search-item .search-result-title-container, .aa-DetachedOverlay li.aa-Item[aria-selected=true] .search-item .search-result-text-container, #quarto-search-results li.aa-Item[aria-selected=true] .search-item.search-result-more, #quarto-search-results li.aa-Item[aria-selected=true] .search-item .search-result-section, #quarto-search-results li.aa-Item[aria-selected=true] .search-item .search-result-text, #quarto-search-results li.aa-Item[aria-selected=true] .search-item .search-result-title-container, #quarto-search-results li.aa-Item[aria-selected=true] .search-item .search-result-text-container {
+  color: #ffffff !important;
+  background-color: $posit-blue !important;
+  font-weight: 400 !important;
+}
+
+.aa-DetachedOverlay li.aa-Item[aria-selected=false] .search-item .search-result-text, .aa-DetachedOverlay li.aa-Item[aria-selected=false] .search-item .search-result-title-container, .aa-DetachedOverlay li.aa-Item[aria-selected=false] .search-item .search-result-text-container, #quarto-search-results li.aa-Item[aria-selected=false] .search-item.search-result-more, #quarto-search-results li.aa-Item[aria-selected=false] .search-item .search-result-section, #quarto-search-results li.aa-Item[aria-selected=false] .search-item .search-result-text, #quarto-search-results li.aa-Item[aria-selected=false] .search-item .search-result-title-container, #quarto-search-results li.aa-Item[aria-selected=false] .search-item .search-result-text-container {
+  color: #000000 !important;
+}
+
+.aa-DetachedOverlay li.aa-Item[aria-selected=true] .search-item {
+    background-color: $posit-blue !important;
+}
+
+.aa-DetachedOverlay li.aa-Item[aria-selected=false] .search-item mark.search-match, .aa-DetachedOverlay li.aa-Item[aria-selected=false] .search-item .search-match.mark, #quarto-search-results li.aa-Item[aria-selected=false] .search-item mark.search-match, #quarto-search-results li.aa-Item[aria-selected=false] .search-item .search-match.mark {
+  color: $posit-dark-teal-1 !important;
+  background-color: #ffffff !important;
+  font-weight:700 !important;
+}
+
+.aa-DetachedOverlay li.aa-Item[aria-selected=false] .search-item.search-result-more, .aa-DetachedOverlay li.aa-Item[aria-selected=false] .search-item .search-result-section, .aa-DetachedOverlay li.aa-Item[aria-selected=false] .search-item .search-result-text, .aa-DetachedOverlay li.aa-Item[aria-selected=false] .search-item .search-result-title-container, .aa-DetachedOverlay li.aa-Item[aria-selected=false] .search-item .search-result-text-container, #quarto-search-results li.aa-Item[aria-selected=false] .search-item.search-result-more, #quarto-search-results li.aa-Item[aria-selected=false] .search-item .search-result-section, #quarto-search-results li.aa-Item[aria-selected=false] .search-item .search-result-text, #quarto-search-results li.aa-Item[aria-selected=false] .search-item .search-result-title-container, #quarto-search-results li.aa-Item[aria-selected=false] .search-item .search-result-text-container {
+  color: $posit-dark-gray-1 !important;
+}
+
+.aa-DetachedOverlay li.aa-Item[aria-selected=true] .search-item mark.search-match, .aa-DetachedOverlay li.aa-Item[aria-selected=true] .search-item .search-match.mark, #quarto-search-results li.aa-Item[aria-selected=true] .search-item mark.search-match, #quarto-search-results li.aa-Item[aria-selected=true] .search-item .search-match.mark {
+  color: #000000 !important;
+  background-color: $posit-light-gray-1 !important;
+}
+
 /* Footer */
 
 .nav-footer {
@@ -133,6 +188,12 @@ td code:not(.sourceCode) {
 
 // Code blocks
 
+pre code:not(.sourceCode) {
+  background-color: #1a3146 !important;
+  color: #ffffff;
+  padding: 9px !important;
+}
+
 /* Code block title*/
 
 .quarto-dark .code-with-filename .code-with-filename-file {
@@ -149,9 +210,10 @@ $code-block-bg: lighten($dark-md-background, 10%);
 
 /* Copy button */
 
-$btn-code-copy-color: $posit-light-blue-2;
-$btn-code-copy-color-active: #ffffff;
+$btn-code-copy-color: #ffffff;
+$btn-code-copy-color-active: $posit-orange;
 $callout-icon-scale: 70%;
+$tooltip-color:  #ffffff !default; // Copied! color 
 
 // Tabs and pills
 
@@ -172,6 +234,10 @@ $callout-icon-scale: 70%;
   color: $posit-teal !important;
 }
 
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+  text-decoration: none !important; 
+}
 /* Pills */
 
 .nav-pills .nav-link.active,

diff --git a/_extensions/posit-dev/posit-docs/theme.scss b/_extensions/posit-dev/posit-docs/theme.scss
@@ -67,6 +67,7 @@ $list-group-color: $primary !default;
 /* Body font */
 body {
   letter-spacing: -0.2px !important;
+  font-weight: 300 !important;
 }
 
 // Nav and footer
@@ -95,26 +96,6 @@ body {
   padding-left: 1em;
 }
 
-/* Style for the version included in the website title */
-.navbar-title small {
-    font-size: 14px;
-    display: block;
-    padding-left: 1em;
-}
-
-/* Posit logo - navbar or footer */
-#footer-right-posit-logo {
-  width: 70px;
-  min-width: 70px;
-}
-
-#footer-right-logo {
-  width: 20px;
-  min-width: 20px;
-  margin-left: -3px !important;
-  margin-right: -3px !important;
-}
-
 .nav-link {
   font-family: $font-family-monospace;
   text-transform: uppercase;
@@ -206,6 +187,8 @@ body {
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
   color: #000000 !important;
+  font-weight: 700 !important;
+  text-decoration: underline 1px $posit-orange !important; 
 }
 
 .nav-tabs .nav-link:hover,
@@ -248,6 +231,7 @@ body {
 .nav-pills .nav-link.active,
 .nav-pills .nav-item.show .nav-link {
   color: #ffffff !important;
+  text-decoration: none !important;
 }
 
 .nav-pills .nav-link:hover,