From 7e8b79545f9471ec1fb40d6f2cd4e788bf7fb536 Mon Sep 17 00:00:00 2001
From: lindsaym-fa <dev@lindsaym.design>
Date: Thu, 30 May 2024 18:05:47 -0400
Subject: [PATCH] touch up styles

---
 docs/assets/styles/code-highlighter.css |  6 +++---
 src/themes/applied.css                  |  6 ++----
 src/themes/default.css                  | 14 ++++++--------
 3 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/docs/assets/styles/code-highlighter.css b/docs/assets/styles/code-highlighter.css
index a8ec07ddb..3c4fa6423 100644
--- a/docs/assets/styles/code-highlighter.css
+++ b/docs/assets/styles/code-highlighter.css
@@ -4,7 +4,7 @@
 .code-cdata,
 .code-operator,
 .code-punctuation {
-  color: var(--wa-color-base-50);
+  color: var(--wa-color-base-40);
 }
 
 .code-namespace {
@@ -15,7 +15,7 @@
 .code-keyword,
 .code-tag,
 .code-url {
-  color: #7c3aed; /* violet */
+  color: var(--wa-color-indigo-40);
 }
 
 .code-symbol,
@@ -42,7 +42,7 @@
 .code-function,
 .code-class-name,
 .code-regex {
-  color: var(--wa-color-yellow-40);
+  color: var(--wa-color-blue-40);
 }
 
 .code-important,
diff --git a/src/themes/applied.css b/src/themes/applied.css
index c044dbbd9..7544f8da3 100644
--- a/src/themes/applied.css
+++ b/src/themes/applied.css
@@ -218,10 +218,8 @@ pre:has(code) {
 }
 
 kbd {
-  border: solid 1px var(--wa-color-neutral-border-quiet);
-  box-shadow:
-    inset 0 1px 0 1px rgb(255 255 255 / 0.2),
-    0 1px 0 0 rgb(0 0 0 / 0.2);
+  border: solid var(--wa-border-width-s) var(--wa-color-neutral-border-quiet);
+  border-bottom-width: var(--wa-border-width-m);
   font-family: var(--wa-font-family-code);
   border-radius: var(--wa-border-radius-s);
   color: var(--wa-color-neutral-on-normal);
diff --git a/src/themes/default.css b/src/themes/default.css
index f5bbc8c1a..6738b53bd 100644
--- a/src/themes/default.css
+++ b/src/themes/default.css
@@ -145,7 +145,7 @@
 
   /* Overlays provide a backdrop for isolated content, often allowing background colors or content to show through. */
   --wa-color-overlay-modal: color-mix(in oklab, var(--wa-color-base-10) 40%, transparent);
-  --wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-base-50) 10%, transparent);
+  --wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-base-80) 20%, transparent);
 
   /* Shadows indicate elevation. Shadow color is used in your theme's shadow properties. */
   --wa-color-shadow: color-mix(
@@ -310,28 +310,26 @@
   /* These common border radius properties can create specific shapes beyond the theme's preferred corner styles. */
   --wa-border-radius-pill: 9999px;
   --wa-border-radius-circle: 50%;
-  --wa-border-radius-sharp: 0;
+  --wa-border-radius-sharp: 0rem;
 
   /**
    * Focus
    */
   --wa-focus-ring-style: solid;
   --wa-focus-ring-width: 0.1875rem; /* 3px */
-  --wa-focus-ring: var(--wa-focus-ring-style) var(--wa-focus-ring-width)
-    color-mix(in oklab, var(--wa-color-focus) 99%, transparent);
+  --wa-focus-ring: var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-focus);
   --wa-focus-ring-offset: 0.0625rem; /* 1px */
 
   /**
    * Links
    */
-  --wa-link-decoration-default: underline color-mix(in oklab, var(--wa-color-text-link), transparent 24%) dotted;
+  --wa-link-decoration-default: underline color-mix(in oklab, var(--wa-color-text-link) 70%, transparent) dotted;
   --wa-link-decoration-hover: underline;
 
   /**
    * Z-index
    */
   --wa-z-index-dropdown: 900;
-  --wa-z-index-alert-group: 950;
   --wa-z-index-toast: 990;
   --wa-z-index-tooltip: 1000;
 
@@ -340,7 +338,7 @@
    */
   --wa-transition-normal: 250ms;
   --wa-transition-fast: 150ms;
-  --wa-transition-faster: 50ms;
+  --wa-transition-faster: 75ms;
 
   /**
    * Component groups
@@ -384,7 +382,7 @@
 
   --wa-panel-corners: var(--wa-border-radius-m);
 
-  --wa-flow-spacing: 1.5rem;
+  --wa-flow-spacing: var(--wa-space-2xl);
 
   /**
    * From 2.x