more noscript

Author: JustDeveloper1

src/documentation/index.js

@@ -230,7 +230,9 @@ HTML = HTML
     .replace('<div class="search"></div>', `<div class="${cssclass.search}"></div>`)
     .replace(' id="searchbar" disabled>', ` id="${cssid.searchbar}" disabled>`)
     .replace('<filter id="glass"', `<filter id="${cssid.glass}"`)
-    .replace('<span id="search">', `<span id="${cssid.search}">`);
+    .replace('<span id="search">', `<span id="${cssid.search}">`)
+    .replace('var(--cb)', `var(--${cssvar.cb})`)
+    .replace('var(--ct)', `var(--${cssvar.ct})`);
 const jstrimmedstrvarbasestr = _just.number.convertbasedigits.replace(/[0-9\/+]/g, '');
 const jstrimmedstrvar = _just.number.convertbase(Math.floor(Math.random()*1000).toString(10), 10, jstrimmedstrvarbasestr.length, jstrimmedstrvarbasestr+'0123456789+/')
 JS = JS.replaceAll('trimmedStr', jstrimmedstrvar)

src/documentation/templates/page.html

@@ -94,6 +94,26 @@
                     <button id="a" title="Switch to Dynamic Theme" type="button">A</button>
                 </div>
                 <span>REPLACE_FOOTER</span>
+                <noscript>
+                    <style>
+                        noscript {
+                            position: fixed;
+                        }
+                        noscript:before {
+                            content: 'Please enable JavaScript in your browser settings.';
+                            position: fixed;
+                            left: 0px;
+                            translate: 0px 62px;
+                            font-weight: bolder;
+                            font-size: 2em;
+                            width: 100%;
+                            text-align: center;
+                            height: 100%;
+                            background-color: var(--cb);
+                            outline: 20px solid var(--ct);
+                        }
+                    </style>
+                </noscript>
             </footer>
         </main>
         <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" style="position:absolute;overflow:hidden;">