diff --git a/.gitignore b/.gitignore
index d74dbcc0..aabb00a5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,6 +21,7 @@ log.txt
 .idea/
 .vscode/*
 !.vscode/extensions.json
+!.vscode/settings.json
 .sass-cache/
 .versions/
 node_modules/
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 9c58de64..bb28ad97 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -7,6 +7,7 @@
 		"streetsidesoftware.code-spell-checker",
 		"esbenp.prettier-vscode",
 		"stylelint.vscode-stylelint",
+		"vunguyentuan.vscode-css-variables"
 	],
 	"unwantedRecommendations": []
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..fa8a7de0
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+    "cssVariables.lookupFiles": [
+      "**/src/themes/default.css",
+    ]
+}