diff --git a/assets/css/dark.css b/assets/css/dark.css
index a520c59..b1b339f 100644
--- a/assets/css/dark.css
+++ b/assets/css/dark.css
@@ -16,7 +16,8 @@
 --nav-link-color: #b6b6b6;
 
 --pre-color: #f8f8f2;
---pre-bg-color: #272822;
+--pre-bg-color: rgba(175, 184, 193, 0.1);
+--pre-border-color: rgba(175, 184, 193, 0.3);
 
 --bq-color: #ccc;
 --hr-color: #333;
diff --git a/assets/css/light.css b/assets/css/light.css
index d2f4dcb..a992bdf 100644
--- a/assets/css/light.css
+++ b/assets/css/light.css
@@ -7,7 +7,7 @@
     --card-border-color: #eeeeee;
 
     --link-color:#1d60a3;
-    --link-state-color:#a31d1d;
+    --link-state-color:rgb(163, 29, 29);
     --link-state-border-color: rgba(163, 29, 29, .5);
 
     --thead-bg-color: lightgrey;
@@ -17,8 +17,9 @@
     --nav-link-color: #696969;
     --nav-border-radius: 10px;
 
-    --pre-color: #333;
-    --pre-bg-color: #f1f1f1;
+    --pre-color: rgb(31, 35, 40);
+    --pre-bg-color: rgba(175, 184, 193, 0.2);
+    --pre-border-color: rgba(175, 184, 193, 0.3);
 
     --bq-color: #ccc;
     --hr-color: #ccc;
diff --git a/assets/css/main.css b/assets/css/main.css
index 31f82df..dd31ad8 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -174,6 +174,10 @@ kbd {
     font-family: monospace;
     font-size: 0.90em;
     line-height: 154%;
+    border-radius: 6px;
+    border: 1px solid var(--pre-border-color);
+    padding: 0.1em 0.3em; /* top, bottom */
+    /* top, left, bottom, right */
 }
 
 pre code, pre kbd {