✨ Support background color of code span decoration (#509)

yzhang-gh · Sep 2, 2021 · f67fa77 · f67fa77
1 parent 8df58cd
commit f67fa77
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -32,6 +32,15 @@
     "main": "./dist/extension",
     "contributes": {
         "colors": [
+            {
+                "id": "markdown.extension.editor.codeSpan.background",
+                "description": "Background color of code spans in the Markdown editor.",
+                "defaults": {
+                    "dark": "#00000000",
+                    "light": "#00000000",
+                    "highContrast": "#00000000"
+                }
+            },
             {
                 "id": "markdown.extension.editor.codeSpan.border",
                 "description": "Border color of code spans in the Markdown editor.",

diff --git a/src/theming/constant.ts b/src/theming/constant.ts
@@ -6,12 +6,14 @@ import type ConfigKnownKey from "../configuration/KnownKey";
 // Keys are sorted in alphabetical order.
 
 const enum Color {
+    EditorCodeSpanBackground,
     EditorCodeSpanBorder,
     EditorFormattingMarkForeground,
     EditorTrailingSpaceBackground,
 }
 
 const colors: Readonly<Record<Color, vscode.ThemeColor>> = {
+    [Color.EditorCodeSpanBackground]: new vscode.ThemeColor("markdown.extension.editor.codeSpan.background"),
     [Color.EditorCodeSpanBorder]: new vscode.ThemeColor("markdown.extension.editor.codeSpan.border"),
     [Color.EditorFormattingMarkForeground]: new vscode.ThemeColor("markdown.extension.editor.formattingMark.foreground"),
     [Color.EditorTrailingSpaceBackground]: new vscode.ThemeColor("markdown.extension.editor.trailingSpace.background"),
@@ -57,6 +59,7 @@ export const enum DecorationClass {
  */
 export const decorationStyles: Readonly<Record<DecorationClass, Readonly<vscode.DecorationRenderOptions>>> = {
     [DecorationClass.CodeSpan]: {
+        backgroundColor: colors[Color.EditorCodeSpanBackground],
         border: "1px solid",
         borderColor: colors[Color.EditorCodeSpanBorder],
         borderRadius: "3px",