diff --git a/exampleSite/content/basics/generator/_index.en.md b/exampleSite/content/basics/generator/_index.en.md
index 3058b3f39e..a52834226f 100644
--- a/exampleSite/content/basics/generator/_index.en.md
+++ b/exampleSite/content/basics/generator/_index.en.md
@@ -33,5 +33,5 @@ This only works in modern browsers.
 {{% button style="warning" icon="trash" %}}Reset variant{{% /button %}}
 
 <script>
-variants.generator( '#vargenerator', '.secondary a', '.warning a' );
+window.variants && variants.generator( '#vargenerator', '.secondary a', '.warning a' );
 </script>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 928c3810bd..fcff21a9d2 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -69,7 +69,7 @@
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
           mermaid.initialize( Object.assign( { "securityLevel": "antiscript", "startOnLoad": false  }, config ) );
-          if( config.theme ){
+          if( config.theme && variants ){
             var write_style = variants.findLoadedStylesheet( 'variant-style' );
             write_style.setProperty( '--CONFIG-MERMAID-theme', config.theme );
           }
@@ -96,7 +96,7 @@
   {{- end }}
     <script>
       function useSwagger( config ){
-        if( config.theme ){
+        if( config.theme && variants ){
           var write_style = variants.findLoadedStylesheet( 'variant-style' );
           write_style.setProperty( '--CONFIG-SWAGGER-theme', config.theme );
         }
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index 9de163a3bb..bf353d50dc 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -84,7 +84,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     {{- $firstvariant := true }}
                     {{- range $themevariants }}
                       {{- $themevariant := . }}
@@ -100,7 +100,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks{{if $showvisitedlinks}} showVisitedLinks{{end}}"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> {{ T "Clear-History" }}</a></li>
           </ul>
diff --git a/layouts/partials/stylesheet.html b/layouts/partials/stylesheet.html
index 6fe7ace0aa..2b1435054c 100644
--- a/layouts/partials/stylesheet.html
+++ b/layouts/partials/stylesheet.html
@@ -40,6 +40,6 @@
       {{- range $themevariants }}
         {{- $quotedthemevariants = $quotedthemevariants | append (printf "'%s'" .) }}
       {{- end }}
-      variants.init( [ {{ delimit $quotedthemevariants ", " | safeJS }} ] );
+      window.variants && variants.init( [ {{ delimit $quotedthemevariants ", " | safeJS }} ] );
     </script>
     <script src="{{"js/jquery.min.js"| relURL}}{{ if $assetBusting }}?{{ now.Unix }}{{ end }}" defer></script>
\ No newline at end of file