style: Improve ToC and external link styles

Fixes apostrophes in hardware descriptions.
Updates ToC styles and external link icon.

Author: neural-loop

assets/scss/_typography-custom.scss

@@ -28,15 +28,67 @@ h1.homepage {
 }
 
 nav#TableOfContents {
-  li.active a {
-    color: #022b4a !important;
+  background-color: transparent !important;
+
+  ul, ol {
+    @apply list-none p-0 m-0 space-y-1;
+  }
+
+  li {
+    @apply m-0 p-0;
+  }
+
+  a {
+    @apply block rounded-md text-sm transition-all duration-200 ease-in-out;
+    padding: 0.4rem 0.75rem;
+    color: theme('colors.light');
     text-decoration: none !important;
-    font-weight: 550 !important;
+    font-weight: 500 !important;
+    border-left: 3px solid transparent;
+    line-height: 1.4;
+
+    &:hover {
+      background-color: theme('colors.body');
+      color: var(--color-primary-new);
+      border-left-color: theme('colors.border');
+    }
   }
 
-  ol ol li {
-    margin-left: 10px;
-    margin-bottom: 10px;
+  li.active > a {
+    color: var(--color-primary-new) !important;
+    background-color: rgba(102, 126, 234, 0.1); // Tint of primary color
+    font-weight: 600 !important;
+    border-left-color: var(--color-primary-new);
+  }
+
+  ul ul, ol ol {
+    @apply pl-4 mt-1 mb-1;
+    border-left: 1px solid theme('colors.border');
+  }
+}
+
+// Dark Mode Overrides for ToC
+.dark {
+  nav#TableOfContents {
+    a {
+      color: theme('colors.darkmode.light');
+
+      &:hover {
+        background-color: rgba(255, 255, 255, 0.05);
+        color: theme('colors.darkmode.primary');
+        border-left-color: theme('colors.darkmode.border');
+      }
+    }
+
+    li.active > a {
+      color: theme('colors.darkmode.primary') !important;
+      background-color: rgba(188, 251, 255, 0.1); // Tint of dark primary
+      border-left-color: theme('colors.darkmode.primary');
+    }
+
+    ul ul, ol ol {
+      border-left-color: theme('colors.darkmode.border');
+    }
   }
 }
 

assets/scss/custom.scss

@@ -72,11 +72,6 @@ section.section-sm.hero {
 
 nav#TableOfContents {
   background-color: transparent !important;
-
-  ol ol li {
-    margin-left: 10px;
-    margin-bottom: 10px;
-  }
 }
 
 .content img {

content/neuromorphic-computing/hardware/akida-brainchip/index.md

@@ -1,6 +1,6 @@
 ---
 active_product: true
-description: 'Learn about BrainChip''s neuromorphic hardware: Akida'
+description: "Learn about BrainChip's neuromorphic hardware: Akida"
 type: neuromorphic-hardware
 image: akida.png
 organization:

content/neuromorphic-computing/hardware/brainscales-2-universitat-heidelberg/index.md

@@ -1,6 +1,6 @@
 ---
 active_product: true
-description: 'Learn about Universität Heidelberg''s neuromorphic hardware: BrainScaleS 2'
+description: "Learn about Universität Heidelberg's neuromorphic hardware: BrainScaleS 2"
 type: neuromorphic-hardware
 image: brainscales-2.jpg
 organization:

content/neuromorphic-computing/hardware/dynap-se2-institute-of-neuroinformatics/index.md

@@ -1,6 +1,6 @@
 ---
 active_product: true
-description: 'Learn about Institute of Neuroinformatics''s neuromorphic hardware: DYNAP-SE2'
+description: "Learn about Institute of Neuroinformatics's neuromorphic hardware: DYNAP-SE2"
 type: neuromorphic-hardware
 image: dynap-se2.jpg
 organization:

content/neuromorphic-computing/hardware/loihi-2-intel/index.md

@@ -1,6 +1,6 @@
 ---
 active_product: true
-description: 'Learn about Intel''s neuromorphic hardware: Loihi 2'
+description: "Learn about Intel's neuromorphic hardware: Loihi 2"
 type: neuromorphic-hardware
 image: loihi2.png
 organization:

content/neuromorphic-computing/hardware/loihi-intel/index.md

@@ -1,6 +1,6 @@
 ---
 active_product: false
-description: 'Learn about Intel''s neuromorphic hardware: Loihi 1'
+description: "Learn about Intel's neuromorphic hardware: Loihi 1"
 type: neuromorphic-hardware
 image: loihi-nahuku-board.jpg
 organization:

content/neuromorphic-computing/hardware/neurogrid-braindrop-stanford/index.md

@@ -1,6 +1,6 @@
 ---
 active_product: false
-description: 'Learn about Stanford''s neuromorphic hardware: NeuroGrid (BrainDrop)'
+description: "Learn about Stanford's neuromorphic hardware: NeuroGrid (BrainDrop)"
 type: neuromorphic-hardware
 image: neurogrid.jpg
 organization:

content/neuromorphic-computing/hardware/odin-frenkel/index.md

@@ -1,6 +1,6 @@
 ---
 active_product: true
-description: 'Learn about Charlotte Frenkel''s neuromorphic hardware: ODIN'
+description: "Learn about Charlotte Frenkel's neuromorphic hardware: ODIN"
 type: neuromorphic-hardware
 image: odin.png
 organization:

content/neuromorphic-computing/hardware/reckon-frenkel/index.md

@@ -1,6 +1,6 @@
 ---
 active_product: true
-description: 'Learn about Charlotte Frenkel''s neuromorphic hardware: ReckOn'
+description: "Learn about Charlotte Frenkel's neuromorphic hardware: ReckOn"
 type: neuromorphic-hardware
 image: reckon.png
 organization: