From ee6c914387605aecfacdbb7d6acddf20722dc06e Mon Sep 17 00:00:00 2001
From: Vijay Janapa Reddi <vj@eecs.harvard.edu>
Date: Sun, 3 Aug 2025 20:54:32 -0400
Subject: [PATCH] style(ui): simplify secondary tools with grey styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove colorful emojis from Star/Donate text (⭐❤️)
- Simplify 'GitHub Tools' to just 'GitHub'
- Style secondary tools with subdued grey color (#6c757d)
- Smaller font size (0.9rem) to de-emphasize vs main navigation
- Grey hover effects instead of brand colors
- Main nav (Labs/Kits/PDF) remains prominent, tools are understated
---
 book/assets/styles/style.scss | 23 +++++++++++++++++++++++
 book/config/_quarto-html.yml  |  6 +++---
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/book/assets/styles/style.scss b/book/assets/styles/style.scss
index 46ed3cd75..45882683a 100644
--- a/book/assets/styles/style.scss
+++ b/book/assets/styles/style.scss
@@ -746,6 +746,29 @@ figcaption.quarto-float-caption-top {
         margin-right: 0.5rem;
         width: 1.2rem;
       }
+      
+      // Style secondary tools (star, heart, github) with subdued grey
+      &[href*="github.com"],
+      &[href*="opencollective.com"] {
+        color: #6c757d !important;
+        font-size: 0.9rem !important;
+        
+        &:hover {
+          color: #495057 !important;
+          background-color: rgba(108, 117, 125, 0.1) !important;
+        }
+      }
+    }
+    
+    // Style the GitHub dropdown toggle specifically  
+    .dropdown-toggle {
+      color: #6c757d !important;
+      font-size: 0.9rem !important;
+      
+      &:hover {
+        color: #495057 !important;
+        background-color: rgba(108, 117, 125, 0.1) !important;
+      }
     }
     
     // Style dropdowns in hamburger menu
diff --git a/book/config/_quarto-html.yml b/book/config/_quarto-html.yml
index 35ee344d5..268af9e7e 100644
--- a/book/config/_quarto-html.yml
+++ b/book/config/_quarto-html.yml
@@ -79,13 +79,13 @@ website:
         href: https://mlsysbook.ai/pdf
         target: _blank
       - icon: star
-        text: "⭐ Star on GitHub"
+        text: "Star on GitHub"
         href: https://github.com/harvard-edge/cs249r_book
       - icon: heart
-        text: "❤️ Donate & Support"
+        text: "Donate & Support"
         href: https://opencollective.com/mlsysbook
       - icon: github
-        text: "GitHub Tools"
+        text: "GitHub"
         menu:
           - text: "✏️ Edit this page"
             href: https://github.com/harvard-edge/cs249r_book