Add default styles for <kbd> tags (#83300)

microsoft · Oct 25, 2019 · 4ec1252 · 4ec1252
1 parent 3c0709e
commit 4ec1252
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/vs/workbench/contrib/webview/browser/pre/main.js b/src/vs/workbench/contrib/webview/browser/pre/main.js
@@ -91,6 +91,24 @@
  border-color: var(--vscode-textBlockQuote-border);
  }
 
+ kbd {
+ color: var(--vscode-editor-foreground);
+ border-radius: 3px;
+ vertical-align: middle;
+ padding: 1px 3px;
+
+ background-color: hsla(0,0%,50%,.17);
+ border: 1px solid rgba(71,71,71,.4);
+ border-bottom-color: rgba(88,88,88,.4);
+ box-shadow: inset 0 -1px 0 rgba(88,88,88,.4);
+ }
+ .vscode-light kbd {
+ background-color: hsla(0,0%,87%,.5);
+ border: 1px solid hsla(0,0%,80%,.7);
+ border-bottom-color: hsla(0,0%,73%,.7);
+ box-shadow: inset 0 -1px 0 hsla(0,0%,73%,.7);
+ }
+
  ::-webkit-scrollbar {
  width: 10px;
  height: 10px;