Click off cloaking

Author: MotorTruck1221

public/js/settings.js

@@ -349,6 +349,42 @@ function setFullScreenElsewhere() {
         changeFullscreen('true');
     }
 }
+//CLICKOFF CLOAKING
+function changeClickoff(value) {
+    localStorage.setItem('clickoff', value)
+    window.location.reload();
+}
+function handleClickoff() {
+    let favicon = document.getElementById('favicon')
+    let cloakedTitle = 'Google';
+    let cloakedFavicon = 'https://google.com/favicon.ico';
+    if (localStorage.getItem('clickedoff') === 'false' || localStorage.getItem('clickedoff') === null || localStorage.getItem('clickedoff') === undefined) {
+        document.title = cloakedTitle;
+        favicon.href = cloakedFavicon;
+        localStorage.setItem('clickedoff', true)
+    }
+    else {
+        document.title = localStorage.getItem('title');
+        favicon.href = localStorage.getItem('favicon');
+        localStorage.setItem('clickedoff', false)
+    }
+}
+function setClickoff(setValue, routechange) {
+    let clickoff = localStorage.getItem('clickoff')
+    if (!clickoff) {
+        localStorage.setItem('clickoff', false)
+    }
+    if (setValue === 'true') {
+        let val = document.getElementById('clickoff')
+        val.value = localStorage.getItem('clickoff')
+    }
+    if (clickoff === 'true') {
+        if (routechange === 'true') {
+            localStorage.setItem('clickedoff', false)
+        }
+       document.addEventListener("visibilitychange", handleClickoff);
+    }
+}
 if (
     window.location.pathname == '/settings' ||
     window.location.pathname == '/settings/'
@@ -360,6 +396,7 @@ if (
     setTheme();
     setBgeffect();
     setFullscreen();
+    setClickoff('true', 'true');
     if (document.getElementById('bg-effect').value === 'none') {
         localStorage.setItem('autoChanged', 'null');
         localStorage.setItem('manualChanged', 'false');
@@ -375,11 +412,13 @@ if (
     setProxyElsewhere();
     setThemeElsewhere();
     setBgEffectElsewhere();
+    setClickoff('false', 'true')
 } else {
     setTitleElsewhere();
     setFaviconElsewhere();
     setProxyElsewhere();
     setThemeElsewhere();
     setBgEffectElsewhere();
     setFullScreenElsewhere();
+    setClickoff('false', 'true')
 }

src/pages/search.astro

@@ -15,6 +15,7 @@ import Search from '../components/search';
     <script src="/dip/dip.page.js" defer></script>
     <script src="/osana/osana.bundle.js" defer></script>
     <script src="/osana/osana.config.js" defer></script>
+    <script src="/stomp/bootstrapper.js" defer></script>
     <script src="/js/settings.js" defer></script>
     <script src="/js/index.js" defer></script>
     <link id="favicon" rel="icon" href="/favicon.ico" />

src/pages/settings.astro

@@ -109,6 +109,7 @@ import Password from '../components/password';
         <option value="marsh">Marsh</option>
         <option value="basic">Basic</option>
         <option value="pastel">Pastel</option>
+        <option value="teal">Teal</option>
         <option value="pinkish-purple">Pinkish Purple</option>
         <option value="pink-and-gray">Pink And Gray</option>
         <option value="nord">Nord</option>
@@ -133,6 +134,11 @@ import Password from '../components/password';
         <option value="blocks">Blocks</option>
         <option value="triangles-and-circles">Triangles and Circles</option>
     </select>
+    <div class="divider mt-20">Click Off Cloaking</div>
+    <select class="dropdown" id="clickoff" onchange="changeClickoff(this.value)">
+        <option value="false">Off</option>
+        <option value="true">On</option>
+    </select>
     <div class="divider mt-20">Password</div>
     <input
         class="input"

src/styles/globals.css

@@ -143,6 +143,16 @@
     --scroll-bar-thumb-hover-color: #99d5c9;
     --input-bg-color: #2a2d34;
 }
+.teal {
+    --bg-color: #0c1a1a;
+    --text-color: #ffffff;
+    --border-color: #6aCfc7;
+    --text-bg-color: #0c1a2a;
+    --scroll-bar-track-color: #0c1a1a;
+    --scroll-bar-thumb-color: #6acfc7;
+    --scroll-bar-thumb-hover-color: #ffffff;
+    --input-bg-color: #0c1a1a;
+}
 .pinkish-purple {
     --bg-color: linear-gradient(90deg, #665fd2, #9824d3) no-repeat center center
         fixed;