From f6455e7aecdd6826207fbf7de098a7f628b31971 Mon Sep 17 00:00:00 2001
From: Lupe Camacho <lupecamacho@Lupes-MacBook-Pro.local>
Date: Tue, 17 Dec 2024 14:47:07 -0800
Subject: [PATCH 1/3] Add label to hamburger button

---
 docs/.vuepress/theme/components/Hamburger.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/docs/.vuepress/theme/components/Hamburger.vue b/docs/.vuepress/theme/components/Hamburger.vue
index 0613545a2..7928dc394 100644
--- a/docs/.vuepress/theme/components/Hamburger.vue
+++ b/docs/.vuepress/theme/components/Hamburger.vue
@@ -1,9 +1,12 @@
 <template>
-  <button @click="handleClick" class="nav-hamburger">
-    <span></span>
-    <span></span>
-    <span></span>
-  </button>
+  <div>
+    <span id="nav-hamburger-label" class="sr-only" aria-hidden="true">Menu</span>
+    <button @click="handleClick" class="nav-hamburger" aria-labelledby="nav-hamburger-label">
+      <span></span>
+      <span></span>
+      <span></span>
+    </button>
+  </div>
 </template>
 
 <style lang="postcss">

From 5be39951e4888832e21dd11b1e32fb9d11689350 Mon Sep 17 00:00:00 2001
From: Lupe Camacho <lupecamacho@Lupes-MacBook-Pro.local>
Date: Tue, 17 Dec 2024 15:01:18 -0800
Subject: [PATCH 2/3] Add additional custom text size and update heading levels
 on homepage

---
 docs/.vuepress/theme/styles/typography.pcss | 2 +-
 docs/README.md                              | 2 +-
 tailwind.config.js                          | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/docs/.vuepress/theme/styles/typography.pcss b/docs/.vuepress/theme/styles/typography.pcss
index 042861355..7d448223a 100644
--- a/docs/.vuepress/theme/styles/typography.pcss
+++ b/docs/.vuepress/theme/styles/typography.pcss
@@ -47,7 +47,7 @@
   }
 
   h3 {
-    @apply text-2xl mt-10;
+    @apply text-1.5xl mt-10;
 
     &:first-child {
       @apply mt-0;
diff --git a/docs/README.md b/docs/README.md
index b3399b77c..01329eb9a 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -35,7 +35,7 @@ Learn about the foundation of the Craft platform.
         icon="/docs/icons/icon-cloud.svg" />
 </div>
 
-#### Plugins + Tools
+### Plugins + Tools
 
 Discover solutions and extensions from the Craft team and beyond.
 
diff --git a/tailwind.config.js b/tailwind.config.js
index f05fa6c17..233de2c28 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -10,6 +10,7 @@ module.exports = {
       },
       fontSize: {
         '2.5xl': '1.5625rem',
+        '1.5xl': '1.37rem',
       },
       colors: {
         slate: "#2d3748",

From 2ae369287394f35c0727613b04a85c34673ba183 Mon Sep 17 00:00:00 2001
From: Lupe Camacho <lupecamacho@Lupes-MacBook-Pro.local>
Date: Tue, 17 Dec 2024 15:32:35 -0800
Subject: [PATCH 3/3] Update some colors in dark and light modes

---
 docs/.vuepress/theme/components/RightBar.vue | 2 +-
 docs/.vuepress/theme/styles/color-mode.pcss  | 9 +++++----
 tailwind.config.js                           | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/docs/.vuepress/theme/components/RightBar.vue b/docs/.vuepress/theme/components/RightBar.vue
index b8dc0cdad..f2b07a01b 100644
--- a/docs/.vuepress/theme/components/RightBar.vue
+++ b/docs/.vuepress/theme/components/RightBar.vue
@@ -72,7 +72,7 @@ export default {
     .sidebar-link {
       @apply mx-0 px-0 border-0 pr-4;
       color: var(--sidebar-link-color);
-      opacity: 0.6;
+      opacity: 0.7;
 
       &:hover {
         @apply text-blue opacity-100;
diff --git a/docs/.vuepress/theme/styles/color-mode.pcss b/docs/.vuepress/theme/styles/color-mode.pcss
index ef99e92f9..a3161ddf9 100644
--- a/docs/.vuepress/theme/styles/color-mode.pcss
+++ b/docs/.vuepress/theme/styles/color-mode.pcss
@@ -32,7 +32,7 @@
   --dl-color: rgba(0, 0, 0, 0.2);
   --medium-zoom-overlay-color: rgba(23, 29, 40, 1);
   --heading-color: theme("colors.gray.100");
-  --sidebar-link-color: theme("colors.gray.500");
+  --sidebar-link-color: theme("colors.gray.400");
   --hamburger-color: theme("colors.white");
   --tooltip-bg-color: theme("colors.gray.800");
   --border-color: theme("colors.slate");
@@ -46,14 +46,15 @@
     background-color: var(--border-color);
     border-color: rgba(255, 255, 255, 0.05);
 
-    .subtitle {
-      color: rgba(255, 255, 255, 0.4);
+    .subtitle,
+    .version {
+      color: rgba(255, 255, 255, 0.52);
     }
   }
 
   .icon-link {
     .text-slate {
-      color: rgba(255, 255, 255, 0.4);
+      color: rgba(255, 255, 255, 0.52);
     }
   }
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 233de2c28..06fddce57 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -21,7 +21,7 @@ module.exports = {
         red: "#da5a47",
         cinder: "#131119",
         green: "#27AB83",
-        "light-slate": "#718096"
+        "light-slate": "#66778A"
       },
       width: {
         80: "20rem"