Font color update (#22)

* Font color update * Use typography similar to Shiny docs --------- Co-authored-by: Julia Silge <[email protected]>
posit-dev · Nov 20, 2024 · bb2eac2 · bb2eac2
1 parent b0fd6f8
commit bb2eac2
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/_extensions/posit-dev/posit-docs/theme.scss b/_extensions/posit-dev/posit-docs/theme.scss
@@ -26,8 +26,8 @@ $font-family-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "N
 $font-size-base: 1rem;
 // scss-docs-end font-variables
 
-//font and body color
-$body-color: $posit-gray;
+//font and body color - overriding theme for now until new release
+$body-color: $posit-dark-gray-1;
 
 // scss-docs-start font-sizes
 $h1-font-size: 44px;
@@ -43,7 +43,7 @@ h2 {
 
 // Headings
 // scss-docs-start headings-variables
-$headings-font-weight: 300 !important;
+$headings-font-weight: 400 !important;
 // scss-docs-end headings-variables
 
 //  Customize the navbar
@@ -67,7 +67,9 @@ $list-group-color: $primary !default;
 /* Body font */
 body {
   letter-spacing: -0.2px !important;
-  font-weight: 300 !important;
+  font-weight: 400 !important;
+  line-height: 1.6;
+  -webkit-font-smoothing: antialiased;
 }
 
 // Nav and footer
@@ -188,7 +190,7 @@ body {
 .nav-tabs .nav-item.show .nav-link {
   color: #000000 !important;
   font-weight: 700 !important;
-  text-decoration: underline 1px $posit-orange !important; 
+  text-decoration: underline 1px $posit-orange !important;
 }
 
 .nav-tabs .nav-link:hover,
@@ -269,7 +271,7 @@ body {
 .sidebar nav[role="doc-toc"] > ul li a {
   text-transform: none !important;
   font-family: $font-family-sans-serif;
-  font-weight: 400 !important;
+  font-weight: 500 !important;
   letter-spacing: -0.2px !important;
 }
 
@@ -358,7 +360,7 @@ header h1 .preview-header,
 div span.preview-feature {
   color: $preview-header;
   border: 1px solid $preview-header-border;
-  font-weight: 400;
+  font-weight: 500;
   font-size: 9pt !important;
   padding: 0rem 0.4rem;
 }