diff --git a/tasks/docs/serve.js b/tasks/docs/serve.js
index 80cc752e6..7583ce0ca 100644
--- a/tasks/docs/serve.js
+++ b/tasks/docs/serve.js
@@ -111,7 +111,7 @@ module.exports = function () {
       ---------------*/
 
       // recompile on *.override , *.variable change
-      isConfig        = (file.path.indexOf('theme.config') !== -1);
+      isConfig        = (file.path.indexOf('theme.config') !== -1 || file.path.indexOf('site.variables') !== -1);
       isPackagedTheme = (file.path.indexOf(source.themes) !== -1);
       isSiteTheme     = (file.path.indexOf(source.site) !== -1);
       isDefinition    = (file.path.indexOf(source.definitions) !== -1);
diff --git a/tasks/watch.js b/tasks/watch.js
index 05239aed0..eb9968bc1 100644
--- a/tasks/watch.js
+++ b/tasks/watch.js
@@ -100,7 +100,7 @@ module.exports = function(callback) {
       ---------------*/
 
       // recompile on *.override , *.variable change
-      isConfig        = (file.path.indexOf('theme.config') !== -1);
+      isConfig        = (file.path.indexOf('theme.config') !== -1 || file.path.indexOf('site.variables') !== -1);
       isPackagedTheme = (file.path.indexOf(source.themes) !== -1);
       isSiteTheme     = (file.path.indexOf(source.site) !== -1);
       isDefinition    = (file.path.indexOf(source.definitions) !== -1);