Fix: Docs site theme and Roadmap style (#2595)

docs/enrollment-pathways/README.md

@@ -60,11 +60,19 @@ timeline
           H2<br>Projected
         : Eligibility check for individuals with disabilities (CA DMV)
 
-%%{init: { 'logLevel': 'debug', 'theme': 'default' , 'themeVariables': {
-              'cScale0': 'orange' , 'cScaleLabel0': 'black',
-              'cScale1': 'yellow' , 'cScaleLabel1': 'black',
-              'cScale2': 'green' , 'cScaleLabel2': 'white'
-       } } }%%
+%%{
+  init: {
+    'logLevel': 'debug',
+    'theme': 'default' ,
+    'themeVariables': {
+      'cScale0': 'orange',
+      'cScaleLabel0': 'black',
+      'cScale1': 'yellow',
+      'cScaleLabel1': 'black'
+    }
+  }
+}%%
 ```
+
 [board]: https://github.com/orgs/cal-itp/projects/8/views/1
 [milestones]: https://github.com/cal-itp/benefits/milestones

docs/styles/theme.css

@@ -0,0 +1,27 @@
+[data-md-color-scheme="default"] {
+  --md-primary-fg-color: #045b86;
+  --md-accent-fg-color: #044869;
+  --md-footer-fg-color: hsla(0, 0%, 100%, 1);
+  --md-footer-fg-color--light: hsla(0, 0%, 100%, 1);
+  --md-footer-fg-color--lighter: hsla(0, 0%, 100%, 1);
+  --md-footer-bg-color: hsla(0, 0%, 0%, 1);
+  --md-footer-bg-color--dark: hsla(0, 0%, 0%, 1);
+  --md-code-hl-string-color: #b8361f;
+  --md-code-hl-comment-color: #1c7d4d;
+  --md-mermaid-label-fg-color: #000000;
+}
+
+a {
+  text-decoration: underline dotted currentColor auto;
+}
+
+a.headerlink,
+a.md-nav__link,
+a.md-source,
+a.md-tabs__link {
+  text-decoration-line: none;
+}
+
+.md-tabs__link {
+  opacity: 1;
+}

mkdocs.yml

@@ -10,20 +10,7 @@ theme:
     - navigation.tabs
     - toc.integrate
   palette:
-    - media: "(prefers-color-scheme: light)"
-      scheme: default
-      primary: blue
-      accent: amber
-      toggle:
-        icon: material/toggle-switch-off-outline
-        name: Switch to dark mode
-    - media: "(prefers-color-scheme: dark)"
-      scheme: slate
-      primary: blue
-      accent: amber
-      toggle:
-        icon: material/toggle-switch
-        name: Switch to light mode
+    scheme: default
 
 extra:
   analytics:
@@ -41,6 +28,7 @@ plugins:
         "use-cases/courtesy-cards.md": "enrollment-pathways/agency-cards.md"
 
 extra_css:
+  - styles/theme.css
   - https://use.fontawesome.com/releases/v5.13.0/css/all.css
 
 markdown_extensions: