♿️ Small accessibility improvements

jupyter-book · May 8, 2024 · e6f7252 · e6f7252
1 parent ff6bc74
commit e6f7252
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/packages/site/src/components/Navigation/TableOfContentsItems.tsx b/packages/site/src/components/Navigation/TableOfContentsItems.tsx
@@ -143,7 +143,10 @@ const NestedToc = ({ heading }: { heading: NestedHeading }) => {
           onClick={() => setOpen(heading.path ? true : !open)}
         />
         <Collapsible.Trigger asChild>
-          <button className="self-center flex-none rounded-md group hover:bg-slate-300/30 focus:outline outline-blue-200 outline-2">
+          <button
+            className="self-center flex-none rounded-md group hover:bg-slate-300/30 focus:outline outline-blue-200 outline-2"
+            aria-label="Open Folder"
+          >
             <ChevronRightIcon
               className="transition-transform duration-300 group-data-[state=open]:rotate-90 text-text-slate-700 dark:text-slate-100"
               height="1.5rem"

diff --git a/styles/hover.css b/styles/hover.css
@@ -37,5 +37,5 @@
 }
 
 .hover-link {
-  @apply font-normal text-blue-700 no-underline dark:text-blue-100 hover:text-blue-500;
+  @apply font-normal text-blue-700 underline-offset-2 decoration-slate-200 dark:decoration-slate-600 dark:text-blue-100 hover:text-blue-500;
 }
diff --git a/styles/index.js b/styles/index.js
@@ -105,12 +105,12 @@ const themeExtensions = {
     },
     invert: {
       css: {
-        '--tw-prose-code': theme('colors.pink[500]'),
+        '--tw-prose-code': theme('colors.pink[400]'),
       },
     },
     stone: {
       css: {
-        '--tw-prose-code': theme('colors.pink[600]'),
+        '--tw-prose-code': theme('colors.pink[700]'),
       },
     },
   }),