Gh-519: Fix accessibility issues (#520)

change links and primary colour for theme

Author: cn337131

docs/home_page_override/home.html

@@ -176,7 +176,7 @@ <h1>Gaffer Docs</h1>
 
     <!-- User guide Button -->
     <div class="ql-button">
-        <a href="user-guide/introduction/">
+        <a href="user-guide/introduction">
             <h2>
                 <svg xmlns="http://www.w3.org/2000/svg" height="28" viewBox="0 -960 960 960" width="28">
                     <path
@@ -190,7 +190,7 @@ <h2>
 
     <!-- Developer guide Button -->
     <div class="ql-button">
-        <a href="development-guide/introduction/">
+        <a href="development-guide/introduction">
             <h2>
                 <svg xmlns="http://www.w3.org/2000/svg" height="28" viewBox="0 -960 960 960" width="28">
                     <path
@@ -204,7 +204,7 @@ <h2>
 
     <!-- Admin guide button -->
     <div class="ql-button">
-        <a href="administration-guide/introduction/">
+        <a href="administration-guide/introduction">
             <h2>
                 <svg xmlns="http://www.w3.org/2000/svg" height="28" viewBox="0 -960 960 960" width="28">
                     <path

mkdocs.yml

@@ -233,13 +233,13 @@ theme:
   palette:
     - media: "(prefers-color-scheme: light)"
       scheme: default
-      primary: green
+      primary: teal
       toggle: &todark
         icon: material/weather-night
         name: Switch to dark mode
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
-      primary: green
+      primary: teal
       toggle: &tolight
         icon: material/weather-sunny
         name: Switch to light mode