### Manage Banner Visibility with Local Storage (JavaScript)

Source: https://context7_llms

This script checks local storage for a banner dismissal status. If not found, it attempts to find and store it. It then compares the stored value with the banner's current text content to determine visibility and sets a 'data-banner-state' attribute on the document element accordingly. Includes error handling for console logging.

```javascript
function(a,b,c){try{let d=localStorage.getItem(a);if(null==d)for(let c=0;c<localStorage.length;c++){let e=localStorage.key(c);if(e?.endsWith(`-${b}`)&&(d=localStorage.getItem(e),null!=d)){localStorage.setItem(a,d),localStorage.setItem(e,d);break}}let e=document.getElementById("banner")?.innerText,f=null==d||!!e&&d!==e;document.documentElement.setAttribute(c,f?"visible":"hidden")}catch(a){console.error(a),document.documentElement.setAttribute(c,"hidden")}})(
  "__mintlify-bannerDismissed",
  "bannerDismissed",
  "data-banner-state"
)
```

--------------------------------

### Set Element Class for Theme (JavaScript)

Source: https://context7_llms

This script dynamically sets the 'class' attribute of the document's root element based on user preference ('light', 'dark', or 'system'). It reads from local storage or defaults to 'system'. If 'system' is chosen, it checks the user's OS preference. The 'class' attribute is updated to reflect the determined theme, allowing CSS to apply corresponding styles.

```javascript
function(a,b,c,d,e,f,g,h){let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","isDarkMode","system",null,["dark","light","true","false","system"],{"true":"dark","false":"light","dark":"dark","light":"light"},true,true)
```

--------------------------------

### Update CSS Stylesheet Rel Attribute (JavaScript)

Source: https://context7_llms

This script waits for the DOM to be fully loaded, then finds a specific link element (likely for KaTeX CSS) and changes its 'rel' attribute from 'preload' to 'stylesheet'. This ensures the CSS is applied correctly after the initial page load.

```javascript
document.addEventListener('DOMContentLoaded', () => {
              const link = document.querySelector('link[href="https://d4tuoctqmanu0.cloudfront.net/katex.min.css"]');
              link.rel = 'stylesheet';
            });
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.