docs: fix <kbd> style in dark theme

rsuite · Oct 30, 2021 · d0bbf53 · d0bbf53 · vercel · Oct 30, 2021
1 parent 39cbbd4
commit d0bbf53
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/docs/less/index.less b/docs/less/index.less
@@ -28,6 +28,11 @@
 @top-level-nav-height: 48px;
 @doc-nav-active-color: var(--rs-text-link);
 
+:root {
+  --font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono',
+    monospace;
+}
+
 body {
   background-color: #fff;
 

diff --git a/docs/less/markdown.less b/docs/less/markdown.less
@@ -59,10 +59,9 @@
   }
   kbd {
     box-sizing: border-box;
-    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
-      Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+    font-family: var(--font-family-mono);
     border-radius: 0.25em;
-    background-color: rgb(235, 235, 235);
+    background-color: var(--rs-bg-well); // rgb(235, 235, 235);
     padding: 0.2em 0.3em;
     border-style: solid;
     border-color: rgb(200, 200, 200);