From fe736014b93355823215f4251ffbdf7e5b96ace2 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <hi@jimmycai.com>
Date: Tue, 15 Aug 2023 13:13:50 +0200
Subject: [PATCH] feat: improve `<kbd>` style

---
 assets/scss/partials/layout/article.scss | 4 ++--
 assets/scss/variables.scss               | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index 2756c83..73757e4 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -425,10 +425,10 @@
     }
 
     kbd {
-        background-color: var(--card-background);
+        border: 1px solid var(--kbd-border-color);
         font-weight: bold;
         font-size: 0.9em;
-        box-shadow: var(--shadow-l1);
+        line-height: 1;
         padding: 2px 4px;
         border-radius: 4px;
         display: inline-block;
diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
index 47b7978..6709f0c 100644
--- a/assets/scss/variables.scss
+++ b/assets/scss/variables.scss
@@ -123,6 +123,8 @@ $defaultTagColors: #fff, #fff, #fff, #fff, #fff;
     --table-border-color: #dadada;
     --tr-even-background-color: #efefee;
 
+    --kbd-border-color: #dadada;
+
     &[data-scheme="dark"] {
         --code-background-color: #272822;
         --code-text-color: rgba(255, 255, 255, 0.9);