feat: support user custom gradient theme

shaobeichen · Oct 29, 2024 · 6bec359 · 6bec359
1 parent 9773c4c
commit 6bec359
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -64,7 +64,22 @@
                 "command": "extension.disable",
                 "title": "Gradient Theme: Disable Gradient"
             }
-        ]
+        ],
+        "configuration": {
+            "title": "Gradient Theme",
+            "properties": {
+                "gradientTheme.css": {
+                    "type": "array",
+                    "default": [
+                        {
+                            "enable": false,
+                            "css": ""
+                        }
+                    ],
+                    "description": "custom css for the gradient theme"
+                }
+            }
+        }
     },
     "activationEvents": [
         "onCommand:extension.enable",
@@ -91,4 +106,4 @@
     "vsce": {
         "dependencies": false
     }
-}
+}
diff --git a/src/extension.js b/src/extension.js
@@ -69,12 +69,26 @@ function reset() {
 }
 
 function install() {
+  const themeConfig = vscode.workspace.getConfiguration('gradientTheme')
+  const css = themeConfig ? themeConfig.css : []
+  const customCssOutHtml = css
+    .filter((item) => item.enable)
+    .reduce((prev, cur) => {
+      return (
+        prev +
+        `
+    <style ${tagAttr}>
+    ${cur.css}
+    </style>
+    `
+      )
+    }, '')
+
   const distIndexHtmlFile = path.join(__dirname, '../dist/index.html')
   const html = getResetContent()
   const styleHtml = fs.readFileSync(distIndexHtmlFile, 'utf-8')
-  const output = html.replace('</html>', '') + styleHtml + '</html>'
+  const output = html.replace('</html>', '') + customCssOutHtml + styleHtml + '</html>'
   fs.writeFileSync(htmlFile, output, 'utf-8')
-
   showReloadMessage(enableMessage)
 }