@vscode/markdown-editor 0.0.2-30 → 0.0.2-31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.d.ts +17 -5
  2. package/dist/index.js +150 -128
  3. package/dist/index.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/view/themes/vscode-default.css +7 -3
  6. package/src/view/themes/vscode-github.css +8 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vscode/markdown-editor",
3
- "version": "0.0.2-30",
3
+ "version": "0.0.2-31",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "repository": {
package/src/view/themes/vscode-default.css CHANGED
@@ -53,11 +53,14 @@
53
53
  --md-readonly-accent-foreground: var(--vscode-button-foreground, #fff);
54
54
  --md-separator-color: color-mix(in srgb,
55
55
  var(--vscode-textSeparator-foreground, #d1d9e0) 60%, transparent);
56
+ --md-inline-code-background: color-mix(in srgb,
57
+ var(--vscode-textPreformat-background, #818b981f) 60%, transparent);
56
58
  }
57
59
 
58
60
  .vscode-high-contrast .md-editor.md-theme-vscode-default,
59
61
  .vscode-high-contrast-light .md-editor.md-theme-vscode-default {
60
62
  --md-separator-color: var(--vscode-textSeparator-foreground, currentColor);
63
+ --md-inline-code-background: var(--vscode-textPreformat-background, #818b981f);
61
64
  }
62
65
 
63
66
  .md-theme-vscode-default .md-heading {
@@ -150,8 +153,9 @@
150
153
  }
151
154
 
152
155
  /*
153
- * Inline code. Preview keeps inline code at the body font size (1em) on the VS
154
- * Code preformat surface, with only a small inset — no GitHub-style badge.
156
+ * Inline code. Preview keeps inline code at the body font size (1em) on a
157
+ * softened VS Code preformat surface, with only a small inset — no GitHub-style
158
+ * badge.
155
159
  */
156
160
  .md-theme-vscode-default :not(pre)>code {
157
161
  font-family: var(--vscode-editor-font-family, ui-monospace, SFMono-Regular,
@@ -161,7 +165,7 @@
161
165
  padding: 1px 3px;
162
166
  margin: 0;
163
167
  color: var(--vscode-textPreformat-foreground, inherit);
164
- background-color: var(--vscode-textPreformat-background, #818b981f);
168
+ background-color: var(--md-inline-code-background);
165
169
  border-radius: 4px;
166
170
  white-space: break-spaces;
167
171
  }
package/src/view/themes/vscode-github.css CHANGED
@@ -60,6 +60,13 @@
60
60
  --md-cursor-background: var(--vscode-editorCursor-foreground, #000);
61
61
  --md-readonly-accent: var(--vscode-button-background, rgb(45, 92, 180));
62
62
  --md-readonly-accent-foreground: var(--vscode-button-foreground, #fff);
63
+ --md-inline-code-background: color-mix(in srgb,
64
+ var(--vscode-textPreformat-background, #818b981f) 60%, transparent);
65
+ }
66
+
67
+ .vscode-high-contrast .md-editor.md-theme-vscode-github,
68
+ .vscode-high-contrast-light .md-editor.md-theme-vscode-github {
69
+ --md-inline-code-background: var(--vscode-textPreformat-background, #818b981f);
63
70
  }
64
71
 
65
72
  .md-theme-vscode-github .md-heading {
@@ -155,7 +162,7 @@
155
162
  padding: 0.2em 0.4em;
156
163
  margin: 0;
157
164
  color: var(--vscode-textPreformat-foreground, inherit);
158
- background-color: var(--vscode-textPreformat-background, #818b981f);
165
+ background-color: var(--md-inline-code-background);
159
166
  border-radius: 6px;
160
167
  white-space: break-spaces;
161
168
  }