From d3d00784f12feabe6bb9afc1ea68b3465916d361 Mon Sep 17 00:00:00 2001
From: Elliott Marquez <5981958+e111077@users.noreply.github.com>
Date: Wed, 28 Feb 2024 01:07:17 -0800
Subject: [PATCH] fix some a11y contrast issues

---
 packages/lit-dev-content/site/_includes/site-nav.html         | 4 ++--
 packages/lit-dev-content/site/css/colors.css                  | 4 ++--
 packages/lit-dev-content/site/css/footer.css                  | 1 +
 .../src/components/litdev-code-language-switch.ts             | 4 +---
 4 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/lit-dev-content/site/_includes/site-nav.html b/packages/lit-dev-content/site/_includes/site-nav.html
index 92fa5157d..04c89c569 100644
--- a/packages/lit-dev-content/site/_includes/site-nav.html
+++ b/packages/lit-dev-content/site/_includes/site-nav.html
@@ -25,7 +25,7 @@
    <a href="{{ site.baseurl }}/blog/">Blog</a></li>
 <li class="navItem">
    <litdev-search-modal></litdev-search-modal></li>
-<span class="icons">
+<li class="icons">
    <li class="navItem">
       <theme-switcher></theme-switcher>
    </li>
@@ -43,4 +43,4 @@
          </svg>
       </a>
    </li>
-</span>
+</li>
diff --git a/packages/lit-dev-content/site/css/colors.css b/packages/lit-dev-content/site/css/colors.css
index b7f0c724c..1d078c499 100644
--- a/packages/lit-dev-content/site/css/colors.css
+++ b/packages/lit-dev-content/site/css/colors.css
@@ -103,7 +103,7 @@ body.dark {
     --sys-color-on-tertiary: #003824;
     --sys-color-tertiary-container: #006a47;
     --sys-color-on-tertiary-container: #ffffff;
-    --sys-color-on-primary: hsl(242, 100%, 34%);
+    --sys-color-on-primary: hsl(242, 100%, 12%);
     --sys-color-surface: hsl(0, 0%, 7%);
     --sys-color-background: hsl(0, 0%, 7%);
     --sys-color-on-background: hsl(0, 0%, 89%);
@@ -190,7 +190,7 @@ body.dark {
     --sys-color-on-tertiary: #003824;
     --sys-color-tertiary-container: #006a47;
     --sys-color-on-tertiary-container: #ffffff;
-    --sys-color-on-primary: hsl(242, 100%, 34%);
+    --sys-color-on-primary: hsl(242, 100%, 12%);
     --sys-color-surface: hsl(0, 0%, 7%);
     --sys-color-background: hsl(0, 0%, 7%);
     --sys-color-on-background: hsl(0, 0%, 89%);
diff --git a/packages/lit-dev-content/site/css/footer.css b/packages/lit-dev-content/site/css/footer.css
index 098e54f25..e013b83a6 100644
--- a/packages/lit-dev-content/site/css/footer.css
+++ b/packages/lit-dev-content/site/css/footer.css
@@ -65,6 +65,7 @@
 
 #footerBottom > p > a {
   color: var(--sys-color-primary);
+  font-weight: 600;
 }
 
 #footerBottom > p > a:hover {
diff --git a/packages/lit-dev-content/src/components/litdev-code-language-switch.ts b/packages/lit-dev-content/src/components/litdev-code-language-switch.ts
index 3e40da6fc..aa9803474 100644
--- a/packages/lit-dev-content/src/components/litdev-code-language-switch.ts
+++ b/packages/lit-dev-content/src/components/litdev-code-language-switch.ts
@@ -98,14 +98,12 @@ export class LitDevCodeLanguageSwitch extends LitElement {
       display: inline-flex;
       z-index: 1;
       padding: 0 0 calc(1em / 13) calc(3em / 13);
-      opacity: 60%;
-      transition: color 100ms, opacity 100ms;
+      transition: color 100ms;
     }
 
     [aria-checked='true'] > #tsLabel,
     [aria-checked='false'] > #jsLabel {
       font-weight: 600;
-      opacity: 100%;
     }
   `;